jQuery实现图片自动轮播

睡前要喝豆奶粉

已于 2023-04-21 21:33:20 修改

阅读量610

点赞数

分类专栏： jQuery 前端文章标签： jquery 前端 javascript

于 2022-12-15 10:37:43 首次发布

本文链接：https://blog.csdn.net/yinghanhanhan/article/details/128326275

版权

<style>
        *{
            margin: 0px;
            padding: 0px;
        }
        ul{
            list-style: none;
        }
        #ads{
            width: 590px;
            height: 250px;
            border: 15px solid #999;
            margin: 20px auto;
            position: relative;
        }
        #ads img{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            display: none;
        }
        #ads img.show{
            display: block;
        }
        #ads ul{
            position: absolute;
            bottom: 10px;
            left: 240px;
        }
        #ads ul li{
            width: 12px;
            height: 12px;
            float: left;
            background: rgba(255, 255, 255, 0.7);
            margin-right: 8px;
            border-radius: 50%;
            cursor: pointer;
        }
        #ads ul li.active{
            background: oran