图片轮播代码实现教程
图片轮播代码实现教程
<!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>
- 上一篇：Spring中的@Scope注解解析
- 下一篇：Hadoop环境搭建详解
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