JavaScript轮番图片

马子日

于 2020-06-13 00:37:42 发布

阅读量937

点赞数 2

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_46678271/article/details/106726727

版权

这篇博客介绍了如何使用JavaScript创建网页上的轮播图片效果。包括HTML布局、CSS样式以及JavaScript关键代码的实现，并且讲解了如何为图片添加超链接，以便用户点击后能进行页面跳转。适合初学者参考学习。

摘要由CSDN通过智能技术生成

网页上我们经常用一些轮番图片来导航，非常方便，下面直接上代码！
HTML部分

<div class="slideshow-container">
<div class="mySlides fade">   
   <div class="numbertext">1 / 3</div>   
    <img src="img1.jpg" style="width:100%">   
    <div class="text">文本 1</div>
  </div>   
    <div class="mySlides fade">   
     <div class="numbertext">2 / 3</div>  
            <img src="img2.jpg" style="width:100%">   
       <div class="text">文本 2</div>  </div>  
    <div class="mySlides fade">