js 手机端网站底部悬浮html广告代码

2019-06-30 20:30:01  阅读 358 次 评论 0 条
<!--WAP底部悬浮--><style>@media screen and (max-device-width:800px){ /**WAP**/.bottom_fixed{ position:fixed; bottom:0px; width:100%; z-index:9999;right:0;left:0}.bottom_fixed div{ width:60px; height:20px;background-color:transparent; text-align:center; line-height:20px; right:0; top:-20px; position:absolute; cursor:pointer;}.bottom_fixed div:hover{ background:#F66; color:#FFF}.bottom_fixed a{text-decoration:none; color:black}.bottom_fixed a img{ height:95px; width:100%;}}@media screen and (min-width:800px){ /**PC**/.bottom_fixed{ display:none; position:fixed; bottom:0px; left:50%; margin-left:-475px; z-index:9999;}.bottom_fixed div{ width::50px; height:24px; text-align:center; line-height:24px;background-color:transparent; right:0; top:-24px; position:absolute; cursor:pointer}.bottom_fixed div:hover{ background:#F66; color:#FFF}.bottom_fixed a{text-decoration:none; color:black}.bottom_fixed a img{ height:75px; width:950px;}}</style><div class="bottom_fixed"><a href="链接地址" rel="nofollow" target="_blank"><img id="sjdfjkjimg" src="图片链接地址"><div>不再显示</div></a></div> <script>var imgs =["1.jpg", "2.jpg", "3.jpg"];    //(设定想要显示的图片)var x = 0;        function time1(){ x++;    x=x%3;         //         超过2则取余数,保证循环在0、1、2之间var  imgurl="图片链接地址"+imgs[x];document.getElementById("sjdfjkjimg").src  =imgurl;console.log(imgurl)}setInterval('time1()',5000);  </script>


本文地址:https://www.yms7.com/post/4568.html
版权声明:本文为原创文章,版权归 yms 所有,欢迎分享本文,转载请保留出处!

发表评论取消回复


表情

还没有留言,还不快点抢沙发?