javaScript实现图片动态轮流展示

最新推荐文章于 2023-03-08 14:44:16 发布

细水长流-

最新推荐文章于 2023-03-08 14:44:16 发布

阅读量9.4k

点赞数 7

分类专栏： Javascript 文章标签： javascript html5 图片管理

本文链接：https://blog.csdn.net/qq_33220449/article/details/52138570

版权

本文介绍了如何利用JavaScript动态实现图片轮流展示的功能，结合HTML5的ul列表进行图片管理。用户既可以手动选择查看特定图片，也可以设置自动切换效果。

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

今天学到了用javaScript来实现几张图片轮流展示，并且可以用html5中ul列表来管理图片，选择查看图片
代码部分：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>动态图片</title>
<style type="text/css">
    *{
        padding:0px;
        margin:0px;
    }
    div#advDiv{
        width:550px;
        margin:80px auto;
        border:10px solid gray;
        padding:15px 0px 15px 15px;
    }

    div#advDiv ul{
        float: