Maison  >  Article  >  interface Web  >  漂亮的jquery提示效果(仿腾讯弹出层)_jquery

漂亮的jquery提示效果(仿腾讯弹出层)_jquery

WBOY
WBOYoriginal
2016-05-16 17:42:181315parcourir
复制代码 代码如下:






超漂亮的仿腾讯弹出层效果


'
diag.OKEvent = function(){diag.close();};//点击确定后调用的方法
diag.show();
}
function zOpenEle(){
var diag = new Dialog("Diag4");
diag.Width = 300;
diag.Height = 100;
diag.Title = "弹出窗口示例";
diag.innerElementId="forlogin"
diag.OKEvent = function(){$E.getTopLevelWindow().$("username").value||alert("用户名不能为空");$E.getTopLevelWindow().$("userpwd").value||alert("密码不能为空")};//点击确定后调用的方法
diag.show();
}
function zAlert(){
Dialog.alert("你点击了一个按钮");
}
function zConfirm(){
Dialog.confirm('警告:?',function(){Dialog.alert("");});
}





           















用户登陆
用户名
密 码



<script>sometext("div1",200);sometext("div2",200);</script>



效果图:
漂亮的jquery提示效果(仿腾讯弹出层)_jquery
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn