本站资源均为网友推荐收集整理而来，请勿商业运营，仅供学习和研究，请在下载后24小时内删除！！

效果图

<style>
  .advertise-container {
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
  }
  .advertise-container .advertise-item {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .advertise-container a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 100px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: 24px;
    animation: pulse 2s ease infinite;
    background: transparent;
  }
  @keyframes pulse {
    0% {
      color: #000;
    }
    50% {
      color: #f00;
    }
    100% {
      color: #000;
    }
  }
</style>

<div class="tuc-2ea177b2-c31783-0 advertise-container tuc-2ea177b2-c31783-0">
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位1</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位2</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位3</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位4</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位5</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位6</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位7</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位8</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位9</div>
  </a>
  <a href="https://www.yfkj6.com/" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0">广告位10</div>
  </a>
</div>

<script>
  var advertise = document.querySelectorAll('.advertise-item');
  var index = 0;
  setInterval(function() {
    advertise.forEach(function(item) {
      item.style.display = 'none';
    })
    if (index >= advertise.length) {
      index = 0;
    }
    advertise[index].style.display = 'block';
    index++;
  }, 2000)
</script>

<style>
  .advertise-container {
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
  }
  .advertise-container .advertise-item {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .advertise-container a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 100px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: 24px;
    animation: pulse 2s ease infinite;
    background: transparent;
    text-align: center;
  }
  .advertise-container img {
    width: 100%;
    height: 100%;
  }
  @keyframes pulse {
    0% {
      color: #000;
    }
    50% {
      color: #f00;
    }
    100% {
      color: #000;
    }
  }
</style>

<div class="tuc-2ea177b2-c31783-0 advertise-container tuc-2ea177b2-c31783-0">
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="广告位1"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="图片链接" alt="广告位2"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="图片链接" alt="广告位3"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="图片链接" alt="广告位4"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="广告位5"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="广告位6"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="广告位7"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="广告位8"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="广告位9"></div>
  </a>
  <a href="https://www.baidu.com" target="_blank">
    <div class="tuc-2ea177b2-c31783-0 advertise-item tuc-2ea177b2-c31783-0"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="广告位10"></div>
  </a>
</div>

<script>
  var advertise = document.querySelectorAll('.advertise-item');
  var index = 0;
  setInterval(function() {
    advertise.forEach(function(item) {
      item.style.display = 'none';
    })
    if (index >= advertise.length) {
      index = 0;
    }
    advertise[index].style.display = 'block';
    index++;
  }, 2000)
</script>

NOTICE

DISCLAIMER

本站资源大多来自网络，如有侵犯权益请联系管理员，我们会第一时间审核删除。站内资源仅供学习测试，未经许可禁止商用，请在24小时内删除。

VIP PRIVILEGE

遇到付费内容？升级终身VIP即可全站免费畅享所有资源，可以联系我的微信进行开通。
QQ群：791028636

免责声明：本站提供用户下载的所有资源均来自网络，版权归作者本人所有，仅限学习和研究目的的，请支持正版！

我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！邮件：2469329338@qq.com

THE END