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

zw2004

<style type="text/css">* J2 `  B( _' b
#supertext {
% u9 P* c/ a& p+ E0 ]position:absolute;
; h$ X# j7 F2 q$ k0 R0 e3 rleft:0;, e7 q$ }/ c- R8 C% A0 @% D
top:0;8 U: \7 l+ o- S2 R) V# M
visibility:hide;' d2 ]  ^/ L& P4 J; f& m& u+ m/ v- \
visibility:hidden;% v( d- l0 ]0 H+ |, n2 R
}
) t) L  Q( }: D( l* u</style>
$ s' f+ p" W8 r7 u$ {7 I# r) x<script language="JavaScript1.2">
5 t1 f0 [1 Y. b5 C% i4 R: A<!-- 改变下的字体的大小。颜色-->
, {, x' D7 ]* B6 J: Nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', Y: f9 y0 z( Y
var hidetimer='';5 [, `4 Q! B5 e: V; b3 p7 H
<!-- 改变下的弹跳速度-->/ l4 `, g: ^1 o# @- L) a9 ^3 f9 v& J
var BallSpeed = 20;
' H- g; f& I$ D6 B: qvar contentWidth;  q1 k5 C9 M% M; H5 B- K, E2 r  L
var contentHeight;
2 j% F2 C; {. L% W7 pvar maxBallSpeed = 50;
# X# A9 j6 X& E, _! L0 M0 A  m( K# q2 |+ C" h/ s4 H& f( a- U5 O9 y& l( d
/ z# O( E/ V& p# \9 z* r
var xMax;
& h$ n3 u& |- k7 Tvar yMax;
6 @) B9 p4 q) l& m! K0 d2 u! B$ ]var xPos = 0;4 z7 @4 M9 R# l+ c; h( Z% R, R
var yPos = 0;
" _: c( C( \3 x! @var xDir = 'right';
/ T' {2 n# ^5 G5 m' _  |# Lvar yDir = 'down';
: @9 J7 P  J7 v9 Nvar superballRunning = true;
% L7 i" X: y7 Z4 Ovar tempBallSpeed;
5 u% N9 q9 i0 d) wvar currentBallSrc;
8 R% e! F- z! I& Y7 F) Ivar newXDir;
* e$ ?8 j" C! P( Mvar newYDir;
) N9 P2 z" P  I: p" \3 d2 ^$ g! q, l: u+ F; `4 W7 Y
function initializeBall() {
  e2 A6 ~* x1 k1 p" ~; u0 A; b   if (document.all) {
" q9 k" J9 K- i+ s! U0 |# w- \: F0 S4 V      xMax = document.body.clientWidth; P* k& u" a1 A& d! y8 ^
      yMax = document.body.clientHeight0 x! z" }) o$ v2 F
      document.all("supertext").style.visibility = "visible";% N4 M' K6 e: G9 ]
      contentWidth=supertext.offsetWidth
) x0 f7 }- L- Q$ A3 O      contentHeight=supertext.offsetHeight
- d( @/ }: R; G- ^, B0 r7 u      }
5 {. u# r$ }0 ^- F- }' Q0 f   else if (document.layers) {+ h. |9 V* l  a- F. g) F
      xMax = window.innerWidth;8 o6 M; k1 h$ n) N
      yMax = window.innerHeight;
7 b3 U! \. \9 [9 b4 v  v      contentWidth=document.supertext.document.width, V( Q$ M+ H4 F9 ^  m+ O$ y
      contentHeight=document.supertext.document.height
# J' A. B% e+ O4 h      document.layers["supertext"].visibility = "show";6 C7 f9 I' H; P; P+ u" u
      }
8 l' M/ x! Y6 |! ?! k$ k) z   setTimeout('moveBall()',400);% g4 d1 m$ T3 s; A# W
   if (hidetimer!='')
" T& l6 D# w( g8 n5 I   setTimeout("hidetext()",hidetimer)4 n. e- R4 B" Q7 o( M" P" u  A
   }8 p- c" `2 J" X4 p9 }6 c

5 _  d5 P" l2 T$ Y+ _0 Zfunction moveBall() {9 m2 j2 D9 D7 C; D0 n/ z
   if (superballRunning == true) {
; O* X% k) }$ m0 J0 v      calculatePosition();. ~9 a% Z2 M2 G$ q
      if (document.all) {
2 o1 M4 N0 c, @! M6 R         document.all("supertext").style.left = xPos + document.body.scrollLeft;- N9 t/ a! y4 j. H
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ B0 _: K8 _2 k0 C, y9 L+ F         }  Z+ ^3 t4 l# ^+ B
      else if (document.layers) {7 t' v% A9 t) M% G
         document.layers["supertext"].left = xPos + pageXOffset;+ F* f0 c& d( ^5 c$ K' |; w; b$ p+ _
         document.layers["supertext"].top = yPos + pageYOffset;
% }. P# Y) z9 I) y         }4 o7 J5 f/ p% ]$ Y5 k3 f; X+ C
      animatetext=setTimeout('moveBall()',20);+ z7 X) m3 T: L4 a
      }3 N7 U2 F1 L& A& L! E% V+ [! k
   }
