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

zw2004

<style type="text/css">- D( a! X+ o7 V9 P7 `0 k! C
#supertext {  p! L% B6 ~+ j3 w( O
position:absolute;
' S6 l" h( b# pleft:0;  l0 _% m; h$ I: X& L5 n
top:0;
: Q4 h, y' u- v4 V9 Tvisibility:hide;, T/ Y% p9 `) l0 R) O
visibility:hidden;
0 [3 x( E" W/ Y8 E) ~$ x9 t6 p, ~; ^}
* F7 f* V4 V  ^8 g5 p</style>1 n, M( F, W( G, h/ s6 x
<script language="JavaScript1.2">
, `; V) O/ k, B0 i5 C7 [' f<!-- 改变下的字体的大小。颜色-->. {0 [) i$ V2 j' {, p* X' Y2 M
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, [! j: g/ d9 Y" ~5 i0 Evar hidetimer='';  `/ W5 R7 C( ~# [& i  Z" g( @6 J: [
<!-- 改变下的弹跳速度-->9 f: J7 r. z  ]
var BallSpeed = 20;2 d' t* a" l8 |; ?
var contentWidth;
# x% n9 A" Y$ {# u7 Vvar contentHeight;
: A0 ?0 z# ?$ k$ {% yvar maxBallSpeed = 50;
/ K8 `# v% {! N2 M; U( S
8 ~& U4 Q9 ^. n8 G  ?/ W' O5 k5 s+ j& b# G6 f
var xMax;; w) r3 |, Y' h/ i0 U
var yMax;8 ~( |* c7 d3 a* B3 H! e
var xPos = 0;* \' A$ O- h6 |6 p
var yPos = 0;2 g2 g2 K3 z. r! n- @6 {; E, W
var xDir = 'right';
4 s/ }* m! o) Q" k+ Uvar yDir = 'down';" n) {6 g: ]' q: Z1 J: c
var superballRunning = true;
# _) N8 N! z- |, Rvar tempBallSpeed;
- c0 e' }2 u. Svar currentBallSrc;4 m# l0 z3 P( F9 r, K) A  M7 V
var newXDir;% B# w1 Z; Z" e) G1 G/ k
var newYDir;
0 x2 G1 d; y- P) S( c2 y0 f
0 f! ^  A/ Y4 I; e, D5 dfunction initializeBall() {
2 T9 a1 _! ]: x; Y1 W; R   if (document.all) {: ?  h2 _( v$ L2 G; u
      xMax = document.body.clientWidth
1 ?4 w8 ^  Z. T- b  T, N      yMax = document.body.clientHeight* Z# F2 C4 o& [2 O
      document.all("supertext").style.visibility = "visible";
% v# Q0 g0 H1 ^' S' g9 k      contentWidth=supertext.offsetWidth" ~9 S: {0 Y* J8 n' _# l! A% F7 d
      contentHeight=supertext.offsetHeight
7 Z$ y7 m3 |" K7 Q, L4 [      }
0 {6 T$ g7 Z& ~( ]5 X   else if (document.layers) {6 v& R1 \/ I" [: e$ p- L
      xMax = window.innerWidth;
. [1 _6 D5 }& a- e, C- ]      yMax = window.innerHeight;: ^  S+ S: C+ `  [
      contentWidth=document.supertext.document.width. D! f. t8 G5 _# z. p
      contentHeight=document.supertext.document.height
4 e+ X6 y, q+ \/ j7 e( g0 N# Z% V5 ~      document.layers["supertext"].visibility = "show";
, ?; f/ g* H. I  y/ V* Q$ z6 U8 `      }; @  y4 G6 R3 k3 m+ q1 v# n1 ]) ?
   setTimeout('moveBall()',400);. C$ ?& v$ X/ Z
   if (hidetimer!='')
0 j* O+ B/ |; E6 E+ E2 ?   setTimeout("hidetext()",hidetimer)' ^. u1 O  q, n2 u4 A' |7 A
   }
" U# x( G9 d# g) P; x
" a$ V1 G( d. @: v( w; L; cfunction moveBall() {9 O$ ~0 r8 H% j2 Q, s3 J  O( g) {
   if (superballRunning == true) {
6 ^. J; `; P, C' @4 e: ~. H1 S      calculatePosition();# L1 Y; t3 ?- s- _
      if (document.all) {
, y4 z6 d& j4 I. R; N         document.all("supertext").style.left = xPos + document.body.scrollLeft;' k/ I3 G# e  c
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& `9 h" I3 T' Q; M. G# O. y         }4 ?3 \% M+ Q, m  U4 F
      else if (document.layers) {
- x9 b# u! I2 Z1 l- o! [         document.layers["supertext"].left = xPos + pageXOffset;7 |. R4 |, A% m4 i+ W4 u
         document.layers["supertext"].top = yPos + pageYOffset;
6 V, ?- ^1 Q& m         }: B' Y3 a' H" c3 H# z
      animatetext=setTimeout('moveBall()',20);0 h' `% U0 z2 |
      }
" \" T$ T0 t* P. q% ^: s   }6 R1 \% T  f2 ]+ i' p. i1 A2 b2 f
/ S" U! |7 X/ N$ P& O' b
function calculatePosition() {; \3 K* h" H9 S
   if (xDir == "right") {
6 T: c2 S* |% Z- U, P      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 w( n4 B; A& ], E4 f         xDir = "left";& T5 B; B' o! a- f! H( [9 P6 ?1 `/ ~
         }8 T; }6 p8 N" a6 m
      }  t. H5 j; c% w4 m0 \7 q
   else if (xDir == "left") {, F; H, }5 C( Z' S
      if (xPos < (0 + BallSpeed)) {
5 J9 j4 w/ @6 p$ @; I         xDir = "right";1 `, C# K* T& G
         }4 J& u+ P: v" T
      }
0 ~) [9 E8 g+ F' f! c8 n   if (yDir == "down") {* L8 U6 L% X+ v! o* x! I
      if (yPos > (yMax - contentHeight - BallSpeed)) {/ Y4 o! H5 M+ [0 S5 C
         yDir = "up";
8 g# z" h" z. e( @! Z: j. q         }
- r4 h3 j# N: S: {8 @      }
1 ]/ w" B2 g8 x/ D/ D4 |   else if (yDir == "up") {
7 v# j. Z5 q0 q- s, U- N      if (yPos < (0 + BallSpeed)) {
& l/ c% s( L$ f- J) D         yDir = "down";, m  q) }" ?8 h7 X
         }
) _/ e' {% Y1 E5 B      }) i' `# C8 f- y& j6 W' l
   if (xDir == "right") {
/ ]# Y$ d1 C6 \# W      xPos = xPos + BallSpeed;3 m+ f+ h& k; J, f0 Q
      }
" E6 u2 l  d2 V3 W' d   else if (xDir == "left") {' K6 D$ n. s4 ?
      xPos = xPos - BallSpeed;
; b; k1 c& Y6 p6 d- a      }
# R. l1 K2 ?; k/ C( m$ g   else {
" H: l+ R  d5 r( E6 N      xPos = xPos;5 _+ u# ^3 X& h% t1 ]) c. i  ~
      }
( s2 D* Q" _) A; c& I  w   if (yDir == "down") {+ L5 S" ]( D, Z  M4 C$ B
      yPos = yPos + BallSpeed;
4 _# v7 K* F. ^) p( I      }; s$ o/ i0 f- c5 e) |& ?
   else if (yDir == "up") {! L/ M% P/ r1 g1 H
      yPos = yPos - BallSpeed;3 L0 l/ H- Z  I7 p. q) }
      }
8 [2 J/ }8 R( O" l& X   else {
9 p1 k) j" r: l% e9 [  N8 A* ]  A      yPos = yPos;
  k# j1 c3 [& H) V5 V      }
& ?  U3 g1 r& S% X   }
) n: H7 E; s  T$ u
; O! ]& E7 \& y% C4 cfunction hidetext(){1 j* B; J3 v3 y+ j+ j' T3 w0 o( l
if (document.all)5 S% M+ v: t( a& y" e  C) n+ _
supertext.style.visibility="hidden"
# s2 P1 s4 h$ F' u/ z- H: gelse if (document.layers)
5 ?( a2 R- U/ J! ~" ?/ @/ s8 fdocument.supertext.visibility="hide"
1 X  P. \9 `! aclearTimeout(animatetext)
8 R4 i+ t- P6 r+ v& M5 m}
  k0 v2 t6 ]- p5 Y1 F; F" G* f+ j! r4 k; O3 J
if (document.all||document.layers){
* y! L* x5 j" x& ^; l% [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) ~0 {1 i0 p% ^; S
window.onload = initializeBall;
5 B/ T" m! Z4 t$ Uwindow.onresize = new Function("window.location.reload()");
0 S5 }/ F; u0 r' _/ L- H" B}
0 F, X" Y/ u/ j4 {
7 v0 }2 e$ [. d( f6 M% _# W7 K9 l$ _</script>