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

zw2004

<style type="text/css">
, @" f8 A+ @, ]$ D7 U#supertext {
. x5 @( u  }- l& b( V: b, P$ U7 eposition:absolute;+ Q8 U% E2 C: T$ t$ A
left:0;
5 _( d- a: k1 S3 i+ itop:0;
9 A- B- ~$ R+ }+ w$ b& ], t# ovisibility:hide;, b. n) l/ @. @+ f" u0 C: i  I
visibility:hidden;; _1 F( U  F& _/ I7 _3 y
}
' q, T# u. x7 A* e+ {2 @</style>) C6 X/ m5 _2 ?8 E0 U. Z7 P+ D
<script language="JavaScript1.2">
8 C2 k8 k9 V  y# Y<!-- 改变下的字体的大小。颜色-->1 \! _7 d% U' D1 R' P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ z( W( z' S9 O0 }  tvar hidetimer='';; F4 [: U! @3 n+ Z3 P9 ^: @0 \6 x
<!-- 改变下的弹跳速度-->
1 B. n5 C5 t) _+ {/ h- Y$ }var BallSpeed = 20;
) n1 `; E: j3 G) t9 X* S% avar contentWidth;
3 t2 c! E" u3 E6 L% Bvar contentHeight;5 J, a: N6 L% a  W( {
var maxBallSpeed = 50;
' F! x: i+ h/ j" y$ o9 `' _- Z
9 S: z8 Q3 u. j! I0 R5 ?, L4 G8 B' r  s
var xMax;* f4 z: ]7 |, {' j7 b7 \4 ^
var yMax;0 y( w2 n6 i( y0 W6 H% H
var xPos = 0;- `# Z$ I4 P  p% h' K; x; l. H
var yPos = 0;+ p$ c" [5 K2 m* ]
var xDir = 'right';4 B# G* s0 l; f; u8 M5 U8 R7 v
var yDir = 'down';
7 ~2 O: {0 p% Z  P- ^5 J% Fvar superballRunning = true;/ L; V. K- @, |' X9 u3 _/ j
var tempBallSpeed;
: U% ^1 X& y  W2 l3 B! Wvar currentBallSrc;7 F/ @2 n) G: O5 a
var newXDir;
- G# M3 h# e9 B% F( o* X0 ]1 i9 Cvar newYDir;
, u) m& U7 G1 X1 R7 b: V
8 V* @/ |" I: w$ X) N- Afunction initializeBall() {. N( Q$ `& j" Z. i
   if (document.all) {4 ~6 {8 d9 n7 g+ \/ u' h* r; m( _
      xMax = document.body.clientWidth
+ O, V6 T( t5 m( Q. @4 f5 }      yMax = document.body.clientHeight
- [0 z& X4 n3 R) W. M      document.all("supertext").style.visibility = "visible";
" R+ O) N0 {  i% k/ X& |      contentWidth=supertext.offsetWidth: \0 B! T8 T/ d) I$ O; [" P1 W
      contentHeight=supertext.offsetHeight; d  p8 K' q2 `3 P3 [! A
      }2 B) p8 a$ |  m
   else if (document.layers) {- V& R" M4 `( \9 m5 }9 u) T0 y; ?/ \3 \
      xMax = window.innerWidth;3 G1 M9 Z  Q3 J4 Z% i5 ]# T; {6 W
      yMax = window.innerHeight;# m$ b% `( D  Q' k6 j
      contentWidth=document.supertext.document.width# T3 Z0 B0 A4 O; f! b  S# h& A
      contentHeight=document.supertext.document.height
, n) \7 a. x2 k2 y3 T8 P      document.layers["supertext"].visibility = "show";" |. Q, {* B$ e( D' [6 X
      }1 B+ u* }$ |* f  R1 ^
   setTimeout('moveBall()',400);' E/ _- d3 B0 d$ n' i3 q
   if (hidetimer!='')5 i  J6 l$ y2 c$ e
   setTimeout("hidetext()",hidetimer)6 C2 {1 e/ o) L) ~
   }
