这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下* G. Q, j( F# ^* D: F
复制代码 代码如下:" v* C* U) `4 s0 q$ F
<script language=javascript>
9 b1 s5 x; n2 gvar goto_top_type = -1;6 |1 P- p$ {! t/ }$ k1 i% k( l& T# A
var goto_top_itv = 0;& t5 R7 P% S; ]
function goto_top_timer() {
0 q3 o1 q7 M# G7 c6 t% uvar y = goto_top_type == 1 ? document.documentelement.scrolltop: ^; F/ z% G, g0 X, ]5 e) d
: document.body.scrolltop;' R6 I5 Q) }" j$ ?) q! t
var moveby = 15;
( c3 M( `5 i1 q" J8 Uy -= math.ceil(y * moveby / 100);
0 y2 i* q) A( `) I! pif (y < 0) {
" _; Q$ n0 e6 \! ]" Uy = 0;
; `; Q% J% D% F}
6 n8 Z0 `+ U! p( {if (goto_top_type == 1) {8 S* ] y) L/ i/ P- ^9 ]3 l! C; i
document.documentelement.scrolltop = y;7 \+ S9 ?* C2 C4 g% h% Q; u, f$ ^
} else {; O; D$ H, s- @2 y# M' |% r: \
document.body.scrolltop = y;
3 m6 N, C5 c& v$ W* g* K1 }}
2 ` [1 D! B) G; qif (y == 0) {; G( @6 u5 p0 Y- y( e
clearinterval(goto_top_itv);
9 b% \) c/ J. ^$ t2 ~2 Tgoto_top_itv = 0;2 o" `/ b; G. @' A. o
}# R0 K# w# a* x+ I) a
}1 M; O3 Q' d. }* R
function goto_top() {9 P& H! o' U5 p3 W! ~+ ^7 h5 T: d
if (goto_top_itv == 0) {( T R& k& h! h3 o' T5 u1 {7 o" B
if (document.documentelement && document.documentelement.scrolltop) {# f, a8 a5 ^( R9 W# m3 r
goto_top_type = 1;
$ q* j5 {: |1 R) x' G} else if (document.body && document.body.scrolltop) {
# @ {( b& @1 B1 I- R" Ggoto_top_type = 2;2 D* A, u6 k, L
} else {
, m5 D; i; v6 B/ a8 a1 U8 p) Egoto_top_type = 0;
/ N" u% n$ D. H# S0 T}- w, u$ y, L; S! g0 }* w$ y
if (goto_top_type > 0) {3 w& {, ?- o3 n' T+ e
goto_top_itv = setinterval('goto_top_timer()', 50);$ P l& E. [5 {' f" k7 U/ c
}- y: b! ?( U4 P) n9 N
}8 V1 O. E# V( M$ `. |1 S3 g* N
}. @/ z- H( _- I4 E* s
</script>
% C$ g9 R9 a2 l2 S<a href=javascript:void(0) onclick=goto_top()>【返回顶部】</a>! o$ G: w, m, |. N5 m0 S
* D9 d3 X0 l* h
更多网页制作信息请查看: 网页制作 |
|