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

zw2004

<style type="text/css">  o. k& l6 Q2 }" @9 T8 y' z
#supertext {, t% z$ f3 z( |0 J% ^$ I6 s
position:absolute;
$ w" i) x) P* S! r7 N- Eleft:0;3 ]* Y+ a  i, N, z# H
top:0;
* D$ ?) b1 |9 Nvisibility:hide;
9 z. m& M7 J- j, y' M7 f8 K2 Vvisibility:hidden;2 S$ s1 V. s5 Q( r; R
}
' w+ w7 P1 l( I2 J) G& ]* w</style>
: L6 g/ W$ N* N. q' Q<script language="JavaScript1.2">4 O) }" T5 A/ D: n) @
<!-- 改变下的字体的大小。颜色-->1 H) I  X: |( }# |  L5 Z5 E
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 R: T9 A6 A6 J* {, Y! m& p
var hidetimer='';
( L& ~5 f& |" f! u8 C<!-- 改变下的弹跳速度-->4 u- B4 h3 x9 W8 F& {+ K" Y
var BallSpeed = 20;) s( Y) [9 z. U; K+ D- Y
var contentWidth;
+ r: x. b( K, B" k# K9 Xvar contentHeight;& v( e) R7 W5 ~; N6 Z- w' W3 d! c
var maxBallSpeed = 50;
3 a8 x9 Q, z' O0 U) E# q7 J; t
9 i. E7 d: u  U2 L' H5 k9 Y) o  o. U* \0 n
var xMax;; N* n; [/ v2 R0 r" _
var yMax;
0 J1 q% B1 E3 ~var xPos = 0;
1 z( k7 j8 S1 J6 j2 svar yPos = 0;
% e, K1 v" `2 B9 l9 E  ]$ L! P1 b  c* Mvar xDir = 'right';
; x8 U8 x, h% n, Xvar yDir = 'down';
0 k1 Q$ ~  x' Kvar superballRunning = true;
9 L3 Z2 g7 u% G: c; o2 Jvar tempBallSpeed;
, z6 w+ W5 D1 m" r- Ivar currentBallSrc;4 n: Q; t4 U5 S; [$ B0 @
var newXDir;
2 x! T% D& N. q# ~: ~' `1 wvar newYDir;
) v: W! c, j7 ~7 B" }: F2 V8 b; c6 Z$ ^1 U) f% d
function initializeBall() {* [/ V; V3 `3 T4 X" W
   if (document.all) {+ f. C* {8 `" g
      xMax = document.body.clientWidth* F5 k: W8 a; d. H, z) ~( ?# h
      yMax = document.body.clientHeight* t1 N- n% f! R
      document.all("supertext").style.visibility = "visible";
; g& L$ V6 i" |; c8 h+ Y      contentWidth=supertext.offsetWidth  [6 X0 m. P9 _2 R
      contentHeight=supertext.offsetHeight
) ~( |1 X2 A: H  }) h      }. o3 X5 U8 E0 w
   else if (document.layers) {4 j5 q) b% ], [3 o
      xMax = window.innerWidth;' K3 E" Y" S$ e8 e/ W+ s
      yMax = window.innerHeight;# s( _! m! I' Q. E, t
      contentWidth=document.supertext.document.width
1 i4 C- q$ t/ ~& }! P; M7 z9 K      contentHeight=document.supertext.document.height" |2 a' Y& n) f2 z, ], e9 w2 J
      document.layers["supertext"].visibility = "show";
9 _5 U7 O( X$ f5 Y( n      }
, m8 L1 t# l' l) Y7 L) e& r8 q   setTimeout('moveBall()',400);9 b! [' K5 i' P  R) Z
   if (hidetimer!='')
" X; y) n; f! Q; C  @+ g   setTimeout("hidetext()",hidetimer)9 x  S8 H; w- X; u- g7 t& H0 H
   }! h! B9 s4 J8 X- T. s" i
0 }' M+ L+ m/ ^7 {* q5 T
function moveBall() {
+ G% {  |; j5 o' b$ G0 o  S   if (superballRunning == true) {
$ u, ^( `7 @5 K      calculatePosition();
  ], {% o6 j1 e: l7 `! k      if (document.all) {- V1 W5 c. C% ]8 H
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 c5 a% c% s, r* |# ~
         document.all("supertext").style.top = yPos + document.body.scrollTop;; x2 z5 p& a# B
         }# F. {9 B( o2 n5 R; A  w: T
      else if (document.layers) {
; l$ c' V7 z: m5 u* @7 ?         document.layers["supertext"].left = xPos + pageXOffset;
) T7 t8 X) F$ Q         document.layers["supertext"].top = yPos + pageYOffset;
# Q: V! {' m1 y+ \9 |0 W         }, h7 }3 v# Z' q) n: o& b
      animatetext=setTimeout('moveBall()',20);, C$ @: I+ ?( P5 [  G
      }
$ H0 h6 s5 K+ M) k' k( u/ R   }
* N  w; d! X+ ?% i, W! x# s: L) u. ^( k0 |5 V2 J
function calculatePosition() {/ R- O+ ]; X- i# K3 ?) g% [
   if (xDir == "right") {' i) J/ \1 x- ]
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 `$ Y7 E9 }7 J  X' ^, K
         xDir = "left";# C+ d2 z$ k, r3 n" y
         }
) l$ t  i" [" C2 k      }+ F  i" ~5 F& @, h  W3 q
   else if (xDir == "left") {
+ \; Y  @& u7 g4 @5 H) u# _      if (xPos < (0 + BallSpeed)) {& I. S0 W( O$ [9 w/ I3 k% A
         xDir = "right";
/ E( O8 p5 n8 Z6 [. r6 w         }; w$ [. }. B5 N3 d! m. i' f
      }0 P$ ^8 l4 _2 F6 X8 d& y; W2 R$ A! M
   if (yDir == "down") {
' N& x9 b3 _6 l  }1 i0 [3 o      if (yPos > (yMax - contentHeight - BallSpeed)) {6 w; e* j. \9 I
         yDir = "up";" ]4 w2 o- l/ {1 W* U6 x7 k
         }4 W( ^) h/ ]/ _, R; D6 {
      }
* u9 k& H& ?7 x& C! t' p: w   else if (yDir == "up") {
2 l. ~7 @3 ~+ `      if (yPos < (0 + BallSpeed)) {" X, m: m+ N, S( R
         yDir = "down";
* u& W$ e# {! }: b- B         }8 B. B+ I8 W# Q+ [+ R
      }
  d' q1 M" j% |   if (xDir == "right") {" J1 D9 p+ E6 L7 _3 z, b( e
      xPos = xPos + BallSpeed;  y" W' n9 v6 `. U- O
      }
6 S& v5 l  d# V   else if (xDir == "left") {8 [7 Q- s; E5 o/ \6 t
      xPos = xPos - BallSpeed;
( v8 `: q6 J/ A; }# N+ M& Q  ~! q4 z      }. K* P6 w7 Q$ X" w# L/ S2 V* U
   else {0 q3 ?7 b$ S4 ^% h; a9 c
      xPos = xPos;$ S. w6 [8 |. @+ I8 B1 n8 n6 y
      }  X" y7 N  f! w6 B; }9 L& v
   if (yDir == "down") {2 Y7 L0 U! |) }
      yPos = yPos + BallSpeed;; v9 G! E/ l' `7 C6 e
      }
+ g+ ~, E7 N& }; W# m% a. f   else if (yDir == "up") {
: E$ q0 E: D3 f# i2 r3 _      yPos = yPos - BallSpeed;4 d1 @/ O/ T4 E" ^7 W) X
      }% \1 M& f6 _* v. \
   else {; z8 L& ]- V7 [; X
      yPos = yPos;
. N6 y  R6 _8 G- v' P      }
& L# G0 E5 g7 r1 t" c5 n0 @" W+ r; @   }
2 D- r5 h' A# C; y  Z* s- T" X  K8 @
function hidetext(){
: J, D; x" G# {8 {8 q) ?if (document.all)" o0 ^$ P. `2 D$ r7 J2 @) e/ Y! ?
supertext.style.visibility="hidden"
1 b" [3 r0 W0 K6 Delse if (document.layers)/ X9 y: T- m, q# ], V& a$ \& I
document.supertext.visibility="hide"' `! L1 A+ r6 U. t! w4 i7 d
clearTimeout(animatetext)
- O/ ]8 t- `# n/ R" P; J}
% j. H3 u2 T# f! J/ }
3 l9 i: I8 W8 V8 J; a" [) gif (document.all||document.layers){
1 N  S/ i; n6 D& g* t/ K7 H% I+ n; A8 _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 t% K! X( q4 l
window.onload = initializeBall;8 e' Z3 r3 V: L& j& z
window.onresize = new Function("window.location.reload()");/ Y% I) Z0 l( b  n4 l! r+ d
}8 h) }1 E2 L2 }& \7 n& w
0 d+ s$ I8 \' c8 E* k6 m0 p; X
</script>