网页之不断弹射的文字-特效

zw2004

<style type="text/css">
6 n8 a- W7 n9 k#supertext {! X& }, U4 W6 L* v
position:absolute;" z6 H8 ?, G% M# {2 z
left:0;
3 }! E  d' x, {( U+ }! r. Vtop:0;
: H1 ~! p5 {/ i2 }/ c( fvisibility:hide;; n# m0 q% l- i. s
visibility:hidden;# f6 u- R7 V. v# H
}" R) c, L4 W* y5 A: j
</style>
+ u7 s" Y6 {0 t$ r( u9 R' R<script language="JavaScript1.2">! j. C% {+ K7 o
<!-- 改变下的字体的大小。颜色-->
' d: ^: H7 z" h# ?$ \; W7 nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 ?# _# a0 Q9 rvar hidetimer='';' J  @4 h0 s- a, W6 Z; k" {' \5 z
<!-- 改变下的弹跳速度-->& @$ _' w* ^6 `" u  g
var BallSpeed = 20;7 Z) O& N) m, e2 g: f( b! c% H* m. I
var contentWidth;
' p5 f4 }' p. Q. N+ g( x% Evar contentHeight;
+ E1 t, X% m$ x& s' ]var maxBallSpeed = 50;
% G" c" o1 T" v: V4 ~
2 W, l. U3 w( k( A/ J( q; |
2 \9 l- P+ G( zvar xMax;( b: O* E' {  c, W; k# J8 t
var yMax;" T9 ?" {) j/ o8 F6 ~
var xPos = 0;- M) p( I$ X" t. q% o
var yPos = 0;
1 e3 ^; m) g2 l8 uvar xDir = 'right';6 S. E; F2 V- E- ?  v
var yDir = 'down';
, ?* ~0 Y% h7 T# c7 S0 Fvar superballRunning = true;
) ?* Y. [# I$ B2 J6 }var tempBallSpeed;' ~' L/ T3 f$ @, |
var currentBallSrc;6 Y8 W5 H& s8 b- Q5 C: n8 v
var newXDir;
) D2 ?; d0 T# pvar newYDir;3 w" ~+ }5 Z* I4 a. o

3 g  Q) S5 J( N/ g# rfunction initializeBall() {
* U+ o5 @5 d+ r) g, c0 z  ]   if (document.all) {
- u5 d! v9 u$ a) m      xMax = document.body.clientWidth
( c' |8 R- e, y8 |" r      yMax = document.body.clientHeight3 U1 |! Z9 ]4 q$ x; m' q1 r
      document.all("supertext").style.visibility = "visible";% |. H$ K- ?8 k& [5 [
      contentWidth=supertext.offsetWidth
0 c  F" y# {' h      contentHeight=supertext.offsetHeight
' l2 g5 w) L+ ^8 R' R; E+ |" a      }
, V! E+ b1 I0 C* w7 t0 s   else if (document.layers) {
3 }) i+ S+ }7 @) j      xMax = window.innerWidth;
! |* ^- L1 ]  Y" m      yMax = window.innerHeight;
9 d7 R( ?! ^8 \      contentWidth=document.supertext.document.width2 k4 V; t6 j2 b3 b! `
      contentHeight=document.supertext.document.height
% Z9 Z7 x! f5 l* A0 ?8 m4 z      document.layers["supertext"].visibility = "show";
+ G( s: a, H( \. v3 A% z      }
; A3 Q  O+ n; D   setTimeout('moveBall()',400);
, z; a+ c. V8 f   if (hidetimer!='')( {" X; V( t6 ?) E4 L7 u
   setTimeout("hidetext()",hidetimer): r, h+ T4 ^2 {, n5 }. }
   }7 C9 A% H6 s1 l2 j
' Q  `% o2 E) W8 \: m1 Y
function moveBall() {7 ^  M7 t# t5 r; B6 |  u
   if (superballRunning == true) {/ t3 J; T: \7 V: o& N2 M* ]
      calculatePosition();
0 O& H7 u, t! [      if (document.all) {2 h- L- E9 b4 _9 D2 [8 w- f' Z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 `5 B* b8 c, R$ `! {: \5 R         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 Y* W1 Q0 A: W$ v+ O& R& }' d         }0 R4 b  E( T) k
      else if (document.layers) {0 e' e' {' p7 n& f+ C) z! U
         document.layers["supertext"].left = xPos + pageXOffset;
, P4 M+ a5 j: {3 J% A$ R5 K         document.layers["supertext"].top = yPos + pageYOffset;% v! r1 R( F* g& P4 @) Z) `- q7 a
         }
* r9 S# T- c3 V4 @4 v6 F; w      animatetext=setTimeout('moveBall()',20);
  [: P: W' x! N" d) S; ^9 K! Y* X" {      }2 t0 q. d/ f$ P7 z/ t* y5 i4 _  F
   }
6 u% R1 v' B& w# D1 K/ i+ B' E0 u8 H( T
function calculatePosition() {  \0 v, K& x: S/ Q# |( |4 M6 V
   if (xDir == "right") {
& V' T. V% K/ ^8 M* ]( t      if (xPos > (xMax - contentWidth - BallSpeed)) {
" q  A: U: W5 a* S+ Z         xDir = "left";
( e6 C: b" |0 p' [         }5 W" C  H2 j! ^; M( t) K) f
      }
3 U% l8 V9 J( M" X! ~   else if (xDir == "left") {
6 B$ P3 W6 f5 l( F& b      if (xPos < (0 + BallSpeed)) {
# r. {6 O# ^3 E& r0 `9 M$ [         xDir = "right";
# r$ `! Q+ u; w8 m( {' T3 @" ^$ i         }& o" \' M8 C. G  @; s5 O* \$ t
      }
# @; o$ i, H, Y! T/ }. E6 o" j4 n   if (yDir == "down") {3 |6 ]  ?' y1 l0 b  s* n1 L/ j
      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 V6 K3 ~9 Q/ K. V/ \1 T         yDir = "up";- V$ Q5 T8 Z6 @2 f7 g7 f9 H
         }
. r- U. f8 C. {      }
0 \; y+ b) A) P/ |6 f& t   else if (yDir == "up") {
) r1 x/ v7 d: S! W& `. B0 R4 j      if (yPos < (0 + BallSpeed)) {" ~' R, z& z; _" e8 H2 F. q
         yDir = "down";$ ]9 {5 p8 }( d; l# C8 s* d6 j- w
         }
' t: z: o/ w: S      }
" `! N) V+ A( U/ N" A   if (xDir == "right") {, M. B: M, F7 d; X+ q0 m
      xPos = xPos + BallSpeed;5 B$ J3 J5 m+ _( E5 h
      }
" f) S# O' |7 }+ t/ w) L   else if (xDir == "left") {( g4 Y% ?$ X3 z! Z2 n9 @
      xPos = xPos - BallSpeed;4 p! z6 }8 r6 S5 f, i) D
      }
: W; E3 K& W* F   else {/ V; D/ I- K- B3 V) P2 x
      xPos = xPos;
" C' }1 a- v5 S      }6 @6 E0 e0 G5 d/ u
   if (yDir == "down") {
4 B) w0 O# j" j" H/ W4 P' a      yPos = yPos + BallSpeed;
9 O/ z( O5 B. t5 ?% ^. K% u) t      }4 e. O. C: f" e0 b0 G
   else if (yDir == "up") {  k& T/ p& h3 N" M" b' {; J' z
      yPos = yPos - BallSpeed;
6 j) Q) b7 m6 t5 N' n; H  c9 }      }  `6 |; s2 y, p& a' d7 v+ U) ?: H
   else {
) A9 I) d$ r/ S% ^      yPos = yPos;' \* }0 u, T! {& l% a. E, j# h
      }
+ q* p  b$ v, @+ H; {   }) E, i# d2 j, ]/ l9 q

+ H  G/ N* x; u4 T# W- t! Efunction hidetext(){
/ h: g$ i, K5 U0 J# @1 ^, I5 @: Aif (document.all)
7 U1 D$ P4 W7 msupertext.style.visibility="hidden"8 V. a5 S/ K" K
else if (document.layers)) z; [* C; K5 d3 y9 D
document.supertext.visibility="hide"! {  q+ M- d2 ~7 ^! b( b0 ?
clearTimeout(animatetext)
4 x3 V- S/ ~) z' R}
$ H8 p) R% \0 _
/ E8 M5 _  U* r/ ~0 i) W# \if (document.all||document.layers){. g# A* Q/ `5 {, w+ d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 z' X  V) g5 c9 q
window.onload = initializeBall;
0 N& ?4 {0 F0 O/ D( |% v4 R* ]window.onresize = new Function("window.location.reload()");* p6 [* a+ |0 r/ t# P+ _
}
$ E# U' r* j* U! p2 k7 t
: ]  W) m' G0 i/ V; h</script>