& ~7 e" E  o7 R( `5 V: O. k1 `0 ~9 @' I8 Y4 A7 J2 x# L& u
function calculatePosition() {% X, m1 N( ?4 [- L+ l
   if (xDir == "right") {
4 g% r  t+ ~4 H      if (xPos > (xMax - contentWidth - BallSpeed)) {, Y9 @! R: J7 E
         xDir = "left";
# E4 b9 `: p0 j3 [, B         }. i2 E, C  [/ U: G* f% {# {# z
      }% ~# `$ R' S9 M2 G6 E0 C  I7 w
   else if (xDir == "left") {
4 _0 V" o% g' N* G6 D5 [3 h2 ?9 Z      if (xPos < (0 + BallSpeed)) {
" F0 y5 O" j  Z, z5 a         xDir = "right";' B9 w: I) |7 _+ S7 `
         }7 h. e* Y3 ^* z2 T5 y8 @- P
      }
+ H) i/ L/ C1 k% t0 Y: T: O' y   if (yDir == "down") {5 r! s' k% P2 @: |; }
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; a* e/ a9 E! B9 ?         yDir = "up";; g2 |% M8 S- ]/ c! c; q* h
         }
7 i; J; X- u& s7 l+ Q      }
, u  `7 E  }. n9 D# s   else if (yDir == "up") {9 U6 H" l% @% F3 B9 @9 ]5 c: a1 y
      if (yPos < (0 + BallSpeed)) {
  y9 ?. z, n: q* n4 |         yDir = "down";. f7 G4 y% e! p$ x+ }
         }) S. f, G' C9 ]& R. e6 J* |
      }
# u: z, r4 _: _   if (xDir == "right") {' V: S8 `1 U3 |) H
      xPos = xPos + BallSpeed;
! D4 l7 v6 `; w. r      }/ f- o5 l4 j$ W* [
   else if (xDir == "left") {
7 ^+ R/ A- w& Z" d& b! X      xPos = xPos - BallSpeed;
; V, A; L" ^9 {1 t4 R+ @9 b      }
. ~4 }" h1 O2 j4 I  Y" P3 i) W0 k: R   else {
) P- h4 _( }3 m9 k4 o6 H2 a' A      xPos = xPos;
0 {/ a! b% z6 w4 X6 h% s: P      }& z" y9 Q! _. o, u2 ^
   if (yDir == "down") {0 W* P+ h, w  J, J0 y' A0 y( V9 l
      yPos = yPos + BallSpeed;- U1 @: `5 K! s( g6 N' ?& ?; T3 p
      }
: x& v2 L; T, q   else if (yDir == "up") {
- r6 o5 i2 s+ O. }      yPos = yPos - BallSpeed;1 a5 @# u: P4 i2 g  U0 j
      }
" q5 [7 C5 w& @7 c. z/ B8 n   else {( W# r. `' k4 s2 @. ~
      yPos = yPos;- j$ X5 a0 w: v
      }. x3 I3 `% H: T
   }
2 q" g, B% z0 b; j' P+ y
/ A: @+ E$ m$ b) d* vfunction hidetext(){
" i- P+ h/ a; q) nif (document.all)/ L9 T- V+ \& b! R: X( d0 y  ~
supertext.style.visibility="hidden"
5 _( r- T; Z  ?8 d7 M8 C6 Melse if (document.layers)9 O3 X; r2 y) t4 n
document.supertext.visibility="hide"' j( ^: Q% d/ y# A7 ]: \  ^
clearTimeout(animatetext); e& S% A/ C% ?- Y0 P% h) `( {$ M8 y
}
, @! B4 m  ~6 n3 _& v# y
; |3 O3 X1 t7 p$ Vif (document.all||document.layers){
$ F% b9 C: O, w+ U! I/ h/ Odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. q0 `8 E8 s0 s+ d# P- A! _: u- Mwindow.onload = initializeBall;
7 a. ?; W! B) E, Swindow.onresize = new Function("window.location.reload()");$ a6 Q! p1 e7 \2 R0 {
}$ Z% r1 j2 k  H4 K

5 e+ {2 ]8 {# ^7 c6 |" J- v</script>