<!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>
<script type="text/javascript" src="Dialog.js"></script>
<script type="text/javascript">
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 zOpenInner(){
var diag = new Dialog("Diag3");
diag.Width = 300;
diag.Height = 100;
diag.Title = "弹出窗口示例";
diag.innerHTML='<div style="text-align:center">直接输出html，使用dialog.<b>innerHTML</b>。</div>'
diag.OKEvent = function(){diag.close();};//点击确定后调用的方法
diag.show();
}
function zOpenEle(){
var diag = new Dialog("Diag4");
diag.Width = 300;
diag.Height = 100;
diag.Title = "弹出窗口示例";
diag.innerElementId="forlogin"
diag.OKEvent = function(){$E.getTopLevelWindow().$("username").value||alert("用户名不能为空");$E.getTopLevelWindow().$("userpwd").value||alert("密码不能为空")};//点击确定后调用的方法
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()" /> <input type="button" value="弹出内容为HTML代码" onclick="zOpenInner()" /> <input type="button" value="弹出内容为本页面内的隐藏层" onclick="zOpenEle()" /> <select name="select1">
<option>不要挡住我，不要挡住我</option>
<option>不要挡住我，不要挡住我</option>
<option>不要挡住我，不要挡住我</option>
</select></p>
<div id="div2"></div>
<div id="forlogin"><table width="100%" border="0" align="center" cellpadding="4" cellspacing="4" bordercolor="#666666">
<tr>
<td colspan="2" bgcolor="#eeeeee">用户登陆</td>
</tr>
<tr>
<td width="50" align="right">用户名</td>
<td>
<input type="text" id="username" /> </td>
</tr>
<tr>
<td align="right">密 码</td>
<td>
<input type="text" id="userpwd" /> </td>
</tr>
</table></div>
<script>//sometext("div1",200);sometext("div2",200);</script>
</body>
</html>
超漂亮的弹出框,alert,confirm,AJAX弹出层有一套自己的统一风格
5星 · 超过95%的资源 需积分: 37 90 浏览量
2009-12-17
10:34:19
上传
评论 1
收藏 194KB RAR 举报 
DialogFrame.rar （33个子文件） 
Dialog 
[强烈推荐] 超漂亮的仿腾讯弹出层效果(兼容主流浏览器).html 3KB UntitledFrameset-20.html 655B [强烈推荐] 超漂亮的仿腾讯弹出框效果(兼容主流浏览器).html 4KB images 
dialog_mlb.png 3KB
icon_alert.gif 680B dialog_mrt.png 3KB dialog_lt.png 3KB dialog_rb.png 3KB dialog_mrb.png 3KB dialog_lb.png 3KB window.gif 1KB dialog_mc.gif 1KB dialog_mrm.png 3KB snap.png 109KB icon_dialog.gif 92B dialog_closebtn_over.gif 441B dialog_footerleft.png 3KB dialog_closebtn.png 3KB icon_query.gif 687B dialog_mlt.png 3KB dialog_closebtn_over.png 3KB dialog_footercenter.png 3KB
Thumbs.db 34KB dialog_closebtn.gif 388B dialog_ct.png 6KB dialog_mlm.png 3KB dialog_cb.png 4KB dialog_footerright.png 3KB dialog_rt.png 3KB
dialog_bg.jpg 22KB dialog_mc.png 4KB Dialog.js 28KB Untitled-3.html 311B资源评论
海边浪花一朵朵2013-11-18里面有不文明的语言
sadankosa2013-12-06ie8下不知为何图片显示不全- gf6411469002013-09-06挺好的，很漂亮
baojingyu2012-11-01弹出框很漂亮- Angellee002013-09-14是挺好的，要是有一个说明文件就更好了
