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

zw2004

<style type="text/css">
( ]/ X+ y0 o/ r4 H#supertext {2 L! W- _8 c8 W6 L
position:absolute;
1 S0 d  [1 w: ]# y* b# Z: q( lleft:0;$ F, z' m0 Q* ~& d
top:0;( D7 N' f% y& V- V6 l. y  i
visibility:hide;
* }& Y) }# E/ vvisibility:hidden;
2 T  b$ M$ B5 q, ~9 O" E$ a% G0 Z+ U}
& F8 N  \. g# I! Z0 A</style>
3 J+ m1 I2 e1 x: q% V<script language="JavaScript1.2">
6 |8 V2 U% |# r% D$ V<!-- 改变下的字体的大小。颜色-->
3 C9 j! }+ u, U/ i$ P$ y  N! Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; J! u- q% i. b3 h; s' M9 xvar hidetimer='';
3 C- g& a- C4 P" Q5 B9 o% w; K4 o<!-- 改变下的弹跳速度-->( ]9 |  p7 V2 R9 ^
var BallSpeed = 20;/ y7 X) t! j4 u  O. a- Y* Z3 ?3 O
var contentWidth;+ T. F# c$ c! S5 H2 Z  }+ c+ G
var contentHeight;8 O6 y' {' ^( a) H8 \: W
var maxBallSpeed = 50;
* |6 v9 e  A' j1 M3 I+ f9 B2 |9 X* u: X' M) F
, k: b& c/ W* F+ z
var xMax;
: ?1 L- f3 L, O7 i2 q2 M1 m( l! Uvar yMax;
) `4 O$ F' ^- X; F7 \& tvar xPos = 0;
* r0 A8 F5 c% Jvar yPos = 0;0 M0 d9 k. @9 M- _" G+ \
var xDir = 'right';
6 {1 G5 J& G# uvar yDir = 'down';( B; `! h3 O" C2 j
var superballRunning = true;
9 ~8 s) S9 \( {! T6 fvar tempBallSpeed;! u2 E+ `' }3 k. s9 W1 L: q0 A( }
var currentBallSrc;
" ^" y; a8 |; r- q" zvar newXDir;: t* {. c; R( V* W. @* E4 u; A
var newYDir;7 p2 v+ \' g, [9 X

2 I& O6 r3 z5 p8 Dfunction initializeBall() {' G. S+ [: F1 l9 {" P! p9 t9 ^
   if (document.all) {- V5 L. n1 \5 c
      xMax = document.body.clientWidth( Q% F- e3 c/ V- E% C  W5 M
      yMax = document.body.clientHeight
! g/ s. L9 n9 ~3 Z      document.all("supertext").style.visibility = "visible";  f) |+ w6 J* d0 T) v: ]1 B/ c+ _
      contentWidth=supertext.offsetWidth  P+ [, @' _1 m! R
      contentHeight=supertext.offsetHeight
  j0 j! x! k5 R  e* l      }( n, R  }. N! m& {8 c5 Z
   else if (document.layers) {2 g- }. i. K3 Y2 [
      xMax = window.innerWidth;
* n" i) [) ?8 {; g: \2 q+ x9 a      yMax = window.innerHeight;
7 P5 n3 o9 t+ H: w( o& s      contentWidth=document.supertext.document.width, Z; o. M- J3 L9 I
      contentHeight=document.supertext.document.height
( I' M7 x$ L2 V1 X9 Y      document.layers["supertext"].visibility = "show";* E/ J0 Z: q* @8 k( _
      }
3 }! |/ Q/ l$ v" E/ F$ `5 u   setTimeout('moveBall()',400);& i6 E8 {; l$ w2 j9 H7 G
   if (hidetimer!='')% c( a( Y9 b7 ?' U  \7 T# q+ f) Y. }
   setTimeout("hidetext()",hidetimer)* b/ K( `# C4 Y* i. r9 Z, a
   }
" z7 m& m8 f0 W/ N' _' [( h7 d& U8 Z7 j7 s2 a2 v
function moveBall() {
& W6 O7 w, Y2 F# d* n+ [  b  L   if (superballRunning == true) {
& Z, I* m- v4 Q6 L# W- U/ d3 j      calculatePosition();
5 \2 I+ Z6 L" l* b9 ]* |; Y      if (document.all) {
" z. ^8 _9 O4 ]+ ~, c- g         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 ^/ y/ v0 Y! Q6 J% Y1 ]         document.all("supertext").style.top = yPos + document.body.scrollTop;
! k+ [) c' r! U5 u( c         }
) ]7 V6 H* a! C* }      else if (document.layers) {% @" h! O6 F) ]* W9 B/ O
         document.layers["supertext"].left = xPos + pageXOffset;& }) I* v$ ~3 z5 r. v) B
         document.layers["supertext"].top = yPos + pageYOffset;
' o% i7 D* t0 }% Y: n* J         }( h/ G  \- o( V, E# o* M) v
      animatetext=setTimeout('moveBall()',20);  Z: M+ Y9 \2 O
      }
/ D) g! B8 |$ M: j. k   }; C# Q, g% r! ]. [: M8 [2 b

) n* P  O+ k8 |! Kfunction calculatePosition() {! ^! n: o2 ?" ]$ h
   if (xDir == "right") {
( s5 Q1 t) D! T! C4 R      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 P/ l: a+ a2 X/ r/ m0 M3 x0 B         xDir = "left";) D) ]; }3 L$ r  T# d
         }& v/ M! W- Z# l, c0 _! a% g
      }
+ y$ q* z. T' H8 `  [5 y' Z0 I+ r1 D" p   else if (xDir == "left") {& J8 w5 @) n( v' S. t
      if (xPos < (0 + BallSpeed)) {8 Y2 z' P5 i- K2 O$ y" {
         xDir = "right";0 j8 h9 C! s3 T* I! n4 V% i
         }# y1 c0 O7 ?- B* N
      }$ N" n+ D$ y  B9 e9 p
   if (yDir == "down") {
0 Y. |. z( t) I7 l      if (yPos > (yMax - contentHeight - BallSpeed)) {
* [0 L* y; E' d. q! q         yDir = "up";
2 I& U8 f2 K3 P1 i         }' e  A2 P1 t7 y% e
      }5 x9 r4 E2 L: B6 c9 F
   else if (yDir == "up") {/ m1 [* M$ n! a" H
      if (yPos < (0 + BallSpeed)) {1 l- e; ^& G" L% G. |2 O0 K8 F
         yDir = "down";
, J2 t" ]" u7 ^: P3 ?         }& ~0 [/ K# n- `0 c3 {4 @
      }
5 l. c" }0 w' P% P; n; p   if (xDir == "right") {+ {  ^. ^& s# z* M# c) S9 Y) W$ \
      xPos = xPos + BallSpeed;
5 o1 f& N# n% p* I9 D1 J" `      }
' p! e; _+ s" v. c   else if (xDir == "left") {
2 s' d/ L$ A6 j) Q      xPos = xPos - BallSpeed;# `2 C; g. b9 ~5 C  w+ o3 C% ~
      }6 ]- H4 f* i# {3 M  X& ]
   else {
# Q  I7 X7 d9 h# p      xPos = xPos;
% D; ?7 N: G! {7 S) l& S" O) V      }4 J  d3 `: E) w0 y" s4 g. E
   if (yDir == "down") {
8 g- ]' g  P, d- ?      yPos = yPos + BallSpeed;$ |3 ?- @8 S1 k/ T6 ^( U- I* j
      }3 g; W" O4 O2 {+ C, ^
   else if (yDir == "up") {
3 U. k1 B1 M1 c0 M      yPos = yPos - BallSpeed;
$ Z3 v5 d5 Z/ U$ n* C6 p, J      }; W" G: M9 o/ S; l4 Y, B, J0 C) R
   else {
2 H" ^; p* L1 @# A: ?      yPos = yPos;
! a" V- j; `' V) C& _      }8 O3 ^/ n* g9 S* u* y+ A
   }4 S! N0 C' p4 A3 {; U7 v
- U5 o; K/ k4 K8 o  ]* m# l
function hidetext(){
  J7 M; {9 p4 {, F) k* m4 V) X: pif (document.all)
% J- N" S8 E3 Isupertext.style.visibility="hidden"
1 X# E, r! A: \; selse if (document.layers)# t2 X) t- R1 @$ }3 g( `# s  Y
document.supertext.visibility="hide"# i1 o+ r+ o* M
clearTimeout(animatetext)+ X5 v; w0 Z  @: ]6 G
}. y& ~- J" B) N4 d& k
6 U' K: O: R( {: q6 X' Z, H  @
if (document.all||document.layers){
& G9 \* |1 L. Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% k# U8 r4 ?# ?# E: e; dwindow.onload = initializeBall;6 R6 j, D. \+ z
window.onresize = new Function("window.location.reload()");
. n. t( T3 E0 Z' }  q}
! H# ~/ ^$ `# q" m# }# C; r* V  b' t1 d, x* ?
</script>