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

zw2004

<style type="text/css">
' U2 f" [% C4 O. |8 C#supertext {. z0 e; O+ I0 u( X% V$ k8 h+ T
position:absolute;
% Z& ]+ z- t! n% Q* G: @left:0;2 ^" W1 F, g: a
top:0;
1 j- ?' ^# c* ?; |% Lvisibility:hide;
, m3 q! d) ?* p' S8 P$ Avisibility:hidden;) O, Q. Y1 c: y  P. M
}
+ v3 t7 e" i, \- b5 ~8 E# P% g</style>/ z) E- y! k$ Q: f
<script language="JavaScript1.2">
( q4 G2 T3 W' h. A: I) w<!-- 改变下的字体的大小。颜色-->
2 W* H: S& `0 `/ O; L0 y. Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& ~3 W' B# x% Ivar hidetimer='';
$ g6 i1 Y  W6 e7 s<!-- 改变下的弹跳速度-->
# q7 W5 _1 G+ P; Z% i. b! Kvar BallSpeed = 20;
! E; Y6 g- j; l9 O$ avar contentWidth;4 a: v; i1 A( D* [# B
var contentHeight;& g8 Z: ^* t+ J6 |4 d6 O& }
var maxBallSpeed = 50;6 G% q! a4 N; E& _
. _! v6 R# o3 ~9 c+ \* ^

0 D3 ^" E  r6 qvar xMax;% P$ e5 i- y7 p" |6 F! t1 ?4 t$ e
var yMax;6 n9 r2 w8 ]: o' |% E9 ~
var xPos = 0;# k8 u* D. \# F! T
var yPos = 0;
" b1 ]) K5 p* ~var xDir = 'right';) [, X, k1 f3 m6 a1 b( m
var yDir = 'down';2 r/ c, n. t7 X6 P; `6 |
var superballRunning = true;
& m$ {; I! Q- H3 D2 U- W& L/ q8 mvar tempBallSpeed;
4 x8 R5 d4 m) e" s! C0 Zvar currentBallSrc;2 `7 n0 w  H7 Z0 E& b/ N2 H
var newXDir;4 D. K. p% f9 G, l* M7 c) r
var newYDir;
; n; N8 F, @0 h" T' D/ Y; q! k& b+ }- n$ J) ^, F, [5 J2 t' l% n
function initializeBall() {
5 @9 H+ ~! S) b) N+ W2 \% M$ W   if (document.all) {
9 v. R% `; G: [1 V8 e. S      xMax = document.body.clientWidth6 X% \# v, c7 E4 w' ?% I
      yMax = document.body.clientHeight
- h: H! z, [* _1 i  {# ~# }( h      document.all("supertext").style.visibility = "visible";9 _4 t* @7 g" y( T3 C
      contentWidth=supertext.offsetWidth4 ]3 R/ o1 M+ V, f- u
      contentHeight=supertext.offsetHeight
& x7 W2 K/ w5 M1 m1 H' _      }
1 b6 o6 H, i. E7 n$ v6 R( z" \   else if (document.layers) {0 {' D1 D) Z" Z% B0 x# N
      xMax = window.innerWidth;
2 }  J" I& V& b' T: X9 u& P+ y      yMax = window.innerHeight;
: ]: }+ @& J/ F! J/ A, R) Z      contentWidth=document.supertext.document.width* q1 A2 L# Z0 w: {5 I3 U& s' A# Z
      contentHeight=document.supertext.document.height" G, `9 ^) P0 d5 L, E4 D" W' M
      document.layers["supertext"].visibility = "show";
