这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下+ n5 a, z) z- x! m- ^) v* `
复制代码 代码如下:3 `, ~; p' b7 j/ I9 w( e0 R+ f" n
<script language=javascript>
; P% v) i8 k1 a( P! J8 |var goto_top_type = -1; r; p% P$ o. l E
var goto_top_itv = 0;
H' ?' z6 q4 _function goto_top_timer() {6 }; @/ P) v2 u0 }
var y = goto_top_type == 1 ? document.documentelement.scrolltop1 D+ q" B3 W, b2 X8 r$ u
: document.body.scrolltop;
$ N( ^7 T$ a- r) kvar moveby = 15;. P" w' P! a9 G7 H q& k, i
y -= math.ceil(y * moveby / 100);' z0 }9 E2 k8 ]( d
if (y < 0) {
- A/ p. u6 O5 O' Yy = 0;9 c# x; ~! p3 ~
}4 m+ z$ u4 E$ ] c; }% X
if (goto_top_type == 1) {% O* T5 x" [. u i" s
document.documentelement.scrolltop = y;! T- ~" {0 q+ r. c, q: X2 B) h, r+ [
} else {
7 W% d |6 `/ Ndocument.body.scrolltop = y;# s4 u0 [8 T( d3 B9 L' e
}
6 B8 m- C7 z1 ^ |! j, o! }if (y == 0) {: S8 [3 z/ T; G& _% Q9 L
clearinterval(goto_top_itv);: s9 S% `2 ]( F- T% L8 C
goto_top_itv = 0;$ C' l. a3 q$ p. s; q
}
9 @7 m: q0 x' V) u8 M! F$ P}
" A/ i% F) @6 i8 d( zfunction goto_top() {
7 U+ e$ O- N' s- L% B p7 P( ]if (goto_top_itv == 0) { H) {5 i5 V( c+ X5 `0 M
if (document.documentelement && document.documentelement.scrolltop) {3 \6 H. \+ e5 R. L8 p# M
goto_top_type = 1;# K: N7 R6 B, V+ c
} else if (document.body && document.body.scrolltop) {: ~6 E D" M& D6 `- h( Z8 k
goto_top_type = 2;
) i+ I" m1 i `} else {
! L5 m% D1 j( _9 L* M! Zgoto_top_type = 0;/ H& B$ q! J8 T$ W7 |/ a
}) o* l+ f2 G' t8 ?
if (goto_top_type > 0) {
! `$ Y) {2 V, z& l& V. G b, j5 wgoto_top_itv = setinterval('goto_top_timer()', 50);
+ P. R6 h+ h) `% p z4 l}) k$ L9 r. C3 S& M$ X# H5 h, I
}" l# ?( ]! G+ ^$ g+ B$ Y3 S1 X
}7 C1 A0 A7 x( [8 Z
</script>
& S1 Q8 L# W. }<a href=javascript:void(0) onclick=goto_top()>【返回顶部】</a>
. H+ B5 I" h( p1 D3 [. q- i& S
7 A Y6 q! h* |2 c# R: p' p- a更多网页制作信息请查看: 网页制作 |
|