返回列表 发新帖

纯文字版返回顶端的js代码

158.9k 10
swmozowtfl 发表于 2015-7-9 22:53:09|湖北 | 查看全部 阅读模式
这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下
7 r7 ]. m) u; _; D: x, d1 W复制代码 代码如下:
6 F( P" I$ S- D" l* R<script language=javascript>
) C8 [$ L4 p2 M/ h3 {var goto_top_type = -1;
1 U" s/ h1 L7 F* O% i% L3 Y1 {7 ovar goto_top_itv = 0;) e7 u$ V& d- S0 m2 E' v' _. q
function goto_top_timer() {
4 K2 V5 d2 G0 i" \+ [var y = goto_top_type == 1 ? document.documentelement.scrolltop
* q) v7 z$ X0 Q! i( z7 w: document.body.scrolltop;
5 y, Y( n( u; n- m6 y+ q# Q$ Mvar moveby = 15;
" H" K0 F7 h7 b* J$ ny -= math.ceil(y * moveby / 100);& d( ^) Q1 \; Y+ N2 x" q; g9 J; Q' R
if (y < 0) {7 ]3 C( ]. Q, n5 k) }& @) Z
y = 0;
% r: f. F  w/ N0 R& C8 A}
" @; B3 X- n5 T6 O% w: A9 i5 Tif (goto_top_type == 1) {
* y/ e9 G( J* K: Z( n- }1 edocument.documentelement.scrolltop = y;
5 i- l2 p8 A3 S" K} else {  \# H) Q  ^# _! w
document.body.scrolltop = y;
9 x; g! t* j4 z6 U}% \. b! @% Q' H4 `) l1 p2 ~$ r4 y+ ?
if (y == 0) {
. Y4 ]; V* R- Y, x0 g! sclearinterval(goto_top_itv);' @& E% \+ R# T" {, E% n
goto_top_itv = 0;& O* y0 r; y+ }
}/ }+ P# p9 t- N7 m
}
9 U* J' Q$ P" f! y( ~% V9 T8 r8 afunction goto_top() {8 [5 ]. Y9 ^( t
if (goto_top_itv == 0) {
& ?" V. u* [- Sif (document.documentelement && document.documentelement.scrolltop) {1 n- A3 ^8 V# x1 S
goto_top_type = 1;) O% Z/ F4 z( B
} else if (document.body && document.body.scrolltop) {
! c0 h" i) c, b' Igoto_top_type = 2;" b7 _' |8 Z/ p1 a: [% j( F
} else {
  N% p: L% R  x' i' h6 E  `+ Qgoto_top_type = 0;( _# U- S2 [/ H0 ~" z- ]; N3 Y
}
/ {2 f8 j9 g% k" yif (goto_top_type > 0) {+ a4 n% m6 A0 w5 f3 [5 U9 ?
goto_top_itv = setinterval('goto_top_timer()', 50);
1 n1 D$ w' \) B& {( a( o2 A6 y}
& o# z' C6 C, v/ `: k1 Z9 C- s}
8 }2 z2 L4 U9 y, Y! F}; q6 ]) g, c# F8 v5 w
</script>
$ M( g6 t: H1 y<a href=javascript:void(0) onclick=goto_top()>【返回顶部】</a>
; t* b/ C$ [; A6 [# c9 ?; _7 \/ _- O" w9 l
更多网页制作信息请查看: 网页制作

回复|共 10 个

gevaemaidovef 发表于 2015-10-10 16:22:19|韩国 | 查看全部
哇~~` 你是不是投胎滴时候走错地方啦~``
mwxny 发表于 2015-10-10 16:23:12|日本 | 查看全部
呵呵~~~~你怎么老这样说~~~
bqtklouu 发表于 2015-10-10 16:23:12|北美地区 | 查看全部
我率天兵天将 将你打回原形~~~
effoggikeftor 发表于 2015-10-10 16:22:49|INNA | 查看全部
老大,我好崇拜你哟
tohme 发表于 2015-10-10 16:22:45|意大利 | 查看全部
哎 天理何在啊??
wwzcdenleclv 发表于 2016-2-4 13:01:31|加拿大 | 查看全部
今天统计好像出了问题
buingeEvineus 发表于 2016-2-4 13:00:44|INNA | 查看全部
挨骂也是幸福~~~
Acropozelan 发表于 2016-2-4 13:01:45|法国 | 查看全部
哦~~~明白了....
alapScady 发表于 2016-2-4 13:01:37|Reserved | 查看全部
激动了就不好办了..
tohme 发表于 2016-2-4 13:00:15|阿根廷 | 查看全部
这个论坛值得推荐,给了我们这么好的一个平台

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 站长技术交流论坛|互联网技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表