點擊彈出窗口層，并且背景變暗漸變 - 網(wǎng)頁特效代碼：

<head>

<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="robots" content="all" />
<meta name="author" content="在遠(yuǎn)方@www.jscode.cn" />
<meta name="Copyright" content="Copyright (c) jscode.cn" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" media="screen" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" media="screen" />
<meta name="description" content="網(wǎng)頁特效觀止" />
<meta name="keywords" content="網(wǎng)頁特效,網(wǎng)頁特效代碼" />

<title>點擊彈出窗口層，并且背景變暗漸變</title>
<style>
body {font-size:12px;background:#9EC7E7}
img {border:0px}
#msgDiv {
    z-index:10001;
    width:500px;
    height:400px;
    background:white;
    border:#336699 1px solid;
    position:absolute;
    left:50%;
    top:20%;
    font-size:12px;
    margin-left:-225px;
    display: none;
}
#bgDiv {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right:0px;
    background-color: #777;
    filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)
    opacity: 0.6;
}
</style>
<script type="text/javascript">
function showDetail() { //在遠(yuǎn)方www.jscode.cn
//背景
var bgObj=document.getElementById("bgDiv");
bgObj.style.width = document.body.offsetWidth + "px";
bgObj.style.height = screen.height + "px";

//定義窗口
var msgObj=document.getElementById("msgDiv");
msgObj.style.marginTop = -75 + document.documentElement.scrollTop + "px";

//關(guān)閉
document.getElementById("msgShut").onclick = function(){
bgObj.style.display = msgObj.style.display = "none";
}
msgObj.style.display = bgObj.style.display = "block";
msgDetail.innerHTML="<p align=center>小窗口里的內(nèi)容</p><p align=center><A href=http://www.jscode.cn><FONT color=#0000ff>網(wǎng)頁特效觀止</FONT></A></p>"
}
</script>
</head>

<body>

<div id="msgDiv">
<div id="msgShut">
關(guān)閉</div>
<div id="msgDetail">
</div>
</div>
<div id="bgDiv">
</div>
<p>　</p>
<p><a href="#" onClick="showDetail()">點擊我試試看</a></p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p></body>

</html>

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

javascript 自制提示框

js的彈出對話框

常用的腳本驗證

網(wǎng)頁特效代碼：頂部伸縮廣告代碼

點擊不同鏈接彈出不同div層

Photoshop制作香脆的巧克力糖果立體字

更多類似文章 >>

免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

點擊彈出窗口層，并且背景變暗漸變 - 網(wǎng)頁特效代碼：

點擊彈出窗口層，并且背景變暗漸變 - 網(wǎng)頁特效代碼：