仿xp关机弹出窗口效果如何运用到框架集中？

zmappleme 2007-11-28 03:02:13

我在站长网上看到一个仿xp关机的效果，但是只能运用到一个页面上去，我想问一下怎么把它运用到一个框架集中去，就是说我点了一个链接以后，框架集中的所有框架中的页面都变灰？仿xp关机效果如下http://myjs.chinaz.com/content.asp?class=28&cid=1108 请指教谢谢谢谢

...全文

556 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

世界因你而小 2008-04-25

打赏
举报

mark

zmappleme 2007-11-29

打赏
举报

这种效果用在一个页面上是能实现的，我的意思是说用在框架“集”中，比如说框架“集”中有三个页面，a.aspx,b.aspx,c.aspx，现在我把它用在c.aspx中，即点击c.aspx中的一个按钮，整个框架集中的abc三个页面都变灰，同时都有效果，是整体的效果

cat_hsfz 2007-11-28

打赏
举报

覆盖一个div在上面，设置该div的半透明度以及底色。如果不明白，可以去下载lightbox的源代码看看别人是怎么做到的。

bbxie 2007-11-28

打赏
举报

框架里的js一样的使用啊
不是你是不是要lightbox那种效果的

cansum396 2007-11-28

打赏
举报

把style和script的内容都copy到你的html中

Cherish20 2007-11-28

打赏
举报

zmappleme 2007-11-28

打赏
举报

说明白点吧。。。js如何应用到框架集里去？

showmy 2007-11-28

打赏
举报

octverve 2007-11-28

打赏
举报

直接保存为html，希望对你有帮助！！

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var t_DiglogX,t_DiglogY,t_DiglogW,t_DiglogH;

function gid(id) {
return document.getElementById?document.getElementById(id):null;
}

function gname(name) {
return document.getElementsByTagName?document.getElementsByTagName(name):new Array()
}

function Browser() {
var ua, s, i;
this.isIE = false;
this.isNS = false;
this.isOP = false;
this.isSF = false;
ua = navigator.userAgent.toLowerCase();
s = "opera";
if ((i = ua.indexOf(s)) >= 0) {
this.isOP = true;return;
}
s = "msie";
if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true;return;
}
s = "netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;return;
}
s = "gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;return;
}
s = "safari";
if ((i = ua.indexOf(s)) >= 0) {
this.isSF = true;return;
}
}

function DialogLoc() {
var dde = document.documentElement;
if (window.innerWidth) {
var ww = window.innerWidth;
var wh = window.innerHeight;
var bgX = window.pageXOffset;
var bgY = window.pageYOffset;
} else {
var ww = dde.offsetWidth;
var wh = dde.offsetHeight;
var bgX = dde.scrollLeft;
var bgY = dde.scrollTop;
}
t_DiglogX = (bgX + ((ww - t_DiglogW)/2));
t_DiglogY = (bgY + ((wh - t_DiglogH)/2));
}

function DialogShow(showdata,ow,oh,w,h) {
var objDialog = document.getElementById("DialogMove");
if (!objDialog) objDialog = document.createElement("div");
t_DiglogW = ow;//ow
t_DiglogH = oh;
DialogLoc();
objDialog.id = "DialogMove";
var oS = objDialog.style;
oS.display = "block";
oS.top = t_DiglogY + "px";
oS.left = t_DiglogX + "px";
oS.margin = "0px";
oS.padding = "0px";
oS.width = w + "px";
oS.height = h + "px";
oS.position = "absolute";
oS.zIndex = "5";
oS.background = "#FFcccc";//#FFFFFF alert div's color
oS.border = "solid #000 1px";
objDialog.innerHTML = showdata;
document.body.appendChild(objDialog);
}

function DialogHide() {
ScreenClean();
var objDialog = document.getElementById("DialogMove");
if (objDialog) objDialog.style.display = "none";
}

function ScreenConvert() {
var browser = new Browser();
var objScreen = gid("ScreenOver");
if (!objScreen) var objScreen = document.createElement("div");
var oS = objScreen.style;
objScreen.id = "ScreenOver";
oS.display = "block";
oS.top = oS.left = oS.margin = oS.padding = "0px";
if (document.body.clientHeight) {
var wh = document.body.clientHeight + "px";
} else if (window.innerHeight) {
var wh = window.innerHeight + "px";
} else {
var wh = "100%";
}
oS.width = screen.width;//set
oS.height = screen.height;//
alert(document.body.clientHeight);
oS.position = "absolute";
oS.zIndex = "3";
//oS.innerText ="HELLOOLDSFSDFSDFF";
if ((!browser.isSF) && (!browser.isOP)) {
oS.background = "#0C0C0C";//#181818 Set here color!!
} else {
oS.background = "#FF0000";//#F0F0F0
}
oS.filter = "alpha(opacity=90)";//GB color is Set here
oS.opacity = 40/100;
oS.MozOpacity = 40/100;
document.body.appendChild(objScreen);
var allselect = gname("select");
for (var i=0; i<allselect.length; i++) allselect[i].style.visibility = "hidden";
}

function ScreenClean() {
var objScreen = document.getElementById("ScreenOver");
if (objScreen) objScreen.style.display = "none";
var allselect = gname("select");
for (var i=0; i<allselect.length; i++) allselect[i].style.visibility = "visible";
}

//举报
function Report()
{
//var PostData = "do=" + Type + "&reportid=" + ID;
//PostRequest(window.location.protocol + "//" + window.location.host +

"/AJAX_Comm.aspx", PostData);
var showData = sample.innerHTML;
//ScreenConvert();DialogShow("<div id=\"DialogLoading\">正在读取,请稍

候...</div>",110,10,124,20);
ScreenConvert();
DialogShow(showData,400,300,420,350);
}
</script>
</head>

<body>
<a href="#" onClick="Report();return false;">测试效果blur();</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br><

/br></br></br></br>
<label>
<select name="select">
<option value="1">1</option>
<option value="11">11</option>
<option value="2">2</option>
</select>
</label>
<div algin="center">
<input type="submit" name="Submit" value="提交" />
</div>
</br></br></br></br><br>

<div style="display:none;" id="sample"><div style="padding-top:10px;"><img

src="images/Yservice.jpg" border="0" />
<div style="line-height:24px; margin-top:10px; padding:0px 0px 10px 10px; font-

size:12px;">
*注意事项一<br />
* 注意事项二
</div>
<img src="images/Ylianxiwm.jpg" />
<div style="line-height:24px; margin-top:5px; font-size:12px; padding:0px 0px 10px

10px;">注意事项三<br />
注意事项四)<br />
</div>
<div style="margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; text-align:right;">
<a href="#" title="点击关闭" onClick="return DialogHide();" class="Imga"><img

src="images/Yway_11.jpg" border="0" />点击关闭</a></div></div></div>
</body>
</html>