[代码收集]访问网站覆盖显示弹出层效果(背景变暗/点击进入) - 笑忘书网页代码收藏馆

★访问网站覆盖显示弹出层效果(背景变暗/点击进入)★

请勿抄袭本页面

代码说明

网页加载完后显示弹出层，背景变暗被覆盖。点击中间部分即可正常显示页面。可以用于提示访客/内容简介等。转自源码爱好者，@笑忘书稍作修改

使用方法及注意事项使用前请先阅读本内容

若要用在我的磨的首页上的请用我的磨首页版(只在首页显示，点击下一页将不会显示)，把这段代码if(window.location.href=="http://35230.wodemo.com/"){window.onload=show;}中的http://35230.wodemo.com换成你的首页地址即可

html代码(普通版)

</style>
<script type="text/javascript">
function show(){
document.getElementById("overDiv").style.display = "block" ;
document.getElementById("dlDiv").style.display = "block" ;
}
function closeDiv(){
document.getElementById("overDiv").style.display = "none" ;
document.getElementById("dlDiv").style.display = "none" ;
}
window.onload=show;
</script>
 <div id="dlDiv" style="display:none;" onclick="closeDiv()">
<div style="position:absolute;bottom:20%;text-align:center;border:1px solid green;width:100%;color:#fff;font-size:1.1em;">点击进入笑忘书网盘</div>
</div>
<div id="overDiv" style="display:none;"></div>

html代码(我的磨首页版)

</style>
<script type="text/javascript">
function show(){
document.getElementById("overDiv").style.display = "block" ;
document.getElementById("dlDiv").style.display = "block" ;
}
function closeDiv(){
document.getElementById("overDiv").style.display = "none" ;
document.getElementById("dlDiv").style.display = "none" ;
}
//把下面的链接地址(http://35230.wodemo.com)换成本代码要放置的页面地址
if(window.location.href=="http://35230.wodemo.com/"){
window.onload=show;
} 
</script>
 <div id="dlDiv" style="display:none;" onclick="closeDiv()">
<div style="position:absolute;bottom:20%;text-align:center;border:1px solid green;width:100%;color:#fff;font-size:1.1em;">点击进入笑忘书网盘</div>
</div>
<div id="overDiv" style="display:none;"></div>

代码演示

页面加载完后将显示弹出层

[代码仅供参考，转载请注明出处]