% ^- n7 C& U' H9 \/ u/ o      }4 E& V% S2 O8 H7 W3 Q/ _. i+ w
   setTimeout('moveBall()',400);0 t5 x- z0 }( B
   if (hidetimer!='')3 Y( {" d9 O/ d" _) R: X
   setTimeout("hidetext()",hidetimer)
: F7 p* O8 ~) M1 ~# _   }6 y/ n- d0 L) T5 t& l' p& q$ l
! f; L. T! G" K9 {' `" Z: @: U! d
function moveBall() {9 Q8 p: ~$ E! }* L# C
   if (superballRunning == true) {: Z0 _8 V( r- l; U0 W9 L( p
      calculatePosition();
0 k3 K$ b' l6 N2 \( x9 n! n4 o      if (document.all) {: J6 j. q: X( P/ i7 R; Y; Q5 r
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( e" s# a# `9 e: a         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 {  }, G( W7 q- N% u: S* X         }. P. x* Q( A) e7 u$ W
      else if (document.layers) {/ E* k2 X# H1 t+ c. T9 p# e
         document.layers["supertext"].left = xPos + pageXOffset;5 Q; B; z% E& v* C7 E
         document.layers["supertext"].top = yPos + pageYOffset;
) c% M0 U6 W3 L0 J% Y) N         }
4 E4 {" A5 N5 n0 M+ I      animatetext=setTimeout('moveBall()',20);
$ I) }  c  D6 N/ x! }  l$ D      }
+ @) J' a: z- R: D   }
4 D; l. h$ O5 P; o: b
$ N  R$ v. o' N9 v+ [% b' Z/ ?function calculatePosition() {# E- L, d% b- n6 l; W3 }
   if (xDir == "right") {
: j- |7 l+ x6 n3 v0 g6 X( t% F      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 ^+ `* x- r4 h( W1 ?/ Z$ J         xDir = "left";- b0 s* i( p$ g! L, m
         }
. M+ R3 q- i. v  G) A& F  K3 ^  Y      }
* ^2 L! K" `) j! g8 _   else if (xDir == "left") {; i8 K# P; U6 ^! J) H0 Q, }6 ]# @1 ]
      if (xPos < (0 + BallSpeed)) {
0 ~1 h' h/ U6 g# `- R* S         xDir = "right";. p7 S& r* _) h% e3 m
         }- p$ |$ w& f4 J9 m$ ^: L- D4 V  }
      }
: a& i2 v  w4 g* x0 _) v   if (yDir == "down") {9 @% v0 x" U0 Y9 K% @
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ D* f' O) {( t, k$ Q         yDir = "up";; ], v. j7 c7 \8 L/ m9 Y
         }2 W/ K& W9 I: C3 s3 m1 x6 a
      }
9 d3 o) ?6 w: i! W) q   else if (yDir == "up") {
0 ^( F4 l( J- y# G1 f5 b9 @      if (yPos < (0 + BallSpeed)) {9 {6 x, o* g8 V7 e0 B
         yDir = "down";
( K. J$ s- M$ `  t         }2 d% `6 s5 u. I: I& h) ~- Q$ o% K
      }! Y4 L# u: ?# U7 i3 E
   if (xDir == "right") {
& J; M$ {" V" p% w* }$ ]3 t  o" H$ _      xPos = xPos + BallSpeed;
+ Q+ x, y9 y2 J. Y$ G6 {      }7 }9 Y0 K/ N, A5 _" F  z
   else if (xDir == "left") {/ O) D) ~( E" c* V) r7 Z+ @
      xPos = xPos - BallSpeed;
# P* u+ d( K9 R8 _# g9 R8 |      }. Q( U; C# @7 Y
   else {
- K! J- ?/ b+ G/ V2 ]      xPos = xPos;* Z: a9 v9 Y& M8 J8 U$ E+ W! Q
      }
3 E- ]1 V9 k/ `. z) b5 \: m   if (yDir == "down") {/ o1 G7 U$ ]0 J
      yPos = yPos + BallSpeed;% E) {" M% t" f; z
      }
% B/ X9 r) i6 U8 D# @+ o. v) f6 B   else if (yDir == "up") {' U- G$ P- q: t) E* r
      yPos = yPos - BallSpeed;3 C+ M! M  G6 y) s9 n8 J
      }8 ^/ s6 `+ m/ a. ^8 ]& p7 \6 k
   else {+ E8 U  b* m% g' f
      yPos = yPos;
$ G% Y1 P9 C8 k* |: ~2 l      }! S# ^. F* l  @1 M% _$ [. H' B& y
   }, b  g$ \3 T/ ?* j: G2 C# _3 Y. o1 U

+ s/ T! A$ @& _4 J  Z9 B3 n3 ofunction hidetext(){, ]4 K+ M3 y* I# o( y- i) J, ~- S
if (document.all)
' P( W# B1 p! v  o- ]8 Csupertext.style.visibility="hidden"
* ?! B: U( c9 k4 R5 d! p5 Yelse if (document.layers)
; m) ^5 d% e* cdocument.supertext.visibility="hide"3 g3 n- K7 M: t5 _2 M/ L
clearTimeout(animatetext)
6 r4 l: q6 j( I; ~1 a/ A! \}
4 N7 J3 Q- a2 [& U7 N8 {0 J8 i9 w% T3 O/ @: x+ E3 J  @
if (document.all||document.layers){
' Y) S" M# d" c2 E, J) ^document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 m; N( ^! d6 Y  j2 X7 A. C3 D
window.onload = initializeBall;+ q2 G& Q- ]" K5 R
window.onresize = new Function("window.location.reload()");
$ K8 h5 e. K# N) w) G, m6 {- h# D}( K" ^. }* k8 Z9 x& c4 f9 v( d
) `+ M4 p" \& j
</script>