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

zw2004

<style type="text/css">
3 r- c1 }9 v7 C$ U#supertext {: K8 r! K3 o/ v: ^6 }1 G
position:absolute;
6 r, I  v$ A" D9 jleft:0;+ G% B1 F) B5 v2 V9 H2 H5 Z
top:0;' F8 V/ G4 t9 u, ~) T8 M1 h6 @( q
visibility:hide;1 O! x, M7 X$ o1 c7 D  n
visibility:hidden;7 Z0 d1 k0 F0 S+ s$ L, L( ~
}
! ]( X! O" g$ ]/ G8 ~5 D" ]</style>
  L% ^8 v1 K" s) L$ t<script language="JavaScript1.2">( F5 S3 [& T2 U& C- Q
<!-- 改变下的字体的大小。颜色-->
4 Y& `; N/ C4 D( P6 fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# A  U7 Q& _/ X: ]) Y$ A
var hidetimer='';
2 C6 V* z% F, `3 F  P<!-- 改变下的弹跳速度-->8 g8 |) C# c  z' I, L& I
var BallSpeed = 20;8 |8 v+ y: Q9 l4 z* B
var contentWidth;9 [' F2 ?$ i+ u
var contentHeight;- O' O% M. s# N- j5 m1 v: k
var maxBallSpeed = 50;% W( L$ }" f+ e/ w7 W

, [* H# O8 h1 D" a& {, U1 d3 c3 F$ ^: k% O$ J
var xMax;
9 t* t  P% f) v' Wvar yMax;
. Z( g7 ^, t8 `/ D. g' Xvar xPos = 0;# O, f* v  V" B  F- l, {  R9 a8 G
var yPos = 0;
) ~; \3 ^& P4 T" c- Y+ T! w5 }var xDir = 'right';8 H5 I' D- T; X: R/ `. O3 j& E
var yDir = 'down';
/ Q" P& }$ P: h( k: a, q/ ^var superballRunning = true;
1 P: v* n) i- u3 P! Ivar tempBallSpeed;
1 B; \. ^' V$ z2 j& c  evar currentBallSrc;% {" s( f1 L: L* M
var newXDir;
5 U. m1 }7 [9 A4 j% B: d% gvar newYDir;
! v- U5 G9 U- K
. y- Y1 \! `! n% t8 e. m1 ?0 M0 E& e0 lfunction initializeBall() {
, E6 k! Q9 {* J* x: K4 I! ^   if (document.all) {; e0 W1 }9 }! P; t9 K- n
      xMax = document.body.clientWidth
( o+ o) H- O% B3 X* e+ A$ x      yMax = document.body.clientHeight
0 g6 |' o" f8 q  T. l      document.all("supertext").style.visibility = "visible";3 @  R6 M3 T2 `: ~; Y2 W: I
      contentWidth=supertext.offsetWidth
" H* K+ h; U7 v5 C+ Q: P: p( @% k% q      contentHeight=supertext.offsetHeight! f- H7 ]- p. B! a% F& w% [# K
      }3 j! E' y# x) C+ a+ Z# p
   else if (document.layers) {
& l" t6 T4 k$ v* V      xMax = window.innerWidth;& y2 ]+ k! H& H3 H5 N
      yMax = window.innerHeight;
# e9 Y1 K9 C- S2 m9 I      contentWidth=document.supertext.document.width
6 F  Y; x* s' D' Y2 x      contentHeight=document.supertext.document.height6 r5 X9 l* l3 j# w. a  x
      document.layers["supertext"].visibility = "show";* m) |$ G$ \# Y8 v
      }% C2 J& C, h9 `$ i0 g& l
   setTimeout('moveBall()',400);- Q$ c- H. K9 g) F0 h# @
   if (hidetimer!=''), b* c+ |: t" k" G/ `1 K; S; T
   setTimeout("hidetext()",hidetimer)9 n' i# |, K# W
   }
