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

zw2004

<style type="text/css">& k8 s! K& b- Y2 \( y
#supertext {
' {- B, A+ }" uposition:absolute;
; N2 @2 S! t. B0 Lleft:0;
8 F' B1 b- m1 _. L$ |: _top:0;& T, v# |8 @% D, C2 d
visibility:hide;
3 t; K# }, p6 q' Avisibility:hidden;  D  {% l8 i2 F1 z( j
}8 w$ s7 E& Y$ ^& J1 ]9 D, C
</style>
( b3 A9 Z3 Q3 u. a) n<script language="JavaScript1.2">
1 u: h% X* s4 M9 F! b) S<!-- 改变下的字体的大小。颜色-->8 _* z$ m- J& r/ I1 j) @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': P- f4 _" \  M  z, o1 r; d1 e4 R
var hidetimer='';
2 m) {7 e% x; p+ N$ S. m<!-- 改变下的弹跳速度-->/ D' V: m2 U- N; ?! Y. H. P3 {
var BallSpeed = 20;
# q$ |1 l+ m+ Qvar contentWidth;+ l5 m9 s' Q9 Z  {, ~
var contentHeight;5 ]( A' H) {) ]  [/ v* E
var maxBallSpeed = 50;
# o  u$ s* c. K# T: H8 B/ B7 U* [

" r0 b: n; o* ^5 K5 x) o6 ]var xMax;9 b3 I/ {: K. u+ @( s; d
var yMax;
" M# [/ p, t- r6 v! I7 B8 U! H( avar xPos = 0;
( i% a8 M! i0 b! l0 ~var yPos = 0;
' |# @7 R0 G( }. s# `  k) avar xDir = 'right';; ^4 E0 a9 h5 t' Q. h# T5 ~8 X9 U
var yDir = 'down';$ A. H$ [, v( X
var superballRunning = true;
5 |, D8 B+ i  R9 r0 d, }" Evar tempBallSpeed;
* d/ f6 ~6 R6 Nvar currentBallSrc;6 G8 j- M( h' n& K) d
var newXDir;
  W& W, f! ?0 kvar newYDir;& K5 ^1 }* ?5 o- y6 s
9 a  L5 a5 _3 [. ]9 s1 T1 k
function initializeBall() {5 X' \2 e$ M; P- C' o
   if (document.all) {' a0 U/ O( }( ^9 G2 K8 E- c6 G5 S
      xMax = document.body.clientWidth2 K3 l1 ]4 Z# n# G  b4 J
      yMax = document.body.clientHeight
% _3 M" }. b+ |      document.all("supertext").style.visibility = "visible";
4 L, t; ], T+ a9 p+ W+ o      contentWidth=supertext.offsetWidth
1 R/ [: n- ^# q9 E* I$ O3 g      contentHeight=supertext.offsetHeight0 {+ l8 H6 ?6 V; w* M" ?" I7 u
      }
( c1 n" V7 x2 L   else if (document.layers) {
1 t4 k9 q6 r) T! _      xMax = window.innerWidth;
+ d! v5 D. j) k, Z6 B  G      yMax = window.innerHeight;
/ r" c3 b- |$ J) S3 y      contentWidth=document.supertext.document.width$ I  ^% V" _8 z) w
      contentHeight=document.supertext.document.height
) L2 `/ x. e+ @( w3 Q      document.layers["supertext"].visibility = "show";' R* x( B; W/ W5 P$ N
      }& C' w/ P4 P( \- h  e0 V/ G; ~# E
   setTimeout('moveBall()',400);
1 u) s* S0 A. e: }$ K1 @   if (hidetimer!='')7 ]% d/ c4 N1 Y  ]& s* W7 N1 B2 @
   setTimeout("hidetext()",hidetimer)
: y& G; j4 p' P6 W* ?   }. P( n6 |" ]" X, t& X3 ]

$ `1 j: l% J0 O" G/ ?/ Nfunction moveBall() {# v" X$ O2 g2 Q+ z) E
   if (superballRunning == true) {* T6 |2 H# l" x+ ^% D6 U
      calculatePosition();  m' K/ T: B4 z1 z+ L2 f, N
      if (document.all) {( i& e! {$ n% E; D+ N0 s. b8 `" I) p
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 O3 c6 K6 x& O, E         document.all("supertext").style.top = yPos + document.body.scrollTop;2 Y2 D( M9 T. I% v& P6 i5 H
         }7 C* V7 J! l; c4 C' k
      else if (document.layers) {
5 y7 P7 }$ s! n+ |' B* @         document.layers["supertext"].left = xPos + pageXOffset;% w! r( z4 R2 x# i
         document.layers["supertext"].top = yPos + pageYOffset;3 v" z( |8 _$ J+ E2 J% }2 c. P
         }5 n8 \2 h% P5 ?* x% Q4 k: J- h
      animatetext=setTimeout('moveBall()',20);
& z; M8 s) Q/ n! }      }
0 C& h; O  I8 [4 @   }1 H# P; ^& w% l# d2 S" A
) M7 K$ H0 _, d& Z' U$ f
function calculatePosition() {
  ~: ?6 T* K* n% g; U   if (xDir == "right") {
" }5 h) g: @( Z# H      if (xPos > (xMax - contentWidth - BallSpeed)) {0 B1 I" t; U6 x- m2 g
         xDir = "left";
; U' _& V' M7 j. F" R$ M2 M8 g1 i1 i         }6 y: @. C) v  L3 J- v2 e, ~
      }
1 q. W4 z$ A$ }# |  Y  [/ }   else if (xDir == "left") {
0 p+ s0 ~0 l. t$ ^# s      if (xPos < (0 + BallSpeed)) {
0 w, n& }" V6 y" U3 ^' b- g5 c         xDir = "right";
0 G5 V+ F% S0 X* _+ E5 X2 h         }
  [, W7 p0 A: {, }      }
+ c: ^" g3 p) m8 w5 R5 B   if (yDir == "down") {6 t& Q+ z, L$ \
      if (yPos > (yMax - contentHeight - BallSpeed)) {% B7 r1 T3 y# \  \4 G
         yDir = "up";
" ?3 o6 {1 |, a         }7 e8 Z$ `. x" T6 E" G" g0 X
      }
- K3 ?% w( H4 R) ?( C   else if (yDir == "up") {& K, Z% ?! m; ]6 F' T7 o. G1 O
      if (yPos < (0 + BallSpeed)) {
" G4 ?$ R2 o$ H2 k) @. x         yDir = "down";2 G1 ^- o- j1 F3 [
         }
( f/ J5 Y6 [6 G# }& f      }( s" Q3 r0 n3 I( ?) E4 C
   if (xDir == "right") {1 U8 r: \: G7 {; \) K. u1 s0 m
      xPos = xPos + BallSpeed;" W4 v$ D1 n, a& [2 g6 B4 \
      }
" f* r: i% t$ |& K6 Z& n3 ^8 V/ ]( I   else if (xDir == "left") {
# [, M! P& R( \! Q0 {  m- M      xPos = xPos - BallSpeed;$ }1 d0 J6 M, O" a
      }
. X# U  b- X/ {' c   else {1 C( q' p1 n( ]. G. {' R
      xPos = xPos;
0 v2 o& K1 r+ c: l6 \      }) C& x) r7 q* |+ i" W1 n2 o
   if (yDir == "down") {( l  H, d  H9 {& D. {: m: \9 ?
      yPos = yPos + BallSpeed;
: `2 @/ E/ L# W- v$ P4 v; L      }% Z1 U& [: c" L+ ?
   else if (yDir == "up") {
$ d; U# |" r# D. v      yPos = yPos - BallSpeed;
0 t8 \- d5 V) E      }
& |$ D; ]) \& N; X' m' e# L   else {. A. N& x3 a" J- H1 V, q, U8 M
      yPos = yPos;: ], M5 s5 D. l$ V$ Q/ ^
      }
: P3 R. ?% |+ f7 {   }  Y+ k2 G% x$ o$ \

* Q+ J2 A$ U9 Y6 H. e1 @function hidetext(){; j* t; K/ `2 z0 s: k
if (document.all)
% h2 ~1 E6 F& y, Msupertext.style.visibility="hidden"6 W7 {1 u$ ~5 Z% ^5 R5 C3 ?. |( l
else if (document.layers)
  |' |: w' I8 u9 }* i. d8 ], jdocument.supertext.visibility="hide"  s5 j1 L# \- f  w( u. q/ ~
clearTimeout(animatetext)
5 p1 f' W, t+ E) }+ B& u) {}1 d# ^* _+ Q# }, e: y: G8 T

1 ^- X( d3 d6 e  N# Q( Aif (document.all||document.layers){- Y+ K/ l  X$ C- i7 c  D- e! F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 u* K) _  c9 {) B6 C! n" o
window.onload = initializeBall;5 Q( _) [" W" N- Y' p
window.onresize = new Function("window.location.reload()");: u9 b) A3 _8 R2 i5 P9 a+ g
}
$ R, L+ _/ r$ S* ~5 m: x$ n
; {/ \; h5 _. R0 {& {9 H# H</script>