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