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

zw2004

<style type="text/css">% r6 z* n, R' C! M  D% Y1 o: ~
#supertext {( {" |0 U6 j( Z. K8 ]& z
position:absolute;3 f4 j. G% z4 L! d
left:0;$ U# z/ |& b3 D9 r, T
top:0;5 I" q( r  p/ N# T: ^
visibility:hide;
& _+ H; f) T. o7 ~visibility:hidden;; _) [8 @- o! r* {1 h/ ]
}
. B- [' `" i2 e% @</style>; k+ k9 d7 U, u
<script language="JavaScript1.2">
9 S0 C2 B- l! h; o4 W6 b<!-- 改变下的字体的大小。颜色-->, c3 D) R+ |' C; D, q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! n9 O# L/ q$ k* R5 V7 x  F3 r; y
var hidetimer='';
$ r+ y" h) c" I<!-- 改变下的弹跳速度-->
0 ^$ {3 T1 Z5 }4 Avar BallSpeed = 20;+ n  u$ m% w' |" g( q; M8 K7 o( Y
var contentWidth;% {' r+ n. [% z' r
var contentHeight;
: D% D5 N+ v7 f) `6 V1 @/ Evar maxBallSpeed = 50;6 e( ]3 i7 {7 b: k% L

- \' S0 ^( V! p% s; Y/ m; M* S: h: q# c
var xMax;6 V" G2 f) K8 \" P! b4 J: h0 ^
var yMax;/ ^2 c$ g( Z- V  H7 w3 t( m
var xPos = 0;
' b4 t  k- n" B2 x* Evar yPos = 0;0 j9 E' F. l9 h$ s* B, I
var xDir = 'right';
. S5 k* Q/ X! f' o/ cvar yDir = 'down';
( `, F: h& w% g- W% a3 wvar superballRunning = true;
  G% n% d1 X' |1 Uvar tempBallSpeed;/ ]. Q8 f: M$ I# ~. N# v" I
