- 積分
- 188
- 威望
- 188
- 金錢
- 195
- 最後登錄
- 2013-2-11
|
[教學 ]返回顶部加强版及释义For Leots
本帖最後由 bossll 於 2012-11-28 18:10 編輯
在后台修改模板forumdisplay和index_header,在适当位置添加- <div id="shangxia"><div id="shang"></div><div id="xia"></div></div>
複製代碼 修改模板viewthread,在适当位置添加- <div id="shangxia"><div id="shang"></div><div id="comt"></div><div id="xia"></div></div>
複製代碼 修改模板css_append ,添加- #shangxia{position:fixed;top:40%;left:50%;margin-left:-520px;display:block;}
-
- /* 使用fixed使id=“shangxia”的对象固定于浏览器中,相对的上距离为40%,左距离为50%(即居中),然后向左移动520px(需自行调整!!!) */
-
- #shang{background:url(http://it.gain.tw/attachments/month_1207/12071215354e27e2328bfc204e.png) no-repeat;position:relative;cursor:pointer;height:15px;width:29px;margin:10px 0;}
-
- #xia{background:url(http://it.gain.tw/attachments/month_1207/1207121535b17b8cb0a349e0d7.png) no-repeat;position:relative;cursor:pointer;height:15px;width:29px;margin:10px 0;}
-
- #comt{background:url(http://it.gain.tw/attachments/month_1207/1207121535cfd0a834ded71e5b.png) no-repeat;position:relative;cursor:pointer;height:27px;width:29px;margin:10px 0;}
- #shang:hover{background:url(http://it.gain.tw/attachments/month_1207/1207121535b200f367042f36bf.png) no-repeat;}
- #xia:hover{background:url(http://it.gain.tw/attachments/month_1207/1207121535c1fa003c6337c8d5.png) no-repeat;}
- #comt:hover{background:url(http://it.gain.tw/attachments/month_1207/1207121535f2eca7200cb46803.png) no-repeat;}
複製代碼 后台第三方代码添加:- <script>
- $jq('#shang').click(function(){$jq('html,body').animate({scrollTop: '0px'}, 800);});
-
- //点击id="shang"对象时,滑动至相对浏览器滚动条为0px(即顶部),时间为800毫秒
-
- $jq('#comt').click(function(){$jq('html,body').animate({scrollTop:$jq('.editor_tb').offset().top}, 800);});
-
- //点击id="comt"对象时,滑动至id="comment"相对浏览器滚动条的距离,时间为800毫秒
-
- $jq('#xia').click(function(){$jq('html,body').animate({scrollTop:$jq('#footer').offset().top}, 800);});
- </script>
複製代碼 后台其他头部信息添加:- <script> document.write('<'+'script src="http://it.gain.tw/attachments/month_1207/120712154117c1385272031a4c.attach"></script'+'>') </script>
複製代碼 原作者林木木http://immmmm.com/added-sliding-effect-enhanced.html
活生生的例子:http://it.gain.tw/
顺便说一句,我想找个人一起做个代码站,不知道谁能和我一起做。俗话说一个巴掌拍不响嘛。
邮箱地址:173084705@qq.com
顺便说一下,我不希望这个东西会在不久后在各个插件站满天飞 |
-
1
評分人數
-
|