jquery.dsdialog实现一个模态弹窗弹出层效果代码
代码语言:html
所属分类:弹出层
代码描述:jquery.dsdialog实现一个模态弹窗弹出层效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/dsdialog.css"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.17.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/dsdialog.js"></script> <style> #demo{text-align:center;margin:100px auto;} #demo p{margin:20px auto;} #demo button{padding:10px 30px;cursor:pointer;} </style> </head> <body> <div id="demo"> <p><button id="demo1">标准调用</button></p> <p><button id="demo2">自定义图标</button></p> <p><button id="demo3">显示按钮</button></p> <p><button id="demo4">自定义按钮文字</button></p> <p><button id="demo5">支持回调事件</button></p> <p><button id="demo6">模拟alert弹出层</button></p> <p><button id="demo7">模拟confirm对话框</button></p> <p><button id="demo8">模拟prompt对话框</button></p> <p><button id="demo9">Tips方法调用</button></p> </div> <script type="text/javascript"> $(function(){ $("#demo1").click(function(){ ds.dialog({ title : '消息提示', content : '你好,欢迎访问bfw!', timeout:2 }); }); $("#demo2").click(function(){ ds.dialog({ title : '消息提示', content : '你好,欢迎访问bfw!', icon : "success.jpg", }); }); $("#demo3").click(function(){ .........完整代码请登录后点击上方下载按钮下载查看
网友评论0