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

zw2004

<style type="text/css">
5 L) W6 Z1 I. `9 l# `: C#supertext {0 f( e* u8 I* k8 T2 y7 R  P) V
position:absolute;. k) ?( G3 q, k* k! A, o
left:0;+ A8 G. w( c" r: c9 k& n
top:0;
8 V( k3 @; X' j  svisibility:hide;& {0 V1 n, |# b6 C, `3 F6 K# x
visibility:hidden;$ T9 M. p, o, N* @0 k$ f/ f, V) w
}' `6 C. Q3 M9 ?0 D
</style>' G/ F7 k" _0 t. ]& \4 j
<script language="JavaScript1.2">
5 E/ y8 g1 N; {: e  z1 T, |<!-- 改变下的字体的大小。颜色-->0 V1 N2 g+ c  ]: e/ [. o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! @4 z+ a; E% r5 S4 e4 B, d
var hidetimer='';* O2 K: T: H1 ^' p9 Q
<!-- 改变下的弹跳速度-->
/ G; c! {0 B5 N" Wvar BallSpeed = 20;, I& u; Y# G1 `! A& M5 q
var contentWidth;) {, u3 P3 B( R! e% ^9 U
var contentHeight;
4 b  c5 i: D" D$ o/ C4 z2 W' avar maxBallSpeed = 50;7 I% L- T7 m0 q3 L

* I4 _& I1 h5 o/ b3 S; I) l: s, [$ F- D, h* s) ~! r% x! E
var xMax;/ i5 @+ Y( H) w0 \/ D4 A9 H4 {) O
var yMax;3 A3 r# w$ w) h9 [& z
var xPos = 0;
! T$ u; z/ t: {' ?; ]. H4 ivar yPos = 0;
) W/ J4 |+ e2 X1 l6 J3 r; `2 |/ s- v" w. k" pvar xDir = 'right';
: k& P7 g9 ~/ b# a- S9 I; [5 `/ W) Mvar yDir = 'down';
8 \2 ^$ c+ R0 B9 }var superballRunning = true;
& n1 y$ T  X& i2 J/ i: x+ v+ _! ^var tempBallSpeed;
9 a4 P1 K) I! u) s# b1 S: M. Pvar currentBallSrc;
: K4 w0 S1 Y5 a  N$ Q# L/ m3 Xvar newXDir;
- T' G1 b5 s* x3 |: |var newYDir;. X# s# O9 h* }& N

; {6 D$ U& Z9 a6 s- Pfunction initializeBall() {
8 W0 B, b' ^! k: H- S; {   if (document.all) {
7 p4 Y2 j, T. ]) {" D, p      xMax = document.body.clientWidth) b+ I/ ~4 Y8 ]; m, W
      yMax = document.body.clientHeight
: G% Y1 l2 E  v6 P      document.all("supertext").style.visibility = "visible";. ?2 j5 \) l0 r! Y. v. D
      contentWidth=supertext.offsetWidth
