A-A+

ecshop如何在右侧添加返回顶部的图片

2015年07月04日 PHP开源系统 暂无评论 阅读 13 views 次

在网页中添加回到顶部的代码,对页面的体验很好,尤其是篇幅较大的网页,对于代码,实际上也很简单,我们知道只要给 a 标记添加链接 #,点击之后就会自动回到顶部了,所以只需要在页面的底部添加一个 a 标记的空链接就可以了,下面夏日博客就 ecshop 中如何在右侧添加返回到顶部做个简单分享,这种方法适用于任何的网页。

打开 themes/模板文件夹/library/page_footer.lbi 文件,在其底部添加如下代码:

<style>
.to_top{width:20px;height:59px;right:40px;position:fixed;bottom:50px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-134))}
</style>
<a href="#" class="to_top" title="返回顶部"><img src="images/图片名字" width="20" height="59" /></a>

注意其返回顶部的图片,我们可以从网上找一个精美的图片放置到 themes/模板文件夹/images 下即可。

标签:

给我留言