关于锚点的简单实用 博客分类： 页面

引用：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;”。