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

zw2004

<style type="text/css">4 L9 ?- z! F* X! S) X8 G
#supertext {9 w6 g8 F* Q. E7 j
position:absolute;+ v% S2 w. }" V- u& l- l
left:0;
8 v2 y' g7 e) @  ]& ltop:0;' e8 w+ D! e! G7 ~* f) _) o  n- n
visibility:hide;0 _7 X# u- O* K4 n
visibility:hidden;& g; u- D  |& D( T) J
}; a9 U' Q9 F& g
</style>! f  H4 \+ R/ q# D1 b2 D
<script language="JavaScript1.2">6 }* }  k. o/ f, F, V! o" l% q% v
<!-- 改变下的字体的大小。颜色-->
2 f& _; ~, ]: i" @8 wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ y) J& E0 v. ]1 W8 r, H0 [
var hidetimer='';
1 ]8 r5 p$ ?7 Y<!-- 改变下的弹跳速度-->% M' F, L2 M5 u: u; \
var BallSpeed = 20;* g* D6 D; r; e& F+ {
var contentWidth;
1 O# _- p- H2 ~' S/ f/ |! Hvar contentHeight;3 _0 U, a- z0 ^. n
var maxBallSpeed = 50;
% [+ y. n1 Y9 L( X# x7 _
! Q' ?( L0 \4 y0 B8 Q9 y  z2 Z2 i0 @  D5 Q
var xMax;
/ L" Y- F2 {3 }, ?- Vvar yMax;4 H3 M  d# q, y# t
var xPos = 0;
- Q$ i7 w0 E: F; r) Uvar yPos = 0;
; L' D9 J0 m0 N, qvar xDir = 'right';5 s6 Y' \7 Z$ |2 z. _- Z2 Z
var yDir = 'down';
5 P) K2 j4 r( D* a8 Z; K0 Svar superballRunning = true;: n6 F7 X6 u& v9 |
var tempBallSpeed;
7 V8 i, M4 o) l& Wvar currentBallSrc;) Q- t. W+ G2 }
var newXDir;
; H4 @2 [$ F8 Svar newYDir;3 t( c7 U! |) g5 J, U# w+ G2 L( Z

! v3 x' n) Z% n) vfunction initializeBall() {3 d# A# f) p* N- |! `
   if (document.all) {3 l* h+ x0 ^2 o$ Q
      xMax = document.body.clientWidth4 b( @) s$ Q4 U: l- i
      yMax = document.body.clientHeight
7 n6 C, |2 D# v; u      document.all("supertext").style.visibility = "visible";  E, q; s: c  o
      contentWidth=supertext.offsetWidth6 J/ `: C2 Y" Z; W/ a% ]
      contentHeight=supertext.offsetHeight
" F5 Q: J( s* _* H( \. V# }0 v      }
. |: s8 m4 V, k2 q+ w   else if (document.layers) {2 D1 s3 Y! S5 ^4 @1 p. y+ s$ m
      xMax = window.innerWidth;
+ F& n! L- i" J- ^* K, w4 A5 {( _      yMax = window.innerHeight;# w9 u1 Y$ h8 ], V4 l4 r3 A# Q9 q
      contentWidth=document.supertext.document.width
6 p- B* Y4 T+ B      contentHeight=document.supertext.document.height- j' Y' W( R, Z9 K4 Y
      document.layers["supertext"].visibility = "show";
* D; A9 \' S( P8 ~0 R      }$ F: N$ p2 _# T( T/ e
   setTimeout('moveBall()',400);7 }% N1 d4 \; z( s- t! y
   if (hidetimer!='')1 T! ?$ |) `! k5 M3 i
   setTimeout("hidetext()",hidetimer), n8 r$ U) [: \" q( G% L
   }
# ~+ T4 u: _/ t* f, k
1 B  O9 \0 Q2 ]' kfunction moveBall() {
0 ~) e5 E: }7 L& H   if (superballRunning == true) {
6 X; k/ g5 p+ p( `  w2 Q      calculatePosition();
/ n2 N7 c, R( {      if (document.all) {
# [9 |5 j: K8 B, C+ f: V0 |# l. N         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 U, z* e9 {2 g) g
         document.all("supertext").style.top = yPos + document.body.scrollTop;. w" u& u8 m  y: h
         }* G& {; I$ ]8 Q) u  T+ y9 s0 k
      else if (document.layers) {& v; Z( [, P+ r: A& L5 A
         document.layers["supertext"].left = xPos + pageXOffset;
6 x6 b! }: R# J* }* J" R1 N         document.layers["supertext"].top = yPos + pageYOffset;7 a( Y0 _8 a( n0 Y: Y8 u$ M/ ~8 n( N
         }5 r0 b+ S- ~3 ~" [1 j/ i
      animatetext=setTimeout('moveBall()',20);7 p- J, p0 a8 f5 c
      }* h5 c' N: v; h6 q- N5 {; D* ^
   }
9 Z; p# o3 V2 Z* c" n' p' W) n4 D
function calculatePosition() {
- s% f0 S# |: I' N   if (xDir == "right") {
* x6 `/ G" [! r0 R) G$ x      if (xPos > (xMax - contentWidth - BallSpeed)) {
: |/ L' C# ^! e% S0 |         xDir = "left";: r; t7 b4 a, n5 s( ]
         }  R) e) ^% w% M. z+ e6 G
      }
