>  기사  >  웹 프론트엔드  >  漂亮的jquery提示效果(仿腾讯弹出层)_jquery

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

WBOY
WBOY원래의
2016-05-16 17:42:181261검색
复制代码 代码如下:






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


'
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
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.