. q" E. y$ f3 T# m: f( J, B" c" `! R      contentHeight=supertext.offsetHeight
8 q$ F. y3 P; G* g0 h      }
6 H  o! I" N/ o" Z4 o   else if (document.layers) {( Z2 _0 A% A' e3 G; \# P7 U2 Y1 T
      xMax = window.innerWidth;2 _; p* g7 ]/ r( X- f% v5 W
      yMax = window.innerHeight;  M( S1 {% e! p1 x* x4 P
      contentWidth=document.supertext.document.width
8 r8 |/ I1 T7 n5 _7 p$ ?' r+ Y8 K      contentHeight=document.supertext.document.height( T  Z9 Q( z  X* j) t* E
      document.layers["supertext"].visibility = "show";& q4 v1 Y5 W- p" F
      }- g: G2 |% L$ P# k4 Y. E
   setTimeout('moveBall()',400);
/ n3 R8 `, P8 |. d8 D   if (hidetimer!='')# V+ r; s7 |) A
   setTimeout("hidetext()",hidetimer)& q) Q4 h" z! p, u, i  G# C
   }( [) G) S0 ?: N0 p" q6 D
2 d9 Y6 J2 C6 v9 s
function moveBall() {8 ~& w0 H. x3 X- X
   if (superballRunning == true) {
2 t9 J8 e. s8 M1 r0 k      calculatePosition();6 `6 C% s; c- }' B8 Y. X3 ^/ @
      if (document.all) {5 z+ ~5 j7 ^$ ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 _3 _- K: ]  Q4 t% J2 ^' E  B         document.all("supertext").style.top = yPos + document.body.scrollTop;/ c8 D5 T% i, Z; ]
         }
! `$ {  z( D8 {4 \6 k      else if (document.layers) {% O( p$ x$ K) u! b& j
         document.layers["supertext"].left = xPos + pageXOffset;9 |1 H. i4 H' L* P( q  G
         document.layers["supertext"].top = yPos + pageYOffset;
7 r6 o$ |1 O& i8 |         }
& V( m; p  c/ x      animatetext=setTimeout('moveBall()',20);2 O' o0 X. i: n8 |  a( O5 J9 n) u2 i
      }
4 L8 C, |, @4 {) y* ]2 z3 x+ u   }3 w: o' t. s  o( |

/ Z9 P% |5 F' w- ~function calculatePosition() {0 X. y9 T* @# G: a) w' }
   if (xDir == "right") {1 z) x$ |7 |, D2 J1 V- U
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 B0 |! Q. ]9 w: u, G. V
         xDir = "left";
& w+ M7 n# I9 {6 g3 w9 _/ v) K5 }         }
) L  W& e' |5 w& t' C      }- ~/ s; V9 u9 l' ?1 K
   else if (xDir == "left") {' }2 F+ n2 b$ y: W/ V5 q8 l
      if (xPos < (0 + BallSpeed)) {8 r4 h+ i0 \4 J) h
         xDir = "right";
7 z, K! ]* M- Q5 O8 T9 m- q) X         }' O# T. M3 }1 j
      }
5 d' E+ O! v) P   if (yDir == "down") {
  O$ M% o$ Y& L& o# D      if (yPos > (yMax - contentHeight - BallSpeed)) {3 {# _3 D9 c) H' Y% `
         yDir = "up";5 q; B; U7 c  `% ]* @, a, }8 P
         }" }/ N3 m& M) d1 P
      }
; A8 G/ Z9 a; V$ p0 p   else if (yDir == "up") {6 C2 O3 C3 q% O7 p3 b
      if (yPos < (0 + BallSpeed)) {% X% \0 U: a2 ^  k, N4 ~! I
         yDir = "down";. s4 C# a3 A- w  a
         }
1 ]9 `7 K# Y5 V7 q0 `  |: d6 t      }
6 u4 R) j7 d( _% S1 y. |   if (xDir == "right") {
3 a& B( v* a/ ~  g$ h3 J      xPos = xPos + BallSpeed;" V6 Z' j, \& D) S+ p7 \& n
      }, p. x  |+ t" I- x3 n+ b+ g2 ~
   else if (xDir == "left") {6 s* U* y4 e" b- f  X6 I& t
      xPos = xPos - BallSpeed;) {  K7 @* U8 u; h
      }" M$ B8 r3 w: b& J; M
   else {
) N" X) K# B5 y3 U9 E' R- [9 `6 o      xPos = xPos;$ P7 K0 `6 l1 m$ d1 ?
      }
9 l! R  E  n# \: ^8 w. u3 c% H4 y   if (yDir == "down") {
; F% P0 a) T$ V      yPos = yPos + BallSpeed;7 Q2 g1 k. [. Q4 T$ S  g5 I
      }
) p  l: t4 z' h7 H% r8 b8 z   else if (yDir == "up") {! `( V1 X6 {1 x( O* R0 K
      yPos = yPos - BallSpeed;
2 j1 n5 V7 N0 }6 u' @: k5 M& }      }6 z8 a6 v2 U0 b9 m" ~) y' P5 ~
   else {
1 J  ]! d3 C" R' \      yPos = yPos;
% A7 S: C7 \' M# `$ W0 f; m0 G      }; J  P0 d+ d+ b0 g9 f
   }
+ p5 _' d# R0 ~8 p& J7 G6 _) {9 @; [" ]2 N. c' e. N: a
function hidetext(){8 ^" n" U5 t1 m6 M
if (document.all)
" D, d; H' `2 p& Psupertext.style.visibility="hidden"( Y3 h0 G$ ?6 d) J$ N: c
else if (document.layers)- ]3 {) t; K" d5 V+ m. x, j) Z% \
document.supertext.visibility="hide"; ]" O% O  k4 ~. d* p7 d
clearTimeout(animatetext)
& O0 c% E7 e( z9 S4 y}1 C$ Y; }4 f) t2 f4 d; i8 Q
9 `# h  o2 b2 L6 O' u, J* C
if (document.all||document.layers){, `% k: ^( b2 H3 U  Q: `
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); X( N! t# M7 N8 v# B" h
window.onload = initializeBall;" U- z7 i7 s" B$ c: r
window.onresize = new Function("window.location.reload()");) @" u- E  S% V
}" e7 q1 M. c+ x+ [4 B+ X' b) q

6 W0 I0 B( b2 v5 c% C# l- A2 \</script>