9 H6 i9 U" ~& ~* D
+ N% Q( {$ S7 m' B/ ?function moveBall() {
; _3 N- A" I! a( _. T7 T   if (superballRunning == true) {
9 ^1 e/ Y1 u8 Q4 @. O: a2 N6 x      calculatePosition();
9 z" j2 |; z/ i6 m6 c- R      if (document.all) {
+ T+ s# S0 J2 Y; U  O         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ U4 `5 A7 G3 _: `/ g         document.all("supertext").style.top = yPos + document.body.scrollTop;: N. A! F8 o! \0 X6 p( z' z) ^
         }7 l- K0 ~% T( g; ~
      else if (document.layers) {$ |. N" f2 {1 B3 l( V: X; j
         document.layers["supertext"].left = xPos + pageXOffset;9 f6 y3 P7 W; l1 @6 v
         document.layers["supertext"].top = yPos + pageYOffset;$ f8 D4 w1 R+ f3 _5 X) I3 ?
         }
. l! R7 F5 n. w/ |      animatetext=setTimeout('moveBall()',20);- V/ [0 F. W: a
      }
" a6 H! D4 T( b/ P   }
/ a* ^7 t1 c: j
" [: `$ Y; l6 l3 F$ @3 Sfunction calculatePosition() {* m- A: g, u% Q* W$ i
   if (xDir == "right") {
- ~  w$ g! z8 s$ `* |, s/ A$ n      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 S* m0 d' G& E         xDir = "left";7 N5 i: o! U& r# g4 E5 H. Y/ s8 ?
         }, N* _/ A9 D: B' A# a7 L3 [. D
      }
! u8 J9 g3 M4 ^& j) h8 l   else if (xDir == "left") {: |" X' d4 q. U8 G7 S8 X
      if (xPos < (0 + BallSpeed)) {- \! e. \/ e" a2 S) ~+ X
         xDir = "right";
4 ~* e: z% {6 c         }& }1 K6 u0 @0 e+ H
      }! Q7 `- M  k. \& p6 s
   if (yDir == "down") {$ \# N, Y  q3 W% g
      if (yPos > (yMax - contentHeight - BallSpeed)) {; a& K- U+ p  \
         yDir = "up";$ ]- \/ j5 {# U0 V2 v
         }3 P' l+ U4 m  _- j8 N+ H  _- \
      }. O. H2 r0 {# {( Y" R
   else if (yDir == "up") {
$ p4 s! X; c$ J! v4 u% V      if (yPos < (0 + BallSpeed)) {
" [/ h: z$ j6 P5 M; a! P) }         yDir = "down";1 N2 _% _# F( V8 i1 l, Y, ?
         }. G; |" `7 S) K1 w0 z% B" a
      }% k- N: ?1 q" ?" C
   if (xDir == "right") {3 A9 O0 k" y& _2 T
      xPos = xPos + BallSpeed;  z  M2 k& l& d
      }; A; c& L( T! o0 Q' g
   else if (xDir == "left") {, w. A% h- z) ~) f
      xPos = xPos - BallSpeed;
' N$ D) X4 W2 h( q* L- ~1 G$ U* \      }6 \# e  |6 c( Z% R; _  Y; j
   else {
- w9 D+ p- d% N; f6 ^3 v. t      xPos = xPos;
$ s9 r& `) C$ m      }
: l% I( V) a7 B0 r0 Z8 b0 \2 H   if (yDir == "down") {
7 {, G; K, [$ R+ I( v      yPos = yPos + BallSpeed;1 x. `" n7 {/ W3 N% @3 f
      }" u$ G9 X+ T1 {! i
   else if (yDir == "up") {
3 b. V4 _5 e; v) b& z      yPos = yPos - BallSpeed;
' Y) m$ _3 y5 O% k2 x      }* k- f1 H  z& }& B$ ^( n
   else {
0 C: g. X" r/ d9 l$ V$ U      yPos = yPos;9 |$ D* \$ k8 L9 E( e. v% j
      }: A9 `& c4 {0 f  y
   }1 c$ Y5 V+ q, @* ]
2 \& b/ Z2 r- h  P% d
function hidetext(){( o- n& Y7 d: _) d; P% u/ K
if (document.all)
  v3 s3 L4 }( v# u2 e! Zsupertext.style.visibility="hidden"
. _5 O- T7 }( H# W, L# S  pelse if (document.layers), M$ M, u, S7 g4 v
document.supertext.visibility="hide"
, s' A: s7 o. o2 `! E; tclearTimeout(animatetext)
8 |! T" o5 x& n1 v3 p}! e' W9 n9 K( K, {* U5 X& ?7 U+ S  `( ?
4 n; O5 @$ y8 n! A
if (document.all||document.layers){0 u, D% [( \6 ]: ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ ?# {% m( R- Q/ \) f+ x- R' Z
window.onload = initializeBall;
0 O' O% V/ F' V% T3 [window.onresize = new Function("window.location.reload()");& F2 g$ x- K1 N) F' u
}7 ?) q# l8 q! I, ~/ e
( o: p  J5 h% i8 f
</script>