var currentBallSrc;$ p5 Y$ d; v, _5 R* Q1 B0 d
var newXDir;- [+ o5 V+ u7 E/ _, e! [& J& J
var newYDir;9 o8 [1 S( E/ I- L

9 I3 y: e6 t2 _5 A1 }# Mfunction initializeBall() {6 z2 p! u, B" Z9 s
   if (document.all) {
( X( j/ U  I& p; U! |      xMax = document.body.clientWidth
* q1 A+ h; {" h( V1 n3 N: h      yMax = document.body.clientHeight
: D: U( Z) M. @! {# |- ?      document.all("supertext").style.visibility = "visible";& G4 D9 e- L: d. {& S* q- k
      contentWidth=supertext.offsetWidth- u4 s7 j* h& W3 g; @) r4 N3 R
      contentHeight=supertext.offsetHeight* `. p1 p+ N. Z. V& [* N
      }. s2 P# q; m1 d5 i
   else if (document.layers) {
( |9 u8 y& S5 |) S+ ?) _. M$ }      xMax = window.innerWidth;% ?! s2 g2 E/ p' F+ b1 ~
      yMax = window.innerHeight;
: i9 _/ @5 L% A6 ]* m* K      contentWidth=document.supertext.document.width
4 P" Q; v. G5 P  P. z, k4 s2 r6 Q      contentHeight=document.supertext.document.height
& k$ n$ [5 K# Y( g$ V      document.layers["supertext"].visibility = "show";
, z1 M) ], X+ c6 l' V* }      }: {( }5 m+ t, X/ Q1 n
   setTimeout('moveBall()',400);, W# r* A* v* `! A, ?. S
   if (hidetimer!='')
4 o( p. m! d/ N+ {1 v% e   setTimeout("hidetext()",hidetimer)
+ e3 Q: h$ W! h$ @0 S" A6 D   }% M/ p) x" S# e% D# n2 j
. R" ]3 @5 I% v
function moveBall() {  m7 \& B) |7 ]" i
   if (superballRunning == true) {& f  M$ T$ |+ V2 V) t5 ^
      calculatePosition();, d2 n: G: I' ~  K" v  v! u
      if (document.all) {* w1 u4 }% t' ]9 a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 Z  t  {& T0 q. D( r7 \9 i- c# t         document.all("supertext").style.top = yPos + document.body.scrollTop;
% y! o% Z) x* J; K/ S         }
( T+ e& Y: g# ^8 H) V4 D% _      else if (document.layers) {
- w! m7 q. F9 @2 |4 f2 y0 ?         document.layers["supertext"].left = xPos + pageXOffset;) O% p9 l" U+ U3 Z3 a, z, D
         document.layers["supertext"].top = yPos + pageYOffset;
2 t: T3 z: T% f) L& \3 U8 C         }; y( l% i' |/ x; R% j  |
      animatetext=setTimeout('moveBall()',20);
$ `, ?7 f2 e  p  O1 W% i/ S      }  C3 b; }3 M- r# Q* v3 c  g
   }9 `6 C8 [" R" n+ A
# o0 h3 ^& w$ {0 @
function calculatePosition() {& O- \7 }* C5 _1 s
   if (xDir == "right") {" U# Z! p5 \: W/ ], D) N$ N
      if (xPos > (xMax - contentWidth - BallSpeed)) {* Y0 H: v1 c! }1 A
         xDir = "left";
+ s& w- I& H( m  Z% h         }
- ]* o, c! r2 m6 h$ f# p% A      }
# [8 J7 [3 @8 U* N. Z7 \   else if (xDir == "left") {
1 ^7 e3 c3 K7 O4 ?5 X      if (xPos < (0 + BallSpeed)) {. {0 S0 ~* i. g: }2 C( a) ~$ r5 K
         xDir = "right";& `1 x* q; c- a/ A$ a9 S
         }
7 q: Y" Y( W; [) u  R; ^      }
$ r/ n% f5 D2 r   if (yDir == "down") {
" P4 o! O2 d( Q; \      if (yPos > (yMax - contentHeight - BallSpeed)) {- j5 {. X: s' s, e/ _6 S" @% b
         yDir = "up";
. @- Q4 W0 ~2 Y" c" m( a$ `0 z         }
' I+ @& Z9 H5 y      }
3 D% P6 q+ j' q3 E   else if (yDir == "up") {; S# G3 j6 F# o* Z* l
      if (yPos < (0 + BallSpeed)) {
7 o8 s! f( w$ d1 Y: y/ ]0 P3 I         yDir = "down";6 w" _" x# D4 D7 [) ~4 i1 Z6 _  C& k
         }" j6 \- [. D. J! V
      }0 Y( h2 e# |8 ^" n" s
   if (xDir == "right") {1 b2 I, g- F; m/ }4 X
      xPos = xPos + BallSpeed;; b3 ]0 m. I2 r6 ^& }" {' w
      }$ e6 d7 c7 L6 T
   else if (xDir == "left") {" Q! T' g. r! c, k
      xPos = xPos - BallSpeed;
8 l. Q* D8 z1 E      }
% @2 c$ N- L) f0 d0 O   else {; c8 l. ?0 O& U5 [
      xPos = xPos;
( A2 c  A' p4 Z/ @$ J      }
" d# o& _( L- i, O# r3 m   if (yDir == "down") {2 `. d* ]7 }5 }8 C1 d
      yPos = yPos + BallSpeed;  v+ Y  y- A* X( v" |; N! u
      }
* t/ X; T6 a4 p' a   else if (yDir == "up") {, d/ {9 O2 J+ Y
      yPos = yPos - BallSpeed;; X  {' ^; m7 D0 S* O/ T# G. n
      }
4 l2 M# m, E4 D7 a) j   else {
" P7 J2 o- M8 T- O      yPos = yPos;/ j' N, p: H& U. |2 G/ O" X
      }
3 [. Z# ^1 F' r+ c% H  \3 V9 |   }$ z: _5 N" |5 m& B1 N: A( C

+ j0 v$ }  R7 `8 Vfunction hidetext(){
+ _5 f2 A# A1 B, [4 k+ cif (document.all)+ J: x) M& x" K0 W
supertext.style.visibility="hidden"* A/ l" }$ S- L5 U6 l3 ?1 ]$ I, \
else if (document.layers)# S& h: c) A) H' O; @* z; {4 H
document.supertext.visibility="hide"
2 D( ^. S2 T! ~6 GclearTimeout(animatetext)/ \4 I) r* M2 p# v  I) P: e/ Z
}% D7 [* a1 l; |) W0 `# w

# i0 V% U7 N- }if (document.all||document.layers){
% Z. Z/ T, z& n# h' B: `0 Edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# Z8 P+ a, s; e7 q! a7 E
window.onload = initializeBall;0 x' ^; z! i5 q5 p1 }5 h  V
window.onresize = new Function("window.location.reload()");$ |7 G$ T) E8 H" T
}- m* ]9 i- s' S* x* y4 ?& v9 z( l

9 y9 R( a8 k3 }- ^: ~! l# k& P</script>