" S( i, [3 u2 v) r# o/ W1 S   else if (xDir == "left") {6 U  z8 ^* D1 d) |
      if (xPos < (0 + BallSpeed)) {
- ]; O) l8 U- _& r         xDir = "right";
& x& n( x/ K# g         }
- W* A5 Z7 U! X  y* Z: A& l3 v; b      }
6 O# J6 e( V3 @   if (yDir == "down") {
2 e* k# j% |4 `2 T" o7 Y6 j. k      if (yPos > (yMax - contentHeight - BallSpeed)) {
! P' q1 M: I/ U$ i5 L; r         yDir = "up";
- v  r! v7 n# r4 u: x         }8 U5 u0 I7 f& P2 h$ a3 W9 K. L$ a
      }
/ H$ u# {7 Z+ g$ _   else if (yDir == "up") {' d$ H3 P3 w9 ?/ T0 _* b
      if (yPos < (0 + BallSpeed)) {! E4 [9 a7 {* N3 j  T9 P
         yDir = "down";
+ C; b3 F4 K: b! _         }
1 G4 f; C' K: F; `      }
! Y- }) @9 y4 ?! D2 C( U   if (xDir == "right") {3 c5 k2 r# z  q# D+ F
      xPos = xPos + BallSpeed;
3 `- j) L% n1 ^6 ?/ O, s* d6 v; M      }
2 M4 v& O& Y# |, {   else if (xDir == "left") {) A1 A' C6 }& P: h
      xPos = xPos - BallSpeed;
5 Z. f: g: z7 P5 Z- \% U+ f3 g" @      }2 y+ @4 w# p  k& [. n# F
   else {
& h+ A7 J( T, I      xPos = xPos;
( s3 U; ^* V: x, a. ?: d( h, d      }
4 o, D. N8 c. y+ F, z! r, y   if (yDir == "down") {5 g: E7 ~4 g9 m# Q% C1 v# q1 ]
      yPos = yPos + BallSpeed;
# ]  ~- x* d& Z$ k5 ^      }
8 {: l% P( s# o+ ?! M4 L6 `4 W   else if (yDir == "up") {
2 D& ]* ~5 Y5 i0 O2 ^9 v      yPos = yPos - BallSpeed;, f' P7 f5 G, Y+ `
      }
6 [8 ^, f* \! h   else {+ b3 r/ v3 ]6 G) P; z9 L# i
      yPos = yPos;; _4 D; K0 C' Z0 v! e# W
      }. n1 W8 d: D2 \3 P
   }
& l) o' H/ Y" Q& r6 O1 e% r' u& [3 s( _; f2 Y
function hidetext(){6 t; F+ }) q* H3 M2 y+ Q2 `
if (document.all)/ ~4 k( a( S' `& i
supertext.style.visibility="hidden"
: I7 X7 Q1 ^3 C% a% ]0 p. Uelse if (document.layers)( r" W; z; l. I+ X
document.supertext.visibility="hide"" T/ t& {; K- \6 `( w
clearTimeout(animatetext)
4 G1 v: W+ b% @4 u6 U4 K4 }}! B. ^% f/ i3 g( J( E* H
" B! ?! Z, Z/ H. _. V
if (document.all||document.layers){- P+ U2 l' ?4 H; `5 _( U+ ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' Q* U% ~* I! l* c# g/ k0 I2 Y
window.onload = initializeBall;" `; }* Q/ N+ w9 Z5 f. p
window.onresize = new Function("window.location.reload()");; u4 C0 ]9 k7 n
}9 R1 y. k1 K5 D, E" O' V3 h
3 a, F- i# \2 k1 X
</script>