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

zw2004

<style type="text/css">; p1 J+ s+ R, t' O) ^3 ?9 X! v+ g- J5 z
#supertext {
- v% y0 U6 h8 I6 A- H0 i# vposition:absolute;
0 e  B- M* T' O. z( Y$ ?- G7 l% G" \left:0;
$ V9 t" N1 p  Btop:0;2 C$ \) T4 s! n4 [  ?
visibility:hide;
+ Q( p1 t, w2 ?) u& f0 V+ Svisibility:hidden;8 d2 P+ x# f1 ~* }
}9 o' c! b2 d; W8 ?4 u
</style>
% F, d4 j. V5 E* ^<script language="JavaScript1.2">
0 T8 A2 E. G/ C" P<!-- 改变下的字体的大小。颜色-->  ]6 _) M( k# B) s7 j7 P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 B/ x5 c1 @" B4 q& @8 D7 pvar hidetimer='';
& v: Z- s: b' a# j& }% N<!-- 改变下的弹跳速度-->
# h" t+ @$ w! L0 w2 _" Z, `5 Vvar BallSpeed = 20;0 U" K& c6 }3 a  _! a) ?
var contentWidth;( G9 c0 S0 a7 j! U" P
var contentHeight;
8 q' s, V1 H& ovar maxBallSpeed = 50;
) S$ U" z! C. R7 B* M7 {
" l8 ~4 x& d; t0 M: H2 d& c" M* J+ [; _' l" Z6 q/ z4 O& c% h7 e" e* ~5 Y: W
var xMax;
2 A$ q3 w, B  f. l  ^6 M4 mvar yMax;
5 M; T2 H% [/ h2 m. ~var xPos = 0;
) N+ y3 ]3 b- B" H9 `$ M1 P7 U! ~var yPos = 0;5 p/ n$ q- p4 ^3 J" w" y0 X
var xDir = 'right';* d7 v$ h5 ?0 Y* L' L  S' H
var yDir = 'down';
* }* Z7 Z! K5 _' D# Ovar superballRunning = true;
7 ~+ j  H1 F3 P/ J$ l$ M3 F# ^9 nvar tempBallSpeed;
2 o7 O5 ?' W" G8 w: fvar currentBallSrc;
' l* ]& V8 Z4 t; zvar newXDir;) Y2 k3 h( o3 Q
var newYDir;
& v" ?* K6 g  T* w3 p8 W; _
( C! X( y# G( I* ]function initializeBall() {
# K/ `4 R" e" ?4 d   if (document.all) {
0 k- \* T* Z% D0 J1 o      xMax = document.body.clientWidth' B1 x/ Y' q& V
      yMax = document.body.clientHeight+ W6 g" l: H9 S+ a
      document.all("supertext").style.visibility = "visible";
/ ^3 V7 S* N$ d      contentWidth=supertext.offsetWidth
% Z- k+ @. }, C5 s# w) [0 j      contentHeight=supertext.offsetHeight: l8 u, Y4 K* k
      }7 p6 T! t& \, z4 \! Z/ k! M
   else if (document.layers) {$ E! c: b* @; c" P; J2 ]
      xMax = window.innerWidth;
$ O6 b7 d" u6 }, m" n) O& ^1 Y! K& X5 E      yMax = window.innerHeight;
' m9 J0 m3 Y& V3 G! F( Q      contentWidth=document.supertext.document.width
$ h# `  a$ J. S- W; u! A7 {      contentHeight=document.supertext.document.height
2 K2 Q1 l6 {. I! M# c! E% L1 b      document.layers["supertext"].visibility = "show";
1 Q3 a) `7 `, M% P  r" ~      }
* U/ e' G7 `1 b* k   setTimeout('moveBall()',400);
4 w; z- Q/ w$ |5 b1 Q- @( J/ c   if (hidetimer!=''). C- I7 U2 w+ }7 A* B& O
   setTimeout("hidetext()",hidetimer)9 U, O1 e8 A6 K
   }/ Z: R! X1 g% ^8 `# h( X; K

& Q7 m5 i& U2 p. m9 [7 Vfunction moveBall() {5 u7 t/ _$ L5 u2 r/ N4 {
   if (superballRunning == true) {
% l/ n" I2 M  C" c$ O      calculatePosition();6 c7 t9 S$ t- n' G) Z+ {
      if (document.all) {
# ~/ j1 ?. D5 X4 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 I$ D% h# k0 A# g4 j8 j         document.all("supertext").style.top = yPos + document.body.scrollTop;
) F, ^* v9 I, S; W         }
) H0 n! W) x$ H, A, @- `* ?  x      else if (document.layers) {: g2 T5 L: B% O  m
         document.layers["supertext"].left = xPos + pageXOffset;
* b% T& b" b! U& z9 N         document.layers["supertext"].top = yPos + pageYOffset;
: [+ e* @, _( N! @/ ]$ y+ R         }( u! k9 N: b  B3 k
      animatetext=setTimeout('moveBall()',20);# r( ^3 ~& ]1 H1 i/ z" w+ o
      }; D$ k; \( B  H# \9 y! X
   }  \% |7 O2 p: r! i' {; r0 ]
* P: m7 @5 ]8 \9 b* K$ D" a! g. x
function calculatePosition() {9 ~8 w5 S. x/ w: Q2 T7 P7 {" o+ Q
   if (xDir == "right") {0 }6 x6 v, {- g  @: f7 o! ]* |
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ ~; d" p6 u4 w3 f
         xDir = "left";( `$ S; O* n" w0 R/ F+ ]4 X
         }
% T* C3 c2 s' G# T& ~7 C  G4 E0 B; |! j  X      }+ ^) C: [8 @' \9 |. H; n, Y$ h
   else if (xDir == "left") {9 [& @1 D1 Z1 f% _' e4 e& M
      if (xPos < (0 + BallSpeed)) {8 `/ ^# r6 y& R& v2 f
         xDir = "right";; z+ R. m- B/ K  Z: _3 P, W
         }
/ u( h& r. ]' L6 M/ h      }
9 s" P6 l' N& ~& C. u$ M8 c) U   if (yDir == "down") {
  |. N6 p( \. z  t      if (yPos > (yMax - contentHeight - BallSpeed)) {0 t2 ~/ P( k1 V9 ^& j
         yDir = "up";* J8 N( X' j! e. \3 k, \1 l$ \
         }: u! a$ a( W1 V0 [; T
      }
& ~3 h4 Y. K% V' o6 p   else if (yDir == "up") {
6 w9 J* p& w0 }      if (yPos < (0 + BallSpeed)) {
3 o8 z* \1 o- ]2 ]$ @% z2 p* N         yDir = "down";! z: m5 I5 D& I  \
         }
" p4 H/ f5 H5 R8 `7 s      }5 K2 e1 P5 C5 _4 n
   if (xDir == "right") {' ]& H* F& I5 y7 V, S6 g( y
      xPos = xPos + BallSpeed;
" g9 ~' \$ z+ E; c      }
# E5 }% J+ f& z8 p! V   else if (xDir == "left") {2 ~+ d! I* o" i' t! t& D
      xPos = xPos - BallSpeed;
/ g4 s+ K. K. |' L4 @      }
0 G; b- s* J3 t8 u0 o   else {
$ e" L6 w' Y3 ~: F4 Z# p      xPos = xPos;
( Q9 g! c2 S+ b" |/ R7 H      }
  a1 S7 r' G7 t0 S( @/ i  x7 X   if (yDir == "down") {
' l. a- _+ C# X# F      yPos = yPos + BallSpeed;
  E/ E. G2 ?. h9 Q' M7 G8 @      }
/ Y9 D' A; @" i3 y# m6 u   else if (yDir == "up") {
* g( a+ ~6 W9 g4 X% C( o( v4 ]! S1 V      yPos = yPos - BallSpeed;+ Z- C7 e; _+ I- B+ `9 R  K
      }, Q% R) Q6 B: b* H
   else {
8 U( s/ M, L" n, r* e2 o# E% M5 {      yPos = yPos;
* \: D# ~0 _9 d: Y  r      }- ^& w, ?. h' K& X
   }8 D8 z: s3 s0 e2 y$ ^+ f+ L/ b
) a6 t( k, h3 h
function hidetext(){; _& j" h4 B3 t5 i9 c- m' c
if (document.all)/ d& o6 X& H& p1 @
supertext.style.visibility="hidden": E( n. {8 Z# h+ m7 M
else if (document.layers)% y: h& ]! P0 G! P- }/ C( L1 w# a# {+ J
document.supertext.visibility="hide"
: s$ X! C; Q0 m, E/ M5 U. DclearTimeout(animatetext)
) i. }; D8 @- _/ u" t/ @}
7 G) o0 F/ k9 {! m. f* @5 K: `7 o; Y
if (document.all||document.layers){
+ N- H( J1 b% Cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); E+ Q- `, y, B3 C' G
window.onload = initializeBall;
3 ]7 Y5 J- {) p& q% o/ Y% Owindow.onresize = new Function("window.location.reload()");) A' k5 I2 B! y6 f0 @
}7 V9 M) I8 I. p: g  W, h3 C+ }

1 E0 Q' o" I: T, I/ k: s1 {0 |</script>