9 W4 b) n* N7 d$ \% x: t2 Q& o8 u; z5 R
function moveBall() {& b$ K/ ?2 p' g5 X2 ]/ W0 g+ D
   if (superballRunning == true) {+ @9 C! t( m1 A- s
      calculatePosition();
. h% J3 H6 M7 W1 L      if (document.all) {
. Q- m: K" K3 l$ m3 a8 a! T/ j         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 H0 e& F- w$ J: c4 p6 [2 B
         document.all("supertext").style.top = yPos + document.body.scrollTop;" I& K: Y" b: U% f6 Z% j; v) h
         }  r  C6 l2 j9 e7 Z" Z3 G
      else if (document.layers) {6 w! Z& c( T/ b- X: g; I: |- i
         document.layers["supertext"].left = xPos + pageXOffset;& z. m2 ?4 F8 f5 d. @1 P3 p) X( w
         document.layers["supertext"].top = yPos + pageYOffset;
! ~% q" X# e% R         }- \$ \  X* J& L: {, L
      animatetext=setTimeout('moveBall()',20);/ N, W: x2 o- j
      }
& ?% M. d# a3 W) P- @. g$ h# e   }
9 u9 H: ?1 ]9 e/ ]9 P; C9 f" J
" i: \8 X3 W9 R! Z. l0 }function calculatePosition() {6 M: T- x4 m* v0 T; O* R& u
   if (xDir == "right") {* x: Y& [$ ~) I: R& H9 C
      if (xPos > (xMax - contentWidth - BallSpeed)) {8 c6 L0 E+ X0 A7 ?8 o4 v
         xDir = "left";9 H. ]- p/ r  H9 }
         }
; @9 X8 I4 Z$ E$ k! |      }' T, I" D2 P8 a8 h! O+ A
   else if (xDir == "left") {
5 e5 k) T3 u5 \. |' q6 C      if (xPos < (0 + BallSpeed)) {; x6 G: z7 ^* K3 T$ X$ C2 [
         xDir = "right";% F0 V- ^' `! Y3 P# |/ s
         }1 l5 o7 ]) A2 ]5 g
      }
* `9 l1 u* Q) d" @9 P3 H2 q   if (yDir == "down") {
* @* Z2 b$ Y' E, k% R      if (yPos > (yMax - contentHeight - BallSpeed)) {- R' f6 Q: ^; {, C8 A. V; V' z
         yDir = "up";
8 o7 B/ E$ o7 g         }/ t" z6 x) [4 M
      }. o5 R* j, m7 j
   else if (yDir == "up") {* G* ?. x, `0 P
      if (yPos < (0 + BallSpeed)) {4 M' `$ g  I9 {$ [" t8 x+ \, a
         yDir = "down";
( v/ h4 P) Z7 v4 P0 G- E* b; B         }
) |5 Q6 r7 s+ b      }
2 m. m6 I2 k( I: q' x0 G7 D   if (xDir == "right") {( e# J" P( x+ `: i; U
      xPos = xPos + BallSpeed;) M3 R1 Q  ?9 h& u, S3 Y
      }
$ X5 R0 s" L+ A   else if (xDir == "left") {$ j+ ~* t! u- X/ o2 g& y& k
      xPos = xPos - BallSpeed;4 p9 [6 p+ s7 H/ ^( c1 ~7 F
      }+ \1 d: p0 ~/ W$ [* F
   else {2 [7 u( C2 W) k
      xPos = xPos;7 |- V7 U) p6 V5 u
      }! k2 C& |/ v' }+ ?' u% O0 |
   if (yDir == "down") {- M4 y, J1 h: P6 @+ |) o
      yPos = yPos + BallSpeed;/ i9 y2 R3 w0 E3 u" K/ M
      }
0 [) @, U$ i, N4 c) \& N   else if (yDir == "up") {
% i4 m- h$ s3 Z  e! l" w      yPos = yPos - BallSpeed;
2 N: c" X6 V, N& a. H) ]      }
# m7 f6 w) h3 b/ {* G& h( S) B" i   else {$ N9 q: _" q5 M6 \, ?
      yPos = yPos;6 V/ r7 e& D6 |- q4 T
      }
! Y! u9 u1 S3 P6 }1 ~   }
2 Z0 _. H- E6 r5 |5 s5 g1 I4 q- \) K# e, N! A! |
function hidetext(){3 l5 T% G8 D$ K
if (document.all)
1 h1 u! m) u! y2 w( xsupertext.style.visibility="hidden"$ M) {) _$ R) q/ ^. r4 @
else if (document.layers)
+ s1 G, F; N' {/ ?, \- L( f, Xdocument.supertext.visibility="hide": S2 |2 c, w( X
clearTimeout(animatetext)6 |( R6 E7 D# y6 c$ e
}$ H0 }3 {/ W+ S9 k, ], X. R' \* ]

" `9 ]: {& K9 k, u4 Q% pif (document.all||document.layers){
& ]' i# q2 m2 t' m) s7 \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 z3 z) ]2 F* |  n/ H. k/ j6 V! S
window.onload = initializeBall;
$ j6 e& \1 M. {- y4 W* Zwindow.onresize = new Function("window.location.reload()");  j  j& m2 i; P" _5 `
}
" V$ l( O) c0 Z' |( z( z" ?7 w) R( _$ R5 i- {- ]
</script>