在网页中插入回到顶部按钮 回到顶部代码
1、打开Dreamweaver，新建文档，把标题修改为“回到顶部”；首先需要制造一个超出屏幕长度的网页，在 <body> 和 </body> 标签中插入以下代码： <div style="width:100%; height:1500px;"></div>保存文件，在浏览器中打开，就可以看到浏览器右侧出现滚动条，如图：
2、紧跟着 <body> 标签后面，加入一行代码： <a name="top"></a>这是一个锚链接，用于标记位置；这里我们是回到顶部，所以锚链接的位置紧跟在 <body> 标签后面；如果要跳到页面其他位置，就把这个锚链接放在对应的位置；
4、美化一：我们可以通过修改CSS，来让“回到顶部”的按钮更美观，代码如下： <a href="#top" style="display:block; width:35px; height:42px; border:1px solid #000; position:fixed; right:20px; bottom:20px;">回到<br/>顶部</a>效果如下图：如果想要效果更好，可以用图片代替文字链接。
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。
阅读量：95
阅读量：31
阅读量：74
阅读量：37
阅读量：30