社区
CSS
帖子详情
100分求救 有人能改变showModalDialog出来的样式吗?
meconsea
2006-08-14 07:46:24
如题,我想改变showModalDialog出来的样式。好比新浪blog登录的样子似的。
...全文
466
6
打赏
收藏
100分求救 有人能改变showModalDialog出来的样式吗?
如题,我想改变showModalDialog出来的样式。好比新浪blog登录的样子似的。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Yaba_lx
2006-08-15
打赏
举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" >
<script>
function _debug(msg)
{
alert(msg);
document.getElementById('search').focus();
}
</script>
<head onload="javascript:_debug(aa);">
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="Smiling Dolphin" />
<meta name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display, java, javascript, c++, php, jsp, asp, py, pl" />
<meta name="description" content="my favorites language." />
<meta name="robots" content="all" />
<title>Dolphin Document</title>
</head>
<body>
<input type="button" value="显示Alert" onclick="alert('我改写了Alert显示的样式')" />
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<input name = "search" id="search" type="text" />
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<script language="javascript" type="text/javascript">
window.alert = function(txt)
{
//document.write(txt);
var shield = document.createElement("DIV");
shield.style.position = "absolute";
shield.style.left = "0px";
// shield.id = "shield";
shield.style.top = "0px";
shield.style.width = "100%";
shield.style.height = document.body.clientHeight+"px";
shield.style.background = "#333";
shield.style.textAlign = "center";
// shield.style.lineHeight = document.body.clientHeight+"px";
shield.style.zIndex = "1";
shield.style.filter = "alpha(opacity=0)";
var alertFram = document.createElement("DIV");
alertFram.style.position = "absolute";
alertFram.style.left = "50%";
alertFram.style.top = "50%";
alertFram.style.marginLeft = "-225px";
alertFram.style.marginTop = "-75px";
alertFram.style.width = "450px";
alertFram.style.height = "150px";
alertFram.style.background = "#ccc";
alertFram.style.textAlign = "center";
alertFram.style.lineHeight = "150px";
alertFram.style.zIndex = "2";
strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";
strHtml += " <li style=\"background:#DD828D;text-align:left;padding-left:20px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;\">[系统提示]</li>\n";
strHtml += " <li style=\"background:#fff;text-align:center;font-weight:bold;height:120px;line-height:120px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;\">"+txt+"</li>\n";
strHtml += " <li style=\"background:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"确 定\" onclick=\"doOk()\" /></li>\n";
strHtml += "</ul>\n";
alertFram.innerHTML = strHtml;
document.body.appendChild(alertFram);
document.body.appendChild(shield);
var c = 0;
this.doAlpha = function(){
if (c++ > 10){clearInterval(ad);return 0;}
shield.style.filter = "alpha(opacity="+c+");";
}
var ad = setInterval("doAlpha()",20);
this.doOk = function(){
alertFram.style.display = "none";
shield.style.display = "none";
}
}
</script>
</body>
</html>
试试这个 能不能满意~ 这不是showModalDialog,是用DIV模拟的
meconsea
2006-08-15
打赏
举报
回复
没有人会吗? 这么失望啊!
meconsea
2006-08-14
打赏
举报
回复
那么用div来实现的思路是什么呢?
孟子E章
2006-08-14
打赏
举报
回复
不能改变系统功能的showModalDialog
meconsea
2006-08-14
打赏
举报
回复
showModalDialog有方法作吗?
leohuang
2006-08-14
打赏
举报
回复
那是用的层
div层实现show
Mo
dal
Dialog
div层实现show
Mo
dal
Dialog
show
Mo
dal
Dialog
参数传递和获
show
Mo
dal
Dialog
参数传递和获
show
Mo
dal
Dialog
和show
Mo
deless
Dialog
使用心得
show
Mo
dal
Dialog
和show
Mo
deless
Dialog
使用心得
show
Mo
dal
Dialog
参数详解
show
Mo
dal
Dialog
参数详解 基本介绍: show
Mo
dal
Dialog
() (IE 4+ 支持) show
Mo
deless
Dialog
() (IE 5+ 支持) window.show
Mo
dal
Dialog
()方法用来创建一个显示HTML内容的模态对话框。 window.show
Mo
deless
Dialog
()...
解决三层或心上show
Mo
dal
Dialog
的问题_2
解决三层或心上show
Mo
dal
Dialog
的问题_2
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章