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

zw2004

<style type="text/css">
* G& p% B5 F' e" n# ]' A#supertext {9 Z  }  O( R: P( `& V2 Y5 t7 c
position:absolute;
9 m& Z( H" o, s( u2 z  sleft:0;
: L5 C2 u! j& r( x$ ~2 g: vtop:0;7 d9 Y6 O6 @2 [7 Q0 r
visibility:hide;
- p. Z, k4 w* ]visibility:hidden;
! f" @, G/ l4 `: v7 Q; q2 }}- Z  C$ Y. Y9 b
</style>
. U3 F& \0 h- x# l% ?<script language="JavaScript1.2">
& w* H  ~$ R" B/ P' ^4 ]& x<!-- 改变下的字体的大小。颜色-->
, [) S! L3 ~$ ^5 Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- J& H8 M1 P+ L2 Pvar hidetimer='';
3 q, ]9 v% h: q* y  d<!-- 改变下的弹跳速度-->
* R: X* u: m7 E( ^) ?var BallSpeed = 20;
0 P: A4 ~  U# s# jvar contentWidth;7 h8 u5 b  V2 G0 p9 \+ g
var contentHeight;
/ Y  _: H" m& x" E8 Ovar maxBallSpeed = 50;
0 Z* ^6 ?3 R3 {+ p  M- s6 w) c% k
7 f- M' I3 C( H- j7 I& M0 w& ^. u, a0 s4 X7 m2 }
var xMax;! B4 B/ F# [# x" e  Z
var yMax;
0 J2 C0 f% y% T1 [+ S. C3 y3 ]var xPos = 0;
1 b5 g( E3 T, J% Mvar yPos = 0;2 N0 \1 \- a7 J6 S4 P' ^
var xDir = 'right';8 Q3 I8 T0 D" O" `
var yDir = 'down';) m) y* V1 ]# K# ]* j' X/ J
var superballRunning = true;2 h! z# X4 o  r2 ]0 C/ z$ o
var tempBallSpeed;0 ^$ A& }) P. v& G
var currentBallSrc;
% Q2 O; J6 I( X# u4 ^var newXDir;* W* B1 B: B4 F7 g' [
var newYDir;# X  W) U: s1 i& S
9 F/ s1 u  c8 M7 J
function initializeBall() {( u& t0 A7 c6 ]7 N, V' ]# E
   if (document.all) {: H: @6 N6 ~: q4 n; p! ?& E$ Z
      xMax = document.body.clientWidth
5 N6 C& e% |# g8 U* `0 e$ U# I      yMax = document.body.clientHeight
$ k8 f! h+ f" `* A% y      document.all("supertext").style.visibility = "visible";
8 R' Y% Z- k1 K& Y% t, i3 g      contentWidth=supertext.offsetWidth
1 ?" `; N# f$ K( e+ t. Q, m      contentHeight=supertext.offsetHeight
+ d2 p6 O0 G1 N4 ~      }
$ s/ u! A7 L* I$ ]( L% W   else if (document.layers) {& F  i- ?6 @8 e) l3 M' P2 P
      xMax = window.innerWidth;
2 ], M* q6 Y/ l1 V! K6 Q      yMax = window.innerHeight;
6 y" \. C1 E4 ]' S: n; F      contentWidth=document.supertext.document.width; N7 o4 A. u1 L
      contentHeight=document.supertext.document.height
0 J) d  I" K5 c/ e- F, r  U      document.layers["supertext"].visibility = "show";' V" \  }+ O% u! J% p1 t8 ?
      }2 `7 L% U& X1 @7 }' M0 @
   setTimeout('moveBall()',400);
* e! s. b" Y( B1 v% C! i# L   if (hidetimer!=''), s& e/ |# L, A% b( `3 y; O- a
   setTimeout("hidetext()",hidetimer)" g# l. H: |9 [8 }. K6 c
   }
: b% p1 v; ]/ B8 r+ `; `  |1 {7 E: r
! T: Y$ l, u6 u* O  rfunction moveBall() {- M, v# y! `& Q) Y+ g" Q0 r8 c
   if (superballRunning == true) {
( @' s* G3 b. z6 Q, J: C. w      calculatePosition();# u* A' m- H+ G, b  J/ U
      if (document.all) {9 F( J0 H. Z1 s5 ]3 B1 E# v; w
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 r) b) O/ W/ J- S: r6 G         document.all("supertext").style.top = yPos + document.body.scrollTop;
. }. w1 O- H# Z/ K; |         }
! B, Y/ h0 Q! b- Q" l3 |" P  G      else if (document.layers) {3 v! Q4 u& M/ K0 X
         document.layers["supertext"].left = xPos + pageXOffset;
0 b) P8 p8 K& l0 j" Z  k1 Z7 r- _         document.layers["supertext"].top = yPos + pageYOffset;3 X1 z8 B' O, ]% f
         }# b5 u/ O% N# h' \: ?
      animatetext=setTimeout('moveBall()',20);9 t* t2 r/ f" @3 N
      }
