这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下
/ y3 G& w& z% P) Y- H7 f( `' o' b复制代码 代码如下:
) B# F6 J9 b' B& l: x<script language=javascript>1 N4 o% e" f) T- \/ W2 m& E( o
var goto_top_type = -1;' |$ i: h; R, O7 D& G
var goto_top_itv = 0;
* r7 k4 e# ^& F# x# Qfunction goto_top_timer() {
: c+ g" b/ w2 U) tvar y = goto_top_type == 1 ? document.documentelement.scrolltop
. O) l$ r3 t" L2 R, ^0 K& x4 U7 M: document.body.scrolltop;( u7 o) D+ {8 T$ s+ L
var moveby = 15;
4 ]5 |( v' O* w) A' vy -= math.ceil(y * moveby / 100);
! W4 i: }4 {* T7 l. q4 O- G G4 [if (y < 0) {& B d/ g) N/ `
y = 0;" F' r9 m' v1 p$ F% K
}
) E! O7 L! \! a' D& r( ^ o/ Rif (goto_top_type == 1) {
- O: q1 W- n% E2 \: b! ^$ mdocument.documentelement.scrolltop = y;
& Z& ?! u4 ~3 U8 I' L} else {
; k1 M- V: |$ k' a: }+ rdocument.body.scrolltop = y;8 g$ H3 `: [* c! j) Q
}
; y" O* \/ I2 L5 b1 d! x7 k! lif (y == 0) {4 p$ E2 s* x' B5 O0 O2 j6 a# E
clearinterval(goto_top_itv);
# f: m/ R" ~" Agoto_top_itv = 0;
) B- a( F. S' K( Y}
1 Y$ V6 c2 @! g} M1 C# l9 V4 ] J
function goto_top() {
5 p% P% \. G& w% y" n1 b) ]) D+ @7 wif (goto_top_itv == 0) {
# _# w" L& [: a- ]- xif (document.documentelement && document.documentelement.scrolltop) {
8 e; o A) S S. H+ U* g2 Bgoto_top_type = 1;7 q. H3 O. ]# ^5 L5 z5 c3 g
} else if (document.body && document.body.scrolltop) {! ]( m# b4 ~; [/ z$ j* Q
goto_top_type = 2;
. t9 X8 W# r% }. V% c: Z- x& Z} else {
, q% C( B! u' sgoto_top_type = 0;
: P- p% @& F2 y' a/ N: f& F}& t" a. N0 K# ?. w1 b3 j1 a
if (goto_top_type > 0) {
- m& l ^5 _- |0 @/ P1 {& lgoto_top_itv = setinterval('goto_top_timer()', 50);
8 V, z5 q ^! |' @: m% W; h}
- O/ ?2 X' Z/ ?4 Q! m' C3 ~( z}
; [( S5 l; l ~1 C k5 J}: I- q3 J4 G, |0 R( E6 d9 S
</script>
; a0 R4 f s0 P9 _9 y) [<a href=javascript:void(0) onclick=goto_top()>【返回顶部】</a>' ]9 ]% l. p- x" o- a
; l- d5 |2 `$ v! V
更多网页制作信息请查看: 网页制作 |
|