时间:2021-07-01 10:21:17 帮助过:57人阅读
代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>http://www.100sucai.com</title> <style type="text/css"> .a{ width:60px; height:20px; background:#F90; font-size:12px; text-align:center; line-height:20px; position:fixed; right:0px; top:50px; cursor:pointer; display:block; text-decoration:none; } #thep{ width:100%; height:50px; background:#CCC; margin-top:100px; } </style> </head> <body style="height:1000px;"> <a class="a" href="#thep">点击定位</a> <p id="thep"> <li><a href="http://www.100sucai.com/web/jquerytexiao/daohangcaidan/" title="导航菜单">导航菜单</a></li> <li><a href="http://www.100sucai.com/web/jquerytexiao/xuanxiangka/" title="table选项卡">table选项卡</a></li> </p> </body> </html>
以上代码实现了锚点定位效果,代码非常的简单,将链接a的href属性值设置为要定位元素的id属性值,但是前面要加#。
以上就是如何使用html实现定位代码实例的详细内容,更多请关注Gxl网其它相关文章!