这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下
; s+ a8 w! _5 v. t8 B/ @1 a复制代码 代码如下:0 [, r- R1 [2 A! }! |
<script language=javascript>
1 w' Z& |/ d: ~var goto_top_type = -1; w, H1 E8 N7 X$ G+ G
var goto_top_itv = 0;+ T$ ]# h, b# H8 M4 z) n0 b
function goto_top_timer() {( m$ v/ |" A) i7 w
var y = goto_top_type == 1 ? document.documentelement.scrolltop
2 Z. f1 C/ r. }: document.body.scrolltop;
/ M. c: N2 A! n/ ^7 Wvar moveby = 15;/ S1 ^( Z( \. s: i3 n# a7 O) L
y -= math.ceil(y * moveby / 100);
3 m3 D [% ^9 T; G! d& R' W6 x0 qif (y < 0) {( ?6 i4 R. t$ @( j# n
y = 0;
6 U5 w) _# A, X- b}, c( C5 ~) F8 Q( n' Q* L
if (goto_top_type == 1) {, ]9 `6 n! U& L' E4 k9 x* l
document.documentelement.scrolltop = y;& Y8 E' [" X( s0 J
} else {
7 ~8 E1 D. G* b) I8 edocument.body.scrolltop = y;/ r9 ~( q* r9 L8 r- d$ v0 ~: T
}5 h3 q' r5 X" z1 i O1 H
if (y == 0) {/ m: n4 L# j* W, ]( v8 L
clearinterval(goto_top_itv);
# D* S% J1 n' u ^4 J5 ^goto_top_itv = 0;- C' e$ X+ W3 p
}
, f5 G( i+ o* q3 L# u% {6 s}2 l7 ^( `) j* E, s" k
function goto_top() {& Q. d$ `9 n0 ?2 `
if (goto_top_itv == 0) {
( g& ?, i) @# Y ^ H9 Sif (document.documentelement && document.documentelement.scrolltop) {' R( U& A2 L; j, |6 m/ v
goto_top_type = 1;1 w, ^5 K' n- S* X! ^% n! k
} else if (document.body && document.body.scrolltop) {
( t8 ]! s3 d! `; w' L! G6 G( }goto_top_type = 2;/ g$ E; ^$ c& p: R
} else {
4 u; x4 X7 V. e. dgoto_top_type = 0;
2 u# C5 y- |6 |) ^" H; v}
: r6 h. A8 M$ Bif (goto_top_type > 0) {8 K% w& G% P) `3 C" W, Q* }5 ?
goto_top_itv = setinterval('goto_top_timer()', 50);
% F4 P) [3 z1 l}
2 V6 Z. x* K8 u$ z$ @& b' G}9 \6 S) N5 X, O/ y
}
+ U* h9 o9 w; A, C</script>; _+ M) A* Z: |0 N: Q8 Z( B1 c
<a href=javascript:void(0) onclick=goto_top()>【返回顶部】</a>
) W. f# D( N" k) r0 e) f1 f( O& V/ p
+ B8 J5 Y- L- P! \/ b/ m. W更多网页制作信息请查看: 网页制作 |
|