js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 窗口特效

jQuery DsDialog 一款超全功能的漂亮对话框插件

发布时间:2015-08-30 19:16:52    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jQuery DsDialog 一款超全功能的漂亮对话框插件
<!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 : '你好,欢迎访问js代码网!',    
					timeout:2	      
					});    
				});    
				$("#demo2").click(function(){    
					ds.dialog({    
					title : '消息提示',    
					content : '你好,欢迎访问js代码网!',    
					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("js代码网 - www.jstxdm.com")},"info.png");    
				});    
				$("#demo7").click(function(){    
					ds.dialog.confirm("是否回到js代码网首页",function(){window.location.href='http://www.jstxdm.com'},function(){alert("逗比,为什么不回到首页?")});    
				});    
				$("#demo8").click(function(){    
					ds.dialog.prompt("请输入js代码网网址!",function(){alert("js代码网 - www.jstxdm.com")},"www.jstxdm.com");    
				});    
				$("#demo9").click(function(){    
					ds.dialog.tips("js代码网 - www.jstxdm.com",2,true,true);    
				});    
			});	
    
		</script>    
	</body>	    
</html>



对话框 漂亮

jquery图片相册特效,切换上下页,还带对话框提醒特效

jQuery DsDialog 一款超全功能的漂亮对话框插件

css3对话框插件来制作动画弹出表单特效

jQuery点击弹出对话框窗口确认特效代码

上一篇:已经没有了

下一篇:简洁的404页面错误提示代码

友荐云推荐
大家说 此评论不代表本站观点