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

zw2004

<style type="text/css">0 T& r, O) e3 l% y0 l
#supertext {
" C8 }3 P, t. t1 L' d' C) w- g# p3 \! pposition:absolute;
3 a" {9 d& v6 Sleft:0;4 E2 ^" Q! [) Z9 H' a
top:0;0 v" O" O7 y+ |
visibility:hide;
$ G! Z+ Q6 S& {* I* L& H! n( W( ovisibility:hidden;
( x- G8 C# Z9 u6 Q7 \7 u7 m, F" @}  m8 y, }$ p2 i- c2 v
</style>+ C0 ^8 \+ _/ g. y8 }3 T. X
<script language="JavaScript1.2">+ {+ x- W- J8 {/ E: W
<!-- 改变下的字体的大小。颜色-->
) @+ B% w  F# |" _0 m8 Zvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% P# Z& ]7 g9 t- G: i- m& h' |+ h$ i
var hidetimer='';
; N+ f1 Z4 s$ X- P8 c<!-- 改变下的弹跳速度-->) z0 ?: f% k; ]' Y0 j1 y, V1 r1 g& z- U
var BallSpeed = 20;
# U% E4 Y% u9 D- b5 {6 Y( T0 Q, nvar contentWidth;
" a" W# ^! a$ H9 J) nvar contentHeight;
; Q  Q9 U  m6 A2 S% B4 [9 a# n$ ]var maxBallSpeed = 50;1 w  o# O) w( o: o
/ A. h0 K. V: G8 E7 X
' {- M: z  F7 O' ?% Y* b
var xMax;
: ?& y$ ~* ]+ O1 z: N, ]0 t- }var yMax;
& t8 Z& T" F  R0 a" cvar xPos = 0;7 a, e5 P$ i- B
var yPos = 0;
# u9 S& d1 p( t$ {' r3 d4 avar xDir = 'right';
4 D5 g. z2 `6 D" D) U. Wvar yDir = 'down';
2 p8 D& y: U+ |; v0 mvar superballRunning = true;
! c& O5 W2 x# [$ T3 T3 Rvar tempBallSpeed;+ s) X# W1 _& _$ J- q# X6 A
var currentBallSrc;" n  ]; E# |4 D( w5 r) V5 |: \
var newXDir;) A( U: r7 Q% [% B1 O; z( ~
var newYDir;
! r1 s. E; ^6 d8 L8 f
- j. v# J- a5 o& p6 R3 g) Mfunction initializeBall() {
* c; N- D% P  s" G' [   if (document.all) {0 Q- J8 K% y% W+ @  E  X
      xMax = document.body.clientWidth! D& T- T; i/ Q* k
      yMax = document.body.clientHeight
! h, {9 J9 {* Z  \1 r! h      document.all("supertext").style.visibility = "visible";
. {  \% r' ]) @; b6 q      contentWidth=supertext.offsetWidth0 u8 ~" N1 {/ u7 M" R7 n7 k
      contentHeight=supertext.offsetHeight
$ w" c* C' Z8 |. F8 P2 d      }4 ?; F  H* D: v' t2 B' z
   else if (document.layers) {) X' u) F7 x9 u' }" p* C. m
      xMax = window.innerWidth;$ @3 R' L5 v8 D3 `& ?
      yMax = window.innerHeight;% ^* d0 m& s6 p. V& O$ x, |6 Q
      contentWidth=document.supertext.document.width+ Y& y  o! J7 b# q' J5 b7 y
      contentHeight=document.supertext.document.height+ i, W4 B9 @# L" A6 P' P- Y
      document.layers["supertext"].visibility = "show";. E1 q) u/ W3 P9 D3 f# v
      }
  `( y! p% _) e# q; y$ u   setTimeout('moveBall()',400);
9 X8 g7 J6 X- I, E+ C   if (hidetimer!='')
3 x' j& Q$ V3 L' @3 o5 _   setTimeout("hidetext()",hidetimer). S. i" _. c% O7 Q+ I! w
   }
4 ^* h/ T- |/ p9 V- a+ ~
7 `4 Q/ F$ O; e; g5 a) F! Tfunction moveBall() {7 `* `# _8 }& Y/ d- _
   if (superballRunning == true) {* p8 _' a( v) a2 |% S( G; `
      calculatePosition();
7 o, h+ W0 [6 i2 U0 R+ `      if (document.all) {4 r6 c  ]1 T, m9 [6 @
         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ Y3 O" d: _1 M8 Z& K
         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 A  w9 j, b! V% [, H- D         }
7 J) V7 q: j3 I      else if (document.layers) {
/ o4 l/ l- s0 m         document.layers["supertext"].left = xPos + pageXOffset;
4 r- j% X; ?$ S8 N/ {) R2 T7 @         document.layers["supertext"].top = yPos + pageYOffset;- s& w* m7 M* h1 ]8 [# E! Y
         }
3 _+ d% L9 W  f% i      animatetext=setTimeout('moveBall()',20);+ b8 d) {4 f  i# e( S4 l
      }
& ]' a) }5 O, u3 O/ {* Y, V; K   }8 S3 {. o# c+ r/ c5 p# K
  n0 E. B  n9 e* R. [
function calculatePosition() {  b8 I4 o) N6 N$ Z0 ~8 `$ M+ O
   if (xDir == "right") {% P3 l5 i$ v2 [" o2 A
      if (xPos > (xMax - contentWidth - BallSpeed)) {" o5 [9 Q- _" z: F
         xDir = "left";
" C0 q2 H" l! t. h  d5 T' E         }+ h6 m+ A- n: d* f4 r
      }
9 ?' P  E+ Y( s0 _8 k% m   else if (xDir == "left") {. {' c, Z; O0 r
      if (xPos < (0 + BallSpeed)) {
) _/ L: c( v3 C2 d$ K+ ]         xDir = "right";3 P% F* C: R% E3 }1 v' u
         }! |. E, Q5 b4 O, S/ h; z8 h; U" {* l1 |- ]
      }/ t; Q1 v  ~8 z. z: F, K2 m  ^
   if (yDir == "down") {! ^& Q9 ?4 {2 q3 M) k0 g
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ i7 X5 c3 Y: d; ^' `9 }" ~6 T         yDir = "up";
  e) K% v- h" h5 n/ {& D3 f4 l         }, _* \8 F6 Z2 Z
      }
$ z3 O( |; o! H& {; b! u' }   else if (yDir == "up") {
7 O2 ^8 E0 \6 ]8 F6 {      if (yPos < (0 + BallSpeed)) {
& H7 T* k3 x. P/ A" w         yDir = "down";6 K4 [0 d$ \- {' A0 H1 `$ x7 `
         }' N6 S) z7 z( Q3 a4 [0 Y
      }
4 U1 D; O0 @3 E2 o) k* N  s2 Q   if (xDir == "right") {' |, [  [$ x( T, ?1 ^& B( |/ h$ H
      xPos = xPos + BallSpeed;
5 n6 j6 k6 _0 ?% l5 T, b% g' w      }
0 D" I% P7 D/ W) `7 X$ |! B   else if (xDir == "left") {
# V( f8 c$ ~# d6 M) I  d/ A1 E# t" j! l      xPos = xPos - BallSpeed;
, y* j" [  [4 A, g      }2 Q/ }, Y" b# q- @  G  m/ f$ q
   else {
( I" W" {/ ^- i6 N: h3 |5 C      xPos = xPos;3 i, G3 [( G4 @) Z1 ^
      }
( z4 K3 C; {0 F; w! H   if (yDir == "down") {! z4 X$ T4 g) v- z
      yPos = yPos + BallSpeed;
( L( L+ Y! m$ L8 G+ f( }      }
, s7 ^- z( i9 \2 O9 M   else if (yDir == "up") {7 \4 L# i; ~" Z% C
      yPos = yPos - BallSpeed;
2 \# B% f: j) a7 T, {% i      }1 N; Z' U6 |# R3 ~4 U9 c
   else {
$ s) [8 S  C4 l. h      yPos = yPos;
: ~4 G, N0 J4 u' a$ E' Y; s. g5 Y& j      }5 D& R9 Q" Q! h6 ]8 }/ `, g
   }& o4 _) j6 e% D0 m+ n

  ^7 L' s. r- z+ H) Yfunction hidetext(){& a( [/ J  w' o9 }) |: h5 P8 e& [+ A
if (document.all)
  H7 U7 @, @) `9 e0 W/ W/ f" g6 qsupertext.style.visibility="hidden". P5 I5 `/ g6 q. t/ f
else if (document.layers)9 t* [: k# Q* {: J  y% a
document.supertext.visibility="hide"+ K% R# b) }9 a; I% H' O( ?) X1 x4 f
clearTimeout(animatetext)
4 {1 v. E9 q; H0 d( f$ q6 x6 u}
" `9 ~  z! k, h) N% b
- {, ]6 P8 A1 D3 F* s4 sif (document.all||document.layers){' {( ^/ Q" ~/ `3 L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 n% J$ f3 e1 k' Y2 f) V$ Awindow.onload = initializeBall;% q3 O* ~3 W, U3 C3 n; w% [
window.onresize = new Function("window.location.reload()");: u1 Q- G" X3 n/ Z' p/ R  T# ]
}
! ^4 J$ I+ f4 `  c6 T* f  F6 J* D1 X( B+ c( Y% o, w
</script>