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

zw2004

<style type="text/css">
; K5 A  F! U3 x/ b* ~6 h#supertext {
: Z/ w$ B% X5 U' q5 Sposition:absolute;- {% f6 ~! B8 ]6 u
left:0;
. i( p9 m( \; `: u: {; \# Ptop:0;
/ E8 S. h6 R) V) o% C. z* uvisibility:hide;) o7 H4 Y8 r2 Q# k; Y& U
visibility:hidden;
! j% ~8 J! z9 N: c8 S* x$ G$ v2 R, P}
) ~0 f) ]5 m! S6 j2 q& V  f3 T</style>
% O' e0 g8 y0 m! |7 X<script language="JavaScript1.2">
5 B! j, r9 Y- G6 C<!-- 改变下的字体的大小。颜色-->6 C  r* l, S, ]+ ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: j; A: n3 f7 D9 l9 B, Tvar hidetimer='';
+ c$ k/ n$ P( t6 T/ v<!-- 改变下的弹跳速度--># Q( t( p4 [+ t& o% @% N  z
var BallSpeed = 20;
1 n1 Z! g9 T& N6 ]  W2 wvar contentWidth;
  k2 d9 z6 Q- F8 @% s4 z# pvar contentHeight;
0 @* s$ u9 _  R- Z/ Y& ?var maxBallSpeed = 50;
; A! e) {- S; e9 h9 Y1 t
$ \" ~: K1 U- e! _% R# u1 S
( O. |. x3 X$ ]var xMax;
; m5 G2 T. S8 ?+ p6 Gvar yMax;
+ M9 a8 L  B0 J4 F3 Vvar xPos = 0;
1 n2 x- e. Q* g' V6 Evar yPos = 0;- `8 l* G0 [! _  r2 j1 y
var xDir = 'right';8 L) u$ ], _# W6 V  i
var yDir = 'down';
  }+ K7 m' D' {) T( O! ?# p/ Vvar superballRunning = true;
! f. t' f7 {( a" X# T# svar tempBallSpeed;/ y. W( m1 Z8 a
var currentBallSrc;) Q3 f. i7 w- U1 W; k. J8 r
var newXDir;
5 D8 X2 g! w% X! U- vvar newYDir;
& t8 [6 v1 m" Z5 [) q) p; J, O; E7 l: r' S" ~
function initializeBall() {6 f! T5 e8 s; I8 _8 E; \
   if (document.all) {
7 j) G# _4 o$ `" k8 Q" L0 k4 g      xMax = document.body.clientWidth
, `( G. q# z8 H      yMax = document.body.clientHeight9 R& o; D: \* k( j6 w
      document.all("supertext").style.visibility = "visible";
5 I$ @* M+ h' f: I1 W2 I5 f, }# C% b' M      contentWidth=supertext.offsetWidth; \$ B6 [: p8 N8 f7 K3 k% n( Z6 k' h
      contentHeight=supertext.offsetHeight
, A* O& y/ K; L6 E+ e      }0 F% i5 H! @  b( P' A
   else if (document.layers) {, ^/ b  a4 G  o* g
      xMax = window.innerWidth;2 Q  ^2 A" d4 k" I
      yMax = window.innerHeight;* T1 D( i: f6 h0 y; U1 d# O. u4 l
      contentWidth=document.supertext.document.width
! c2 \+ U" p4 u; |% ~! C; ?, T$ i. |$ n, p. P      contentHeight=document.supertext.document.height
& H1 i3 g; l" w$ V- @      document.layers["supertext"].visibility = "show";
# U* A; n" g( u6 Z) C9 J      }
0 w% o" E7 J/ W8 {   setTimeout('moveBall()',400);6 q% l/ z. K$ K1 s' B1 |: |
   if (hidetimer!='')
7 S  \' F8 V8 Y! T   setTimeout("hidetext()",hidetimer)$ A' A$ P* F6 i# U$ e  n
   }
2 b2 h0 l* l( I9 R% s2 ~
" Z# Q! L9 @1 Zfunction moveBall() {/ U5 a0 d3 U! O9 o
   if (superballRunning == true) {3 J, r# h& h# V$ k- B2 H5 ~
      calculatePosition();
/ u" H6 }* z* D3 e* r      if (document.all) {: ?4 C( J2 d/ c1 a4 W5 H
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( w9 J! {% o* Y         document.all("supertext").style.top = yPos + document.body.scrollTop;
- r. D; D$ h- ]1 I% u) t         }
! I& q$ L/ m& `( `" j) R3 j      else if (document.layers) {7 Y$ r8 ^! U& d5 X* ?7 p& |2 W
         document.layers["supertext"].left = xPos + pageXOffset;" R# U1 @3 }% l; T, l
         document.layers["supertext"].top = yPos + pageYOffset;
  y2 ^$ h( P4 P, K         }& W8 d" v- s8 q6 J6 f% I
      animatetext=setTimeout('moveBall()',20);
+ r, \4 @# z& y. {. g      }& P3 N8 j( d6 g
   }
9 ~! n3 l  N9 O/ P& B6 f( x( U0 J/ P" G& m$ q+ b8 `: ]4 T+ G$ h
function calculatePosition() {" K! k( d, a6 N# h. s# Z9 B
   if (xDir == "right") {
' D/ D2 H8 N" ^      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ `- c2 H; A% p5 R2 |% M& W7 z         xDir = "left";
2 U. k' }3 Y3 H5 |( I" b. t         }. z7 K* H; A8 H
      }
) L1 d6 r. H0 D% H   else if (xDir == "left") {
/ f+ z: D1 G, ?$ j7 Q      if (xPos < (0 + BallSpeed)) {: T9 E6 J' p; ?
         xDir = "right";/ W7 a* R* i& A
         }
/ a7 H! t3 o8 i) G      }) n$ @% J' ?; d# M" _, f
   if (yDir == "down") {
( Q0 |: W! j1 w% e, A, k9 m2 k      if (yPos > (yMax - contentHeight - BallSpeed)) {# A+ ?: h9 K' Q  }0 X% c
         yDir = "up";
/ M% h7 R1 `. L) L- i, u         }
- }& f: [( C' O( k0 t' I( T" \) l      }
; E# i$ A8 O, e  q! ~; c   else if (yDir == "up") {9 S6 Q" Y, B2 ?6 u* p- D
      if (yPos < (0 + BallSpeed)) {
' }7 @. h7 B1 f$ I# n1 F* Q7 c         yDir = "down";
* V& w) M2 U. ]: f9 b/ }4 O! g         }+ N, q  |1 S+ e$ M3 }1 z
      }
* a/ |7 ]1 H9 U+ y( t   if (xDir == "right") {
; N% ]. y' [+ A6 L1 w  m4 P      xPos = xPos + BallSpeed;& A4 R2 U8 P, J9 t" }& a
      }9 w* |! R( E1 {5 e6 V- s- z1 ~
   else if (xDir == "left") {
- `% ~' T! p# g# O6 A      xPos = xPos - BallSpeed;
: Y0 k# Z8 g4 }- c7 v# s      }" f- P" X2 N1 Z! U% Q  N
   else {
! U5 Y- L2 g/ x) ]" X) P      xPos = xPos;1 [- l. B6 f3 l5 ?
      }. c: m6 M; ]5 a1 s! W
   if (yDir == "down") {& i- v5 f9 T8 p2 S2 N' }
      yPos = yPos + BallSpeed;
7 o( k$ [( \3 r. i9 c      }' ~8 ?+ ~: e, W5 `; i! J3 ~
   else if (yDir == "up") {
5 w' J" O. f# s- C      yPos = yPos - BallSpeed;9 F( Q% w5 K  h, E9 S
      }
$ j; O6 h* u/ Q' k" p   else {' C! @0 h8 y9 y% v' s
      yPos = yPos;
9 d: Q6 \& D' y" W, B      }
0 S# T- o4 D4 ~- B   }
% e/ Z  q- m: p9 r* c, y" @! U; X/ ?, x% k0 w: Z$ |
function hidetext(){' G6 T0 E) R" z* e0 u6 H, O
if (document.all)
5 A9 t* A! g* K& }& K' Hsupertext.style.visibility="hidden"
' O6 \- w1 `4 B, H" |- \else if (document.layers)9 C. y; g1 w. c+ p4 N( i% t2 b
document.supertext.visibility="hide"
. Z0 P, _! e2 a) \clearTimeout(animatetext)* [9 I8 F  W1 M) @
}; K$ a$ b. U1 R) f. y- K

, i( ^9 I1 w) Q$ Z" u- x, p% M1 b. nif (document.all||document.layers){% d. Q& h7 S7 W% E, t! n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- ~! t9 z7 f- z  L3 c' w6 j7 {window.onload = initializeBall;9 B( [. ]' x; I% ~) H8 X1 B
window.onresize = new Function("window.location.reload()");+ ^, O$ L' F! B- L
}1 \2 F* y0 C3 a8 j) D
4 Z9 d5 e, J- _8 V$ [/ M6 X. y
</script>