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

zw2004

<style type="text/css">
  O9 K6 Z: h8 I5 @8 t6 B#supertext {4 [9 D* C, a. T, A* H4 u$ T
position:absolute;
7 t$ H3 v0 h) s3 b# dleft:0;- b+ e! t9 o. @! L
top:0;! h8 Q; \5 J$ p# P+ o1 p
visibility:hide;+ z7 X' Y" l0 r( s( A/ N
visibility:hidden;
6 Y) ]% ]. w" {6 ^}
: ^& m& G# I% C0 r9 L1 M* N3 t</style>
1 S8 p+ z: q) z& n& e. B' a<script language="JavaScript1.2">
# d7 T" L- o' Z+ \! P, @<!-- 改变下的字体的大小。颜色-->
* e; \7 Y% }5 m. V" Fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 K- m; r! A( r; [
var hidetimer='';
/ v; ?0 g! L) W( Q" _<!-- 改变下的弹跳速度-->
1 O- D2 r1 w, @3 T7 }" Nvar BallSpeed = 20;
- _! l. [6 X4 Pvar contentWidth;
/ `# g; g! y, o& [, ]6 w$ gvar contentHeight;6 s% p$ ]" R: Y5 J6 `
var maxBallSpeed = 50;; s' F( q3 \* J4 C+ j

( L. [& S6 g5 ~3 r& v% a" S! \( i& W6 |3 r# W* l, a4 k6 z3 ^$ e
var xMax;  D5 A/ o) j3 u/ I
var yMax;; g8 `9 m  X$ C- ?2 A5 t3 b# V  i
var xPos = 0;# v1 L- a" Z4 v
var yPos = 0;
7 S2 g( U+ S$ v/ U- K# Q+ \var xDir = 'right';0 B$ l) N! }( f( p9 C
var yDir = 'down';
" v8 q5 {4 }. s8 S# Y  J. Wvar superballRunning = true;
* e4 Y( L* C& _& o% o- pvar tempBallSpeed;. P" \8 I- v/ v. M0 i' A7 P
var currentBallSrc;/ P6 |/ G4 a$ R7 z: s& ?0 ^
var newXDir;
) f7 g" b, f# bvar newYDir;, \+ j, \* D3 S

9 k' g* K' c5 ]! Q9 |function initializeBall() {4 d* \" \1 K; @2 p8 `
   if (document.all) {
- q; n% M; x1 ^- D8 Z      xMax = document.body.clientWidth/ s' F. S# }/ h. ?1 f7 N0 U
      yMax = document.body.clientHeight' j: }* r, x8 m$ M3 N1 M
      document.all("supertext").style.visibility = "visible";( ^9 a+ K  K* j7 ~3 |
      contentWidth=supertext.offsetWidth
" w* j8 u0 ?, _- J      contentHeight=supertext.offsetHeight9 Q# |$ h. }: s3 ~# Q
      }: k1 _+ `! |# q1 y" p. e3 Y! }
   else if (document.layers) {! ?$ Z0 V) H  E6 N4 S! q; D4 d
      xMax = window.innerWidth;8 G2 n4 l# v* D; g! b& Z5 K
      yMax = window.innerHeight;
9 d5 X' ^1 Q7 w* }      contentWidth=document.supertext.document.width
& h7 x, _! q& ~" _& ]7 R9 v      contentHeight=document.supertext.document.height/ x* {' ]9 w4 q# _
      document.layers["supertext"].visibility = "show";, [3 [& c! E$ G! F
      }) b6 `" k9 X* d" h/ O6 H
   setTimeout('moveBall()',400);
- ^! h$ s- j3 V! A   if (hidetimer!='')
( [( O: {* v( M' B   setTimeout("hidetext()",hidetimer)
, ^( F$ C9 l2 }1 j6 `0 ~   }
0 z# T2 G/ O) V, T& u
0 D6 \/ a6 l2 @. r8 f; O6 dfunction moveBall() {
3 l3 y3 [8 x8 H. `   if (superballRunning == true) {8 {$ t. ]  T% a$ s4 H$ G
      calculatePosition();
' _" X8 p' R" H! W; [# x  r2 i      if (document.all) {
2 M: u, R, I- @$ [1 q6 e* N         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 n1 Y7 w- @$ Q5 A/ J/ j         document.all("supertext").style.top = yPos + document.body.scrollTop;
" I9 g: C2 D$ C, O" x2 J; n! I         }
; `4 X8 P% G7 [4 J6 O      else if (document.layers) {# t& ?4 O/ t5 u+ K. X7 ?) I
         document.layers["supertext"].left = xPos + pageXOffset;* e" P/ ?- n" v, m4 r# h/ z
         document.layers["supertext"].top = yPos + pageYOffset;
" ^7 E2 {  x# Z" R9 \. A2 [7 C( B         }
5 @7 [: C, C/ f, ?' J" I      animatetext=setTimeout('moveBall()',20);1 E1 L% Q  A  r8 D( ?
      }+ R9 `: @% p: ^6 J! \& u
   }
( ~' r4 F* Q% B7 [4 @' u
  R- r; A$ O! I6 T/ \3 Ufunction calculatePosition() {
! [# P, x3 V$ L+ d' w1 F5 s. k* `   if (xDir == "right") {5 B1 ?1 I1 U3 L$ b, D* v7 e
      if (xPos > (xMax - contentWidth - BallSpeed)) {! J; X. c5 ]' D+ g/ N
         xDir = "left";5 `3 \" D5 U, e4 `+ S
         }
/ O5 X$ D0 m. b( d* z; V      }7 t, w5 \& D( c* Y; W! ]
   else if (xDir == "left") {8 j' y, ?# e0 q% a3 [
      if (xPos < (0 + BallSpeed)) {5 {) O9 z1 V8 c# e& S
         xDir = "right";4 G* _/ b) M, |
         }
: S7 W* i' i: [' J5 {" ^1 p1 a( K  k) o      }
& {* n" J/ @; K   if (yDir == "down") {1 Z" \% \/ R  ^6 K6 ?
      if (yPos > (yMax - contentHeight - BallSpeed)) {
( w0 _; I* S! W! {+ p# C         yDir = "up";
1 C. W, @6 ^7 i+ w) ]2 C: U( f         }
: ~( w5 y, s" @4 C( j9 {- ?      }
- O4 D6 G- Q* k: d% @9 t   else if (yDir == "up") {
! |/ B& F1 i) b; G3 H7 y$ X- K      if (yPos < (0 + BallSpeed)) {
# Q: Z, @- ]. I& R9 F7 B& O% g         yDir = "down";, t8 C! W7 u8 Y/ B. l# ^/ i4 l
         }
! s+ J4 X& V1 L/ l2 c9 a. H2 A  n. w- r      }
9 f5 \. `# |+ T5 d5 r   if (xDir == "right") {
6 r# |9 B0 P0 |  Z( M      xPos = xPos + BallSpeed;
0 G! D! q) Z. V7 y      }  b4 ~! _0 L! _6 L1 s$ o! |
   else if (xDir == "left") {3 o- U( k# x' m9 E* z
      xPos = xPos - BallSpeed;
4 f% T: x+ V: \6 X: G      }
+ L" N. e3 h1 I* }5 t# U; Z: V   else {# g1 }1 ~0 N8 T  N. r8 `
      xPos = xPos;+ V8 }+ z2 [' U
      }0 e% ^& x  d' N  s% m/ ]2 {  K
   if (yDir == "down") {7 k. W6 L* \% R- S" s
      yPos = yPos + BallSpeed;' A5 @+ C) ^8 e& B9 i% T7 I: B
      }) w3 O# D+ n8 r& ^7 k% S
   else if (yDir == "up") {
& h2 }( k2 B) S9 n  s& i$ z* T      yPos = yPos - BallSpeed;
4 Z- r1 S5 P0 t; o+ o+ `& ^" a% J2 c      }; C' m4 x/ [7 S- b& Q/ V9 J
   else {5 f( u8 v* G& C4 L& m' F
      yPos = yPos;
, L9 W  J3 z, w% b      }
2 W4 d$ q/ }) D   }/ }8 C1 i; L, T8 x; K

  [; ^3 q9 M- O# K. pfunction hidetext(){
% x8 B, e  h* d8 [2 Xif (document.all)
5 t& U" v9 }9 {' xsupertext.style.visibility="hidden"
. c& U7 N& e& ?7 B5 {else if (document.layers): [$ U- J. k: |
document.supertext.visibility="hide"$ W1 l  m: y  v. }5 _" ~6 N/ B2 }, _
clearTimeout(animatetext)
* j0 q4 I, Z. H4 y! \& A}* e) w5 y- Z) y

9 L, R" h; A! N% Nif (document.all||document.layers){
4 w$ f# y; n6 ?document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); `% c# G- _" H& I) G, q
window.onload = initializeBall;
3 y% L" j, W  H+ h# T" n( ewindow.onresize = new Function("window.location.reload()");7 }0 ?% ^) @/ v" T9 \
}
* K5 [% x$ V& D2 T
* v* O3 _* m( ?' D5 A9 O6 P. C7 O</script>