网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
javascript弹出一个层并增加一个覆盖层
(编辑:jimmy 日期: 2024/10/14 浏览:
2
)
复制代码
代码如下:
<!--内容层-->
<div id="ShopConfirmLayer" style="position:absolute;top:300px;left:100px;z-index:900;border:1px red solid;width:500px;display:none;">
<input name="button1" value="关闭" type="button" onclick="CloseShopConfirm()"/>
</div>
<!--覆盖层-->
<div id="webBgLayer" style="position:absolute;top:0px;left:0px;z-index:899;background-color:#ccc;height:100%;width:100%;display:none;-moz-opacity:0.5;filter:alpha(opacity=50);"></div>
<script type="text/javascript">
function ShopConfirm(str){
var ShopConfirmLayer=document.getElementById("ShopConfirmLayer");
var webBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.innerHTML=str;
ShopConfirmLayer.style.display="";
ShopConfirmLayer.style.left=parseInt((document.documentElement.scrollWidth-ShopConfirmLayer.offsetWidth)/2)+document.documentElement.scrollLeft+"px";
ShopConfirmLayer.style.top=Math.abs(parseInt((document.documentElement.clientHeight-ShopConfirmLayer.offsetHeight)/2))+document.documentElement.scrollTop+"px";
webBgLayer.style.display="";
webBgLayer.style.height=document.documentElement.scrollHeight+"px";
}
function CloseShopConfirm(){
var ShopConfirmLayer=document.getElementById("ShopConfirmLayer");
var webBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.style.display="none";
webBgLayer.style.display="none";
}
</script>
注意上面的代码头部DTD应该是这样:
复制代码
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Untitled
fdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadf
fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf
fdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadffdasfsdfadf
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇:
可浮动QQ在线客服
下一篇:
js数据向上翻滚_数据滚动
最新资源
白嘉倩.1992-我有我【星工厂】【WAV+CUE】
黎明.2006-LOOKING【东亚唱片】【WAV+CUE】
群星.1986-国语金曲尽精英【瑞成】【WAV+CUE】
長渕剛《Blood》[FLAC/分轨][299.09MB]
群星《歌手2024 第4期》[320K/MP3][107.39MB]
群星《歌手2024 第4期》[FLAC/分轨][563.76MB]
RiffKitten-ChaosParade(2024)[24-44,1]FLAC
RuneKlakegg-Nattevandrer(2024)[24-96]\FLAC
赖冰霞.2006-金嗓典藏辑2IN1(南方金点系列)2CD【
群星.1988-国语金曲尽精英VOL.2【瑞成】【WAV+C
首页
音乐
电影
资源