by zhangxinxu 2010-03-21 00:48
jQuery zxxbox弹出框插件测试页面
显示默认的问答提示框:
JS代码:
$("#test1").click(function(){ $(this).zxxbox({ ask: true, bg: false, drag: true }); });
显示自定义内容的提示框:
JS代码:
$("#test2").click(function(){ $(this).zxxbox({ fix: true, remind: true, remindtext: "我们少了点什么,我们到底怕什么,明明不想错过,只不过把话说出口……" }); });
装载一段特定的HTML内容:
HTML代码:
用户名:
密 码:
登录
取消
JS代码:
$("#test3").click(function(){ $("#login").zxxbox(); }); $("#loginBtn").click(function(){ alert("登录成功!"); $("#login").zxxbox({delay: 10}); });
装载图片:
HTML代码:
JS代码:
$("#test4").click(function(){ $("#testImg").zxxbox({ bar: false }); });
用户名:
密 码:
登录
取消