引用:http://blog.csdn.net/eengel/article/details/17119359
技术点
1. 在每块要显示的内容开头,加入标签<a>,并设定它的 “name”属性。比如“<aname="day_1"></a>”。这个标签只是为了跳转控制,因此不包含内容。这样在页面中就看不到。
2. 按钮也用标签<a>做。设定其“href”属性为对应要显示内容的“name”属性值,并用“#”约束。“#”表示在本页内寻找“name”为相应值的标签。
3. 为了让标签<a>长的像按钮,可以设定其“style”属性。比如“<ahref="#day_1" style="background-color:#BeBeBe;color: #000000;display: inline-block;height: 30px;text-align:center;text-decoration: none;width: 100px;">Monday</a>”。
4. 另外,如果要表示当前所在的是哪个按钮对应的内容,可以加入特殊风格。比如在上面的例子中,当前按钮都会加粗:“font-weight: bold;”。
关于锚点的简单实用
猜你喜欢
转载自greatexpectations.iteye.com/blog/2330504
今日推荐
周排行