* y0 G, L  a3 {5 Q2 a4 p   }
: P9 N$ H* n$ F0 d) k$ m1 s  c% i
% q1 h" N3 e# ]2 L3 {: G# X. ^9 d& Kfunction calculatePosition() {3 }$ {! r0 a5 U( K
   if (xDir == "right") {
" g# y7 c+ D9 r  F0 P6 A8 f  J+ d" m      if (xPos > (xMax - contentWidth - BallSpeed)) {
, j" t7 P, @& j# I& l0 R/ e- J         xDir = "left";
$ j$ X6 \* B. ^" t- Q6 L) i: U3 u         }
/ c% q8 Y+ o3 F! [; z      }1 o. z- o4 }$ V7 J7 p7 |
   else if (xDir == "left") {! Z8 o' W: y/ A+ c' m9 H- f
      if (xPos < (0 + BallSpeed)) {
& r5 b9 L1 T3 B! j- {3 ^         xDir = "right";: ~0 F' h( R  e9 U- f& `
         }: g7 x2 `( r8 L0 \. y
      }
' b0 H7 A! X. X   if (yDir == "down") {
  _' V& v1 t/ w, z3 @" R% q      if (yPos > (yMax - contentHeight - BallSpeed)) {- p1 z2 g6 y; L
         yDir = "up";  W( ^( a7 J! X6 K/ C$ Y
         }6 L6 r) J' m9 Z3 M7 a
      }
4 r+ T5 [; M1 v7 b2 l: J: \2 x   else if (yDir == "up") {4 Z# U9 U2 w! w+ \0 c# y
      if (yPos < (0 + BallSpeed)) {
7 H3 H% I! f8 h$ v9 F  D8 {         yDir = "down";
: [6 o0 j1 j" x' M+ I6 o. |. f         }
+ [1 N* v! p4 d! w* j  ?  d0 |8 k      }
* j" d9 x8 r( \   if (xDir == "right") {9 b5 L7 w" }* ?0 O3 ?
      xPos = xPos + BallSpeed;
0 T9 r( h. E: S' p) p# L: C: Z      }- X. U& P. \& B. p3 R) w# G
   else if (xDir == "left") {* K0 V) {# u  p; o5 w# F6 T  W
      xPos = xPos - BallSpeed;, S7 B& D: p0 ]$ h; R
      }
/ a! J/ ?: F' q6 j; f3 v1 [6 D4 N9 Q   else {
  v( [9 o1 F* o: J! n) `6 p1 k9 s      xPos = xPos;
5 v  q" p; P: _: ^      }0 |) ^5 e+ s+ u, Q. d! j4 `
   if (yDir == "down") {
+ V4 G/ W/ J7 N+ \4 M      yPos = yPos + BallSpeed;
, O+ h- a# `" I. E$ L# Q' @/ a5 h      }
5 ?% ^/ ~. w: I; \4 q+ L- }   else if (yDir == "up") {& ~2 _9 Y% m# b6 d) ?; S
      yPos = yPos - BallSpeed;4 R4 [* k; u! Q6 `: O; i, z1 ]8 S/ O
      }! m. O1 M6 e, S7 Y
   else {
( b; {/ h+ W/ e  o3 |      yPos = yPos;
! R# x- F+ }! J& I5 x2 R5 G      }
$ e1 O4 R( a# y! I   }5 U7 e4 N2 w8 P* a0 \
2 J; z9 R- i3 m9 m8 ]
function hidetext(){* Q# T0 T9 O- j" k( ^
if (document.all). J" M1 \5 C- t, I
supertext.style.visibility="hidden"
% g' W, O" h! Q+ `else if (document.layers)
, ^* d) V& `4 r3 Wdocument.supertext.visibility="hide"
. C: |+ v) q$ Q" L; @) g3 LclearTimeout(animatetext). H2 e$ F& d( r7 ^" r+ s) j
}/ I1 S% P  d$ ^6 z9 k5 V# u4 k) q
6 o: E: |  I! U: D: _
if (document.all||document.layers){
3 y" o9 `* J6 q6 D2 [* sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ n" c: Q( v6 s* ]; M
window.onload = initializeBall;
% C; C* Z+ S3 z7 Vwindow.onresize = new Function("window.location.reload()");
$ w6 t8 W+ ?, ^, e  u. p2 E}
7 C& j: |  L+ M7 Z7 }$ \' u5 s. X2 ?9 H/ Z! k, h7 X
</script>