js刷新页面图片切换_js页面刷新显示不同图片_js动态切换图片

2017-08-12     浏览次数:

做网站时,有一个客户须添加广告,每次刷新页面图片都显示不同的,吾爱编程通过这篇文章分享给大家,需要的朋友可以参考一下

吾爱编程的实现方法:

<style>*{margin:0px;padding:0px;}</style>
<div class="footer_fix" style="box-sizing: content-box; position: fixed; z-index: 2147483647; bottom: 0px;width: 100%;" id="baidustatic_zp">
  <div style="position: relative;overflow: hidden;" id="zp_wrap">
    <a href="http://www.itbiancheng.com/" style="display: none;">
      <img style="display: block;width: 100%;" src="/images/new1.jpg" alt="吾爱编程"></a>
    <a href="http://www.itbiancheng.com/" style="display: none;">
      <img style="display: block;width: 100%;" src="/images/new1.jpg" alt="吾爱编程"></a>
    <a href="http://www.itbiancheng.com/" style="display: none;">
      <img style="display: block;width: 100%;" src="/images/new1.jpg" alt="吾爱编程"></a>
  </div>
  <div style="box-sizing: content-box;position:absolute;right:0px;top:-16px;width:40px;height:16px;overflow:hidden;display:block;background:url('/images/xuantingClose3.png') no-repeat 0 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none, src='/images/xuantingClose3.png');_background:none;cursor:pointer;background-position:center;background-size:100% 100%;z-index:2147483647;" onclick="javascript:document.getElementById('baidustatic_zp').style.display='none';"></div>
</div>
<script>
    var tagObj = document.getElementById('zp_wrap').getElementsByTagName('a');
    tagObj[parseInt(Math.random() * tagObj.length, 10)].style.display = 'block';
</script>
*转载请注明出处,更多资料尽在 吾爱编程
返回吾爱编程首页