锚点就是在html页面中先定义好,在点击某个元素后,直接跳转到定义的位置。
首先需要给元素添加id元素
<img src="img/1.jpg" alt="" id="img1" />
给其他元素添加锚点连接的方式
<a href="#img1">1</a>
通过 #id 就可以进行锚点的相关设定。点击相关的元素就能跳转,最后给一个例子----锚点轮播
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>锚点轮播</title>
<style type="text/css">
.{
margin: 0;
padding: 0;
}
img{
display: block;
width: 500px;
height: 340px;
}
.box{
width: 500px;
height: 340px;
margin: 60px auto;
position: relative;
}
.btn{
position: absolute;
right: 10px;
bottom: 10px;
}
.btn a{
float: left;
w