<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>【强烈推荐】 超漂亮的仿腾讯弹出层效果(兼容主流浏览器)</title>
<style>
body {background: #ffffff; color: #444;}
a{ color: #09d; text-decoration: none; border: 0; background-color: transparent;}
body,div,q,iframe,form,h5{ margin: 0; padding: 0;}
img,fieldset { border: none 0; }
body,td,textarea { word-break: break-all; word-wrap: break-word; line-height:1.5;}
body,input,textarea,select,button { margin: 0; font-size: 12px; font-family: Tahoma, SimSun, sans-serif;}
div,p,table,th,td { font-size:1em; font-family:inherit; line-height:inherit;}
h5{ font-size:12px;}
</style>
<script type="text/javascript" src="Dialog.js"></script>
<script type="text/javascript">
function $(ele) {
if (typeof(ele) == 'string'){
ele = document.getElementById(ele)
if(!ele){
return null;
}
}
return ele;
}
function zOpenD(){
var diag = new Dialog("Diag1");
diag.Width = 900;
diag.Height = 400;
diag.Title = "弹出窗口示例";
diag.URL = "http://demo.zving.com/";
diag.ShowMessageRow = true;
diag.MessageTitle = "弹出窗口示例";
diag.Message = "在这儿你可以对这个窗口的内容或功能作一些说明";
diag.OKEvent = zAlert;//点击确定后调用的方法
diag.show();
}
function zOpen(){
var diag = new Dialog("Diag2");
diag.Width = 900;
diag.Height = 400;
diag.Title = "弹出窗口示例";
diag.URL = "http://demo.zving.com/";
diag.OKEvent = zAlert;//点击确定后调用的方法
diag.show();
}
function zAlert(){
Dialog.alert("你点击了一个按钮");
}
function zConfirm(){
Dialog.confirm('警告:您确认要XXOO吗?',function(){Dialog.alert("yeah,周末到了,正是好时候");});
}
function sometext(ele,n){
var strArr=["可","以","清","心","也"];
var writeStr=""
for(i=0;i<n;i++){
index=parseInt(Math.random()*5);
for(j=0;j<5;j++){
str=index+j>4?index+j-5:index+j;
writeStr+=strArr[str];
}
}
$(ele).innerHTML=writeStr;
}
</script>
</head>
<body>
<div id="div1"></div>
<p> <input type="button" value="弹出新窗口" onclick="zOpen()" /> <input type="button" value="弹出带说明的新窗口" onclick="zOpenD()" /> <input type="button" value="弹出信息提示对话框" onclick="zAlert()" /> <input type="button" value="弹出选择对话框" onclick="zConfirm()" /> <select name="select1">
<option>不要挡住我,不要挡住我</option>
<option>不要挡住我,不要挡住我</option>
<option>不要挡住我,不要挡住我</option>
</select></p>
<div id="div2"></div>
<script>sometext("div1",200);sometext("div2",200);</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
超级漂亮的js弹出框效果
共51个文件
png:28个
gif:18个
html:2个
5星 · 超过95%的资源 需积分: 50 114 下载量 70 浏览量
2010-03-26
22:08:46
上传
评论
收藏 420KB RAR 举报
温馨提示
超级漂亮的js弹出框效果超级漂亮的js弹出框效果超级漂亮的js弹出框效果
资源推荐
资源详情
资源评论
收起资源包目录
弹出窗口美化效果.rar (51个子文件)
弹出窗口美化效果
Dialog.js 28KB
images
dialog_ct.png 6KB
custom_attributes-150x150.png 13KB
window.gif 1KB
dialog_footercenter.png 3KB
dialog_footerright.png 3KB
select1-300x138.png 25KB
arrow_disab.gif 110B
blank.gif 148B
10_multicolumnmodecombobox-150x150.gif 6KB
icon_alert.gif 680B
dialog_mrb.png 3KB
10_multicolumnmodecombobox.gif 8KB
snap.png 109KB
dialog_mrm.png 3KB
icon_dialog.gif 92B
dialog_rt.png 3KB
custom_attributes-300x183.png 41KB
image2.gif 309B
select2-300x189.png 42KB
arrow_over.gif 387B
dialog_lb.png 3KB
dialog_cb.png 4KB
arrow.gif 363B
dialog_footerleft.png 3KB
select2-150x150.png 22KB
select2.png 19KB
icon_query.gif 687B
dialog_mc.gif 1KB
text.gif 229B
dialog_lt.png 3KB
dialog_bg.jpg 22KB
dialog_closebtn.gif 388B
dialog_mc.png 4KB
select1-150x150.png 13KB
dialog_rb.png 3KB
dialog_closebtn_over.png 3KB
dialog_mlb.png 3KB
dialog_closebtn_over.gif 441B
dialog_closebtn.png 3KB
10_multicolumnmodecombobox-300x157.gif 12KB
dialog_mrt.png 3KB
select1.png 18KB
unknown.gif 245B
dialog_mlt.png 3KB
back.gif 216B
custom_attributes.png 18KB
Dialog.html 3KB
dialog_mlm.png 3KB
弹出窗口美化效果.htm 6KB
修改提取版【图片已经放在本地】.html 747B
共 51 条
- 1
资源评论
- xiaocixl2012-10-22功能提供全面的有帮助
- wdh7476711392013-10-28还可以,能用
- Denny_19932014-07-12好东西,嘎嘎,能用上了
- qq_269260432016-08-29还可以吧,能用
踏雪无痕
- 粉丝: 589
- 资源: 431
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功