打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
JavaScript实现最简单的图片轮播

HTML部分

  1. <div class="side" id = "lunbo">
  2. <ul">
  3. <li><img src="../images/1.jpg"></li>
  4. <li><img src="../images/2.jpg"></li>
  5. <li><img src="../images/3.jpg"></li>
  6. </ul>
  7. </div>



Js部分


  1. var li=document.getElementById('lunbo').getElementsByTagName("li");
  2. var num=0;
  3. var len=li.length;
  4. setInterval(function(){
  5. li[num].style.display="none";
  6. num=++num==len?0:num;
  7. li[num].style.display="inline-block";
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
从两侧向中间拼合的JavaScript图片切换效果
原生JS实现的轮播图功能详解
jQuery 图片切换,带标题和说明文字
原生JS实现轮播图(3种方法)
图片浏览(附带样式+效果)
基于js仿汽车之家2015新版焦点图代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服