Rumah > hujung hadapan web > tutorial js > 漂亮的jquery提示效果(仿腾讯弹出层)_jquery

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

WBOY
Lepaskan: 2016-05-16 17:42:18
asal
1372 orang telah melayarinya
复制代码 代码如下:






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


'
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
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan