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

zw2004

<style type="text/css">( j4 R6 V& e( t7 A7 D
#supertext {
9 q! `3 z9 Y; C% |$ n* O4 f7 zposition:absolute;" E0 u( j9 k* E& }" y3 T
left:0;* _6 L" T1 n9 D  l" ^. y2 [: I
top:0;
  W  n# F2 J) F' b" svisibility:hide;
& T* _9 a9 A2 Wvisibility:hidden;0 b0 B+ `: _/ V) T7 ~( E
}
, v, |2 f9 x# u/ E9 q</style>
  `( M1 Y- _5 B; p9 r2 M; M; Y<script language="JavaScript1.2">* E% c% ?6 D7 D7 \/ E
<!-- 改变下的字体的大小。颜色-->7 l/ [& o' m2 Y5 j& @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' h% n) M( g- X/ Lvar hidetimer='';
. D  s- Q2 r& X- d- N% Q<!-- 改变下的弹跳速度-->
; U! P+ O& ]( K0 Dvar BallSpeed = 20;6 g  K8 U( |9 I- t$ U7 @3 X
var contentWidth;9 |' v! s) C9 l" y
var contentHeight;& n- Q- L+ |6 s8 e" M
var maxBallSpeed = 50;' ]0 K, a# U6 I2 T( e, h" v

4 V: I; b5 O3 p; a5 X# D! E1 y
5 W: ~2 K" w  N  D1 \8 Svar xMax;
, \* m& B: i6 f" b  b1 wvar yMax;* w; B' o7 t# r/ @0 _+ I0 N6 T
var xPos = 0;
2 W/ S$ H* U4 U  gvar yPos = 0;9 k! d& i* M6 j5 E, O$ i: W8 @
var xDir = 'right';2 }; f! d8 ~4 @1 w$ U
var yDir = 'down';5 Y0 _8 }  G, k+ q" u. }
var superballRunning = true;
$ r5 u7 o" k7 N  D: zvar tempBallSpeed;3 k" K) q9 Y/ \- L3 J4 ]9 r
var currentBallSrc;
+ |: s' b& s/ t- t1 a1 Jvar newXDir;
9 K' S2 Z$ B$ Avar newYDir;
7 ^( v, N  D6 N( o* L. _; ?. ~' Y# ?& |7 ^1 F: c  B8 p5 {
function initializeBall() {
: {3 ]' r; @# v- i& @! i   if (document.all) {" X+ p+ `4 _- }& [4 V2 u2 Z( M
      xMax = document.body.clientWidth; x8 l! {8 v1 Q) h
      yMax = document.body.clientHeight
7 j% V) z8 d0 |# ?$ s8 Y      document.all("supertext").style.visibility = "visible";  S0 R  i2 s* P  y) d' w  \0 w
      contentWidth=supertext.offsetWidth6 w3 A5 \; m! V2 M1 H
      contentHeight=supertext.offsetHeight
# b0 ^$ a, u  C" |% p! _      }/ D3 D7 M7 |7 i, M- a+ t, H
   else if (document.layers) {
/ D8 j7 o5 i1 M$ A7 z$ ?      xMax = window.innerWidth;
$ e/ U4 u% x5 u" z      yMax = window.innerHeight;
+ L3 C, f1 l9 j$ I4 E- z( Y4 w) r) ]      contentWidth=document.supertext.document.width
) p/ ]+ h6 X6 a1 G/ ]6 P      contentHeight=document.supertext.document.height
9 _4 b$ l, Z+ L" V9 D$ d      document.layers["supertext"].visibility = "show";  F7 j# b  l0 `) {, M. h
      }. U7 ~$ ~+ j8 t- Z* {
   setTimeout('moveBall()',400);
4 F9 [7 g! ^# {- u   if (hidetimer!='')
1 _$ {" }: m: ~4 T- O/ g   setTimeout("hidetext()",hidetimer)8 a$ O# s5 J' M/ L' {! B6 c3 h# C
   }
: D" \5 a" L7 f
9 h, X7 K# V( ~0 |( k8 ^5 H/ ofunction moveBall() {
& z6 S( D( U: `0 w7 c9 X3 i   if (superballRunning == true) {2 ~" Y* V( O' V$ V: ?; @1 u8 m
      calculatePosition();. p+ @% Y0 B9 d, V- D) q0 v/ s2 F/ H
      if (document.all) {
" A  v/ M. [( Z& b2 J         document.all("supertext").style.left = xPos + document.body.scrollLeft;, J/ ^" b1 D, b5 W
         document.all("supertext").style.top = yPos + document.body.scrollTop;) s5 ~- _( a7 o. b! \% Y
         }) Z: s; {) [( g
      else if (document.layers) {
. ~+ e& z# c, u% P. l         document.layers["supertext"].left = xPos + pageXOffset;8 P- m$ J" q/ P
         document.layers["supertext"].top = yPos + pageYOffset;
+ G. j9 f7 \1 d         }
$ |1 Z3 k* P: R) Y; e- P! l# w      animatetext=setTimeout('moveBall()',20);, }5 }# X0 l5 K! T7 [) A
      }/ `$ w- O! h& a% c3 b. v
   }
/ C% p; {& d2 C7 Q, S
" }6 x( S5 H% a0 _! m6 r  [function calculatePosition() {
: u( g, M0 i3 _; @9 ^; ~   if (xDir == "right") {
2 Y. ?8 j9 `# y% R      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 [+ x0 j8 w8 I3 P/ G         xDir = "left";  z, z2 q, Y2 G; d- O5 _" f8 @0 n+ _
         }
7 l" j/ S7 @5 t      }
# j! @! |" q" b! X) p0 k7 D! n   else if (xDir == "left") {' F5 J+ `2 q: y1 P1 d
      if (xPos < (0 + BallSpeed)) {6 l& }2 k- L; Q
         xDir = "right";& X4 ]) r2 |6 g9 {. ~5 _* Y( g
         }+ W1 {1 y% f( |4 R. k  M) p
      }. \  S' x# J, P4 p
   if (yDir == "down") {
% S3 S7 q: j; m  M      if (yPos > (yMax - contentHeight - BallSpeed)) {) k$ @, ]; I" N1 d7 z; `6 a0 R& p9 D
         yDir = "up";
0 I0 ^9 j4 O  r; M+ A         }5 L6 Y- Y# L( z' T9 e
      }
) q0 J1 e: p& e( k   else if (yDir == "up") {
4 P# q# L- ~8 \# \3 J0 H+ l* J3 p      if (yPos < (0 + BallSpeed)) {. C% ^4 x6 Y. [6 g5 B) a% e
         yDir = "down";  O- B4 F' y' t) t) e
         }
) ^8 v8 j" ~( B: |      }
# ], J4 N2 c, E! ~6 d0 C/ c   if (xDir == "right") {
" ?, d4 {6 ^+ Z4 Z) V      xPos = xPos + BallSpeed;# D) m" e( A& ?- c4 W+ E' Z6 J
      }
