到网上找了半天,最简单的“返回顶部”代码就是“<a href="javascript:scroll(0,0)">返回顶部</a>”(不包括引号),(0,0)代表座标,第一位是水平,第二位是垂直,(0,0)就表示网页左上角,文字部分可以自由替换成自己需要的内容,比如也可以用“TOP”。
然后就是决定代码放的地方了,别放到body外就行。而我想把它放到每一条评论或留言的后面,就在“回复该留言”的后面。对于z-blog,打开模板中的b_article_comment.html,在<li class="msgtime"><#article/comment/posttime#> <a href="#comment" onclick="RevertComment('<#article/comment/id#>')"><#ZC_MSG265#></a>和它后面的</li>之间插入返回顶部的代码,重建文章后就可以了。
当然对我来说并没有那么多的留言,没有那么大的需求,所以决定在网页的最底下放一个“返回顶部”,z-blog可以在网站设置管理的“BLOG版权说明”中添加,也可以到每页的模板文件的底下添加,同样也要重建文件。
其实我倒没什么必要一定要用返回顶部这个功能,特别是留言、评论不多,文章不长的时候,大量只想找到解决具体问题方法的游客也不会把网页“一览到底”,所以加上去就是为了好玩。最后,即使不是z-blog,也可以用该代码。
>> 除非说明均为原创,如转载请注明来源于http://www.stormcn.cn/post/950.html