这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下! N- K# x3 h8 v* T
复制代码 代码如下:0 O, W) A* B Q
<script language=javascript>3 n5 `" J+ R; C- R+ q1 D7 p
var goto_top_type = -1;: |! s$ o6 P0 w8 [5 j+ L3 e8 e
var goto_top_itv = 0;
5 H; z, ]( J6 Y0 z/ Lfunction goto_top_timer() {! t# j6 H4 z r) `8 p! y+ I* P. h5 w; {
var y = goto_top_type == 1 ? document.documentelement.scrolltop9 \# @- }- m- H3 J1 O( V6 F. t% V7 S
: document.body.scrolltop;
( L, b5 h& S8 b% z2 Evar moveby = 15;
$ @: R- V2 ^0 ~3 d9 ry -= math.ceil(y * moveby / 100); A) @6 E3 i5 m
if (y < 0) {
: [: |/ n6 A: G4 a" h" Ly = 0;+ O w2 V7 R- S3 T
}
5 U J1 _: Q3 J: D* J: Tif (goto_top_type == 1) {8 `! M& ?8 a2 t% U
document.documentelement.scrolltop = y;
( Y( z/ L7 @% a} else {
/ q- q6 e0 l X2 O! N) zdocument.body.scrolltop = y;" d4 B* [$ e5 a% |2 Q
}
6 _/ D' r$ n3 _2 jif (y == 0) {1 B8 A( k8 K- v# D5 p8 K' h
clearinterval(goto_top_itv);
% ~) a5 }; K; c2 `' @# t7 ]goto_top_itv = 0;
8 k5 \8 D, f6 |" k& X% c! V}
$ W, b0 s; E0 i8 K/ x x: a}2 E0 U& B' r0 J
function goto_top() {
& k. D2 w$ ^& {( h; u6 m5 `) S) m7 oif (goto_top_itv == 0) {) F6 Z4 R5 Y. ^8 k. h3 S
if (document.documentelement && document.documentelement.scrolltop) {
+ e' n$ }6 p6 P% `- w6 p: Fgoto_top_type = 1;; D. R4 e8 ^2 [" f! b ^4 Q
} else if (document.body && document.body.scrolltop) {( R; d* z0 |" X
goto_top_type = 2;9 c4 y6 x$ `. K. f
} else {
! |$ f" `, N4 j1 I, f4 i( v9 f& v1 B/ ggoto_top_type = 0;. K: j" u: R9 z
}
" F! p/ c, S5 a' l1 _' g4 z* k5 \& Qif (goto_top_type > 0) {
/ K: `! L5 m. Cgoto_top_itv = setinterval('goto_top_timer()', 50);7 h& ?7 I/ v5 J/ p6 v
}4 w) y8 l) Y3 l$ P
}( h U# @- T% y; ~5 [- j
}, A$ { T6 S+ f( z0 U
</script>
: c* W9 K; [5 D: G<a href=javascript:void(0) onclick=goto_top()>【返回顶部】</a>
6 v) }" a+ G1 I' Z5 C, x$ f9 r3 c5 D; X
更多网页制作信息请查看: 网页制作 |
|