本站长承接,网站搭建,网站美化,wordpress网站速度优化,网站各种疑难杂症,vpn方案,小程序搭建,视频网站解决方案,视频播放器解析源码(带暂停广告,视频广告功能),视频播放跨域,视频直播流解决方案等等,欢迎来聊~
只有你想不到,没有我做不到( •̀ ω •́ )✧ 微信:MRmagg

167素材网

js+css+html实现网站底部悬浮广告带关闭按钮


js+css+html实现网站底部悬浮广告带关闭按钮

js+css+html实现网站底部悬浮广告带关闭按钮


利用js+css+html实现网站底部悬浮广告带关闭按钮

CSS部分

<style>
body { background-image:url(text.txt); /* for IE6 */
background-attachment:fixed; }
#bottomNav { background-color:#fff0; z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; }
</style>

js部分

<script>
function CloseDiv(div) {
document.getElementById(div).style.display = 'none';
};
</script>

代码部分

<div id="bottomNav">
<div id="MyDiv">
<center>
<a href="https://xxx.com" rel="nofollow" target="_blank">
<img src="https://xxx.com/xxx.jpg" title="AD" />
</a>
<span onclick="CloseDiv('MyDiv')">关闭</span>
</center>
</div>
</div>

END拜拜ヾ(•ω•`)o

167素材网

Madapang

一个喜欢撸猫,听歌,玩小霸王,睡觉的人。

相关推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

js+css+html实现网站底部悬浮广告带关闭按钮
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close