当前位置:主页 > jquery插件 > 弹出提示 >

jQuery弹窗插件Dialog

栏目分类:弹出提示   模板编号:JQ00079    发布日期:2017-08-29   来源:网络   浏览次数:次     在线预览
jQuery弹窗插件Dialog,简洁轻量兼容好。

实现代码

引入js

<script src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.dialog.js"></script>

demo代码段

<body>
	<input type="button" id="alert-default" value="alert默认" />
	<input type="button" id="alert-nomask" value="alert无遮罩" />
	<input type="button" id="confim-default" value="confim默认" />
	<input type="button" id="load-default" value="load默认" />
	<input type="button" value="alert默认(第二种调用)" onclick="$.dialog.alert({content:'这是普通提示信息'});" />
</body>

引入js代码段

<script type="text/javascript">
$(document).ready(function(){
	$("#alert-default").click(function(){
		$.dialog.alert({content:"这是普通提示信息-zybox.cc"});
	});
	$("#alert-nomask").click(function(){
		$.dialog.alert({content:"这是没有遮罩的提示信息-zybox.cc",mask:false});
	});
	$("#confim-default").click(function(){
		$.dialog.confirm({content:"你确定要删除吗-zybox.cc",callback:"callback();"});
	});
	$("#load-default").click(function(){
		$.dialog.load({url:"load.html",data:{xxx:123}});	//若data传入数组,先将数组转化为JSON格式
	});
});
function callback(){
	alert('这是回调函数');
}
</script>


在线演示 立即下载
打赏本站
云盘密码:eleq

标签: 弹窗 弹窗插件

Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载