<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
/*重置样式*/
*{
margin: 0;padding: 0; list-style: none;}
/*wrap的轮播图和切换按钮样式*/
.wrap{
height: 170px;width: 500px;margin: 100px auto; overflow: hidden;position: relative;}
.wrap ul{
position: absolute;}
.wrap ul li{
height: 170px;}
.wrap ol{
position: absolute;right: 10px;bottom: 10px;}
.wrap ol li{
height: 20px;width: 20px; background-color:#fff;border: 1px solid #eee; margin-left
原生javascript实现图片自动轮播和点击轮播代码
最新推荐文章于 2023-02-21 11:54:46 发布