<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery对话框插件DsDialog - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/base.css" />
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="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 : '你好，欢迎访问网页模板！',
timeout:2
});
});
$("#demo2").click(function(){
ds.dialog({
title : '消息提示',
content : '你好，欢迎访问网页模板！',
icon : "success.png",
});
});
$("#demo3").click(function(){
ds.dialog({
title : '消息提示',
content : '输入的数量不正确！',
onyes:true,
icon : "info.png",
});
});
$("#demo4").click(function(){
ds.dialog({
title : '消息提示',
content : '输入的数量不正确！',
yesText : '在线支付',
onyes:true,
noText:'分单结算',
onno:true,
icon:"question.gif",
});
});
$("#demo5").click(function(){
ds.dialog({
title : '消息提示',
content : '输入的数量不正确！',
yesText : '确定',
onyes:function(){
alert("你点击了确定！");
return false;
},
noText : '取消',
onno : function(){
alert("你点击了取消！");
this.close();
},
icon : "question.gif",
});
});
$("#demo6").click(function(){
ds.dialog.alert("模拟alert弹出层",function(){alert("网页模板 - www.moobnn.com")},"info.png");
});
$("#demo7").click(function(){
ds.dialog.confirm("是否回到网页模板首页",function(){window.location.href='http://www.moobnn.com'},function(){alert("逗比，为什么不回到首页？")});
});
$("#demo8").click(function(){
ds.dialog.prompt("请输入网页模板网址！",function(){alert("网页模板 - www.moobnn.com")},"www.moobnn.com");
});
$("#demo9").click(function(){
ds.dialog.tips("网页模板 - www.moobnn.com",2,true,true);
});
});
</script>
<div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jQuery对话框插件DsDialog.zip
版权申诉
5星 · 超过95%的资源 169 浏览量
2022-11-20
22:08:16
上传
评论
收藏 79KB ZIP 举报 
jQuery对话框插件DsDialog.zip （12个子文件） 
jQuery对话框插件DsDialog jiaoben2866 css 
base.css 9KB images 
success.png 2KB confirm.png 2KB
info.gif 2KB info.png 2KB question.gif 2KB error.png 3KB loading.gif 6KB
index.html 3KB js dsdialog.js 19KB jquery-1.7.min.js 93KB
jQuery对话框插件DsDialog.jpg 25KB资源评论
脑浆迸裂少年2024-03-28发现一个宝藏资源，资源有很高的参考价值，赶紧学起来~
