核心提示：图片轮播代码实现教程!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title图片轮播/titlestyle#main{width: 200px;heig...
图片轮播代码实现教程
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片轮播</title>
<style>
#main{
width: 200px;
height: 150px;
overflow: hidden;/*溢出隐藏*/
}
</style>
</head>
<body>
<p 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">
</p>
<p>
<a href="#img1">1</a>
<a href="#img2">2</a>
<a href="#img3">3</a>
<a href="#img4">4</a>
</p>
</body>
</html>
