社区
CSS
帖子详情
100分求救 有人能改变showModalDialog出来的样式吗?
meconsea
2006-08-14 07:46:24
如题,我想改变showModalDialog出来的样式。好比新浪blog登录的样子似的。
...全文
474
6
打赏
收藏
100分求救 有人能改变showModalDialog出来的样式吗?
如题,我想改变showModalDialog出来的样式。好比新浪blog登录的样子似的。
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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
打赏
举报
回复
那是用的层
WEB开发文档2 总结
怎样将后台生成的在内存中的图象显示到客户端 ...Microsoft IE WebControls下载地址 ...关于show
Mo
dal
Dialog
窗体之间传值的方法 ...在DATAGRID中单击一行
改变
...用Response.BinaryWrite()如何使弹出的下载对话中有一个...
Java基础教程:从入门到实践
本书《Java基础》由Todd Greanier撰写,涵盖了Java编程语言的核心概念和技术。书中详细介绍了Java的历史、特点及其与其它语言的比较,并提供了下载和安装Java的指导。读者将学习到Java的基本语法、面向对象编程的基础、异常处理、集合框架等内容。此外,书中还包含大量示例代码和练习题,帮助读者巩固所学知识。通过阅读本书,初学者可以掌握Java编程的基础技能,为未来的深入学习打下坚实的基础。
2018一建《项目管理》考点-施工过程的质量控制.doc
2018一建《项目管理》考点-施工过程的质量控制.doc
2017年网络最流行空间搞笑句子.docx
2017年网络最流行空间搞笑句子.docx
2013年肇庆市国家义务教育课程标准网络全员培训学习心得体会.doc
2013年肇庆市国家义务教育课程标准网络全员培训学习心得体会.doc
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章