<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轻量级jQuery对话框插件 jQuery.dialog.js - 素材家园（www.sucaijiayuan.com）</title>
<link rel="stylesheet" href="css/jquery.dialog.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.dialog.js"></script>
<style>
.btn{display:block;width:130px;height:40px;background:#3c8dbc;border:0;border-radius:3px;color:#fff;cursor:pointer;margin:30px auto auto;}
</style>
</head>
<body>
<button class="btn" id="js_alertPic">弹出一张图片</button>
<button class="btn" id="js_alert">Alert</button>
<button class="btn" id="js_confirm">Confirm</button>
<button class="btn" id="js_prompt">Prompt</button>
<button class="btn" id="js_wait">Wait</button>
<script>
$("#js_alertPic").on("click",function(){
var obj = '<img src="http://www.sucaijiayuan.com/uploads/file/content/2015/12/567ccdd14c121.jpg"/>';
$(obj).dialog({
title : "新年快乐图片",
buttons: {
"确定":function(){
alert("ok")
},
"取消" : function(){
alert("cancel")
}
},
});
});
$("#js_alert").on("click",function(){
jAlert('www.sucaijiayuan.com',function(){
alert("确定的回调");
},"素材家园");
});
$("#js_confirm").on("click",function(){
jConfirm('www.sucaijiayuan.com',function(){
alert("确定的回调");
},"素材家园");
});
$("#js_prompt").on("click",function(){
jPrompt('请输入素材家园的网址','http://www.sucaijiayuan.com',function(event,val){
alert(val);
},"素材家园");
});
$("#js_wait").on("click",function(){
jWait('数据加载中');
});
</script>
</body>
</html>
jquery.dialog.js 经典弹出框附案例代码
5星 · 超过95%的资源 需积分: 50 174 浏览量
2016-09-30
10:20:06
上传
评论 1
收藏 39KB RAR 举报 
jQuery.dialog.js.rar （6个子文件） 
jQuery.dialog.js css 
jquery.dialog.css 5KB images 
loader.gif 2KB
index.html 2KB js jquery.dialog.js 11KB jquery.js 94KB 下载更多免费素材.url 141B资源评论
wjingjin1232018-12-13还不错欸，挺好的
