<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片轮播</title>
<style>
#main{
width: 200px;
height: 150px;
overflow: hidden;/*溢出隐藏*/
}
</style>
</head>
<body>
<div id="main">
<img src="img1.jpg" width="200" height="150" id="img1">
<img src="img2.jpg" width="200" height="150" id="img2">
<img src="img3.jpg" width="200" height="150" id="img3">
<img src="img4.jpg" width="200" height="150" id="img4">
</div>
<div>
<a href="#img1">1</a>
<a href="#img2">2</a>
<a href="#img3">3</a>
<a href="#img4">4</a>
</div>
</body>
</html>
015图片轮播
最新推荐文章于 2021-01-29 17:17:17 发布