喜欢分享 发表于 2012-12-3 22:13:11

PT站添加回到顶部按钮的方法

本帖最后由 喜欢分享 于 2012-12-3 22:19 编辑

昨晚在这里发了一个关于我在校内建PT站的帖子 http://www.gebi1.com/thread-108232-1-1.html
得到了大家的鼓励，还被版主评分了……{:2_103:}
昨晚的帖子也写到了还有一些未解决的问题，今晚花了点时间又把清影PT的网页源文件看了下，找出了回到顶部的代码

<a href="javascript:scroll(0,0)" id="totop" title="回到顶端"><div id="totop"></div></a><style>
/*Start Top*/
div#totop
{
      position:fixed;
      width:50px;
      height:50px;
      bottom:60px;
      right:0px;
      border-radius:3px;
      background:url("/styles/totop.png") 5px 5px no-repeat;
      background-color:rgba(0,0,0,.7);
}
div#totop:hover
{
      background-color:rgba(30,30,30,.7);
}
/*End Top*/
</style>
然后把这段代码放在functions.php 调用JS代码的下方，大概2444行左右，具体因为我改过代码不能准确到某一行。
修改后的代码内容
http://imgurls.cn/?di=QL43

效果：

按钮的大小、图片什么的可以自己根据主题风格进行修改，修改<style></style>里面的代码内容就行了。


最后，我其实不知道正规的回到顶部按钮是不是这样添加的，我CSS也只是懂一点，PHP完全门外汉。只是找到了代码，然后放在functions.php测试了几次，最后就成功显示了，功能也正常。IE8、Chrome、搜狗、火狐、360测试正常。不过低版本的IE背景色显示不了。

欢迎大家指教……

水煮龙井 发表于 2012-12-3 22:23:20

高手就是高手！膜拜！也很人性化！

現實啇亻山土 发表于 2012-12-3 22:24:43

偶偷懒。 就直接用了chrome 的扩展
http://img4.tuchuang.org/uploads/2012/12/ASC8IIIDC1%5BNNZ5T5VOG%40QF.jpg

芬兰冰宁 发表于 2012-12-3 22:27:16

chd貌似有，其他没有看到过

喜欢分享 发表于 2012-12-3 22:33:32

現實啇亻山土 发表于 2012-12-3 22:24 static/image/common/back.gif
偶偷懒。 就直接用了chrome 的扩展

原来Chrome还有这样的插件~

水煮龙井 发表于 2012-12-3 22:36:12

芬兰冰宁 发表于 2012-12-3 22:27 static/image/common/back.gif
chd貌似有，其他没有看到过

CHD有么？我似乎只在葡萄与蝴蝶见到过...

芬兰冰宁 发表于 2012-12-3 22:49:24

水煮龙井 发表于 2012-12-3 22:36 static/image/common/back.gif
CHD有么？我似乎只在葡萄与蝴蝶见到过...

每层回复最右有个小箭头

喜欢分享 发表于 2012-12-3 22:59:17

芬兰冰宁 发表于 2012-12-3 22:49 static/image/common/back.gif
每层回复最右有个小箭头

这个Nexusphp默认都有的 但是全局页面的回到顶部就没了

qingfeng 发表于 2012-12-3 23:39:59

高手，感谢分享

水煮龙井 发表于 2012-12-3 23:46:13

芬兰冰宁 发表于 2012-12-3 22:49 static/image/common/back.gif
每层回复最右有个小箭头

这种细节还真没注意到

芬兰冰宁 发表于 2012-12-4 00:33:20

喜欢分享 发表于 2012-12-3 22:59 static/image/common/back.gif
这个Nexusphp默认都有的 但是全局页面的回到顶部就没了

原理我不懂的，但是我觉得还蛮有用的， 其他pt还没看到过（很多大站没有进去过{:7_738:}）

sunshineyy 发表于 2012-12-5 09:46:37

其实我都是用鼠标手势回到顶部，到底部的

Minami 发表于 2012-12-5 09:51:17

直接按HOME键的路过…………
膜拜技术大神

abc1550030776 发表于 2012-12-10 03:04:43

神人也自己搭建pt站

zsy1982 发表于 2013-1-4 10:36:27

高手。进来学习。

sunsetbay 发表于 2013-1-4 21:46:02

因为你用的图片是png的，在低版本的IE中显示背景不正常，可以js去fix一下。

多情昏君 发表于 2013-2-22 17:45:44

能这么细心看代码，赞一个！
以前纯静态页面时，感觉亲手一行行写代码，就是一步步缔造网页网站；后来越来越多脚本，终于没法继续把网站当业余爱好了……

llwwdd 发表于 2013-2-23 19:40:58

长知识了，谢谢楼主了。。

68837758 发表于 2013-2-28 15:51:04

高人啊，待我研究一下

wildcloudy 发表于 2013-3-6 08:52:30

这个很实用，平时常碰到。感谢分享。
页: [1] 2
查看完整版本: PT站添加回到顶部按钮的方法