8 J) O' @2 Z# g, W0 s. A' @   else if (xDir == "left") {
1 i/ y* {3 L$ i& W      xPos = xPos - BallSpeed;; s5 o) J: B* n1 L7 N5 d& l( ?' g
      }8 l7 J% M% T0 r5 K" V& a$ a7 u
   else {% A1 d( n6 k) g6 b5 A- ~
      xPos = xPos;
' W# e7 R1 M. z! `) {3 X8 M, {      }- q7 X4 [9 N- `$ N& q" E
   if (yDir == "down") {* ^+ W2 u3 D: I$ d% m1 p
      yPos = yPos + BallSpeed;
* B2 ?7 b, G" B& ?' N/ r! W) R6 s      }8 ^9 N0 z" g! l6 |4 ?7 |' v  B3 [
   else if (yDir == "up") {$ j- x5 u  }$ b0 U: N
      yPos = yPos - BallSpeed;" G% G1 i. E2 \$ Y
      }
; x% o2 ?; G) y: k   else {4 D* u( Z' p$ T7 e  b
      yPos = yPos;
7 u! |% H; S- |0 R6 `2 H( h9 N- p6 k      }0 O( X0 s4 A. |) ?3 H  ]6 [* u  `
   }
- [8 ]0 w* e' h- j5 c% ?& g0 f+ c& N5 O3 a
function hidetext(){
' P0 `1 w+ c4 o9 k1 O- D5 A# }8 Hif (document.all)% F5 U, Q, J4 l- a7 C
supertext.style.visibility="hidden"9 R/ y0 K6 t) j' V$ O  L
else if (document.layers)
- ~" n0 G; o  ^+ ~document.supertext.visibility="hide"
) N1 a) L; P7 X( r) k1 ZclearTimeout(animatetext)0 q% b% c6 [, ?% C
}& M/ a  o5 a  T( [- {

/ G! ?9 O! R4 G# nif (document.all||document.layers){# X% E2 R0 r9 B" n9 K# i- y7 |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% Z6 a0 n" \- u/ o! H  i5 Rwindow.onload = initializeBall;
: e" o% C9 q3 M2 xwindow.onresize = new Function("window.location.reload()");3 l( a2 h% r! w; e9 a% \! p( H
}' w& j2 Q) m% N1 @& P, u5 I
0 h& O5 t5 n. R' a. ~' c: r1 ]
</script>