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

zw2004

<style type="text/css">
) t8 Z+ [) g" v  m#supertext {# \4 h& Z9 S! q: Z  a0 C, X
position:absolute;. I7 v: C6 z/ j; o
left:0;+ w3 O% d+ E/ ]# o  U
top:0;
. e3 c! b  B4 u; v1 Cvisibility:hide;
# e" m; a0 k7 a% u8 H  qvisibility:hidden;
1 b. d- b% p* D}3 v1 E8 T  C2 t; V" F& ?9 s  w
</style>
  D1 y/ A  P' n<script language="JavaScript1.2">) r- v4 z* W8 C: p  F
<!-- 改变下的字体的大小。颜色-->) m/ b( l2 e, O1 F6 @! I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% s+ T. d. P7 Q% ^; ]! z; I4 Ovar hidetimer='';
3 b4 Q$ s6 Y, u<!-- 改变下的弹跳速度-->
+ C0 m1 D& c3 O8 ?6 }9 v2 k2 kvar BallSpeed = 20;
$ M$ C: Q& r0 N; Y5 c1 Dvar contentWidth;& W; i: b1 P8 }- K, X% x, H( \; ]% C
var contentHeight;
& X" }. {8 }6 c+ ~+ Pvar maxBallSpeed = 50;
6 h/ _& g2 |; S
8 Y8 S* i% @( \9 V; {$ Q7 d7 B1 ^. t0 A0 P6 m3 Z
var xMax;
9 f3 e+ i* o0 q8 ^9 a+ T* e. d. [9 _var yMax;
. Q! `! L9 i1 Mvar xPos = 0;
" F% `- X$ L4 I7 D, Mvar yPos = 0;
( X6 `6 }) R- a' Xvar xDir = 'right';. P/ y1 ?; H8 I
var yDir = 'down';
4 ?+ q8 H  U3 I  R" A: z# W5 r* i4 e+ dvar superballRunning = true;7 v8 U7 l5 `# e5 L# j- q
var tempBallSpeed;
6 C8 I1 I$ K  G5 e( pvar currentBallSrc;
  @# K$ g# H0 X) M1 |3 ]/ mvar newXDir;
6 F& F+ r# n9 M* _var newYDir;
1 F: ~3 E. H# L3 o" |( z
0 Q' ~6 a. @+ ]" t7 }+ ufunction initializeBall() {% t# G6 @& _2 y2 J, V
   if (document.all) {8 X3 @" G! X7 l: x: c! T$ b. N
      xMax = document.body.clientWidth0 I% s) w: @  v9 C) q4 ~! Q" b8 m) T' Z
      yMax = document.body.clientHeight; Z0 A- q( x( g4 m) G" c/ b4 u
      document.all("supertext").style.visibility = "visible";
: @3 m) {2 |& s$ v' J- @# F9 u; b( g      contentWidth=supertext.offsetWidth8 e# T/ @6 K, {
      contentHeight=supertext.offsetHeight
" `, Z/ c$ O/ ]5 R$ d      }
  s7 Q: E& A. R9 x   else if (document.layers) {8 b$ A7 {+ ]4 y! r" U2 j
      xMax = window.innerWidth;6 I" \0 o$ E, q! Z* a* u
      yMax = window.innerHeight;0 l" V. B  j, ~  d( ~: P' Y) p
      contentWidth=document.supertext.document.width
3 V: |5 |5 _6 F: o* q, T      contentHeight=document.supertext.document.height
8 b0 b) }( a9 m# P3 v, k+ ^      document.layers["supertext"].visibility = "show";
" ~/ r$ B+ r* l6 ?  K1 T+ N7 N      }
# e. _; Y  t, Q) h   setTimeout('moveBall()',400);# t* v$ s- W" ]$ g! R
   if (hidetimer!='')* D3 t/ J7 s0 p. \2 E7 O8 [7 e( z
   setTimeout("hidetext()",hidetimer)/ |; J; \: b' B$ i
   }
' Y& Q; p4 W3 H8 b* u6 ~* o
! Y+ I0 w$ `4 W5 X! H8 ]function moveBall() {8 I% k3 z6 H% x/ v0 A$ N7 X4 d' l( _4 _
   if (superballRunning == true) {0 s) R7 v5 T7 N4 J8 |
      calculatePosition();; I2 {/ E& [2 T
      if (document.all) {+ F; ^6 y$ L: K* A
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" M( ~. t6 g! Q: v
         document.all("supertext").style.top = yPos + document.body.scrollTop;0 s( |0 s9 T- z: T- T, Q& ~
         }1 x$ @: M( {8 @8 u6 D( Y; t
      else if (document.layers) {% e$ \) J  s: c9 Z. ~! z
         document.layers["supertext"].left = xPos + pageXOffset;
" c) p2 {6 l3 J. h  A4 e         document.layers["supertext"].top = yPos + pageYOffset;
8 j# F8 {( t0 B         }
" A* b" ^) t4 v4 @& T      animatetext=setTimeout('moveBall()',20);
3 O% N) v& A$ g4 H; X      }1 L0 D# _9 x. ~8 a3 r
   }* @5 r- r" b. `. M0 F2 j

& @1 \; g. u. F( gfunction calculatePosition() {
! ?! Q1 b2 W, D6 ?- C$ [   if (xDir == "right") {
% v( w3 H. L3 U! T      if (xPos > (xMax - contentWidth - BallSpeed)) {
" O  ^# R, H& g0 [$ T         xDir = "left";' N) L2 H5 `# N; E: S% K3 t; i$ U
         }3 y5 R; J0 J. T* c, i6 q+ o
      }
3 ?8 n4 W: U6 }' T- O. O9 ^7 F& }+ E   else if (xDir == "left") {' W: E( H! b2 j8 h7 g6 {  U
      if (xPos < (0 + BallSpeed)) {
1 h" v  v3 w; q9 ]+ Y         xDir = "right";/ d! T/ i7 U6 ], y7 ?2 u% ^% R
         }9 Y. w7 y! \  Y" }$ w
      }& Q* E; c5 B* [2 V4 u" L
   if (yDir == "down") {
* p  s5 ^/ {) o# e( I      if (yPos > (yMax - contentHeight - BallSpeed)) {
- ]  u. }2 l5 p: O* y3 Y) @+ G" d         yDir = "up";' J8 G' M0 J9 z! Q
         }
/ |9 b" ?; i5 ~& [. Q& P      }
6 j) h2 f4 F0 v7 A' k) |1 ~. I  E   else if (yDir == "up") {) ]4 M# h! P2 R  w  p4 k
      if (yPos < (0 + BallSpeed)) {/ _9 s. {' d3 }; K- M" q) {0 ?5 \) R5 {
         yDir = "down";
8 V  S  X4 `! V# ~7 q& F! H- W$ D" c         }( G9 v/ t' [; K+ z$ B
      }
. C' n; j& g" r) `9 s' ?6 H7 P4 S   if (xDir == "right") {3 F% w8 h' x! l' c$ c, H+ c- C
      xPos = xPos + BallSpeed;
) _9 r+ q  b& ~/ l. m) @/ ^      }5 f3 w- z) R  j
   else if (xDir == "left") {
! {# x: f' n- s( _, Y1 a2 e5 S      xPos = xPos - BallSpeed;
1 \2 ^4 ]7 l9 ]2 Z/ ?- d% S) a6 I      }/ `6 u1 j4 V( K1 X7 Z
   else {
5 h9 u0 ~- u  u/ G1 n0 i      xPos = xPos;  Y& a2 ]# j; z% h  y& Q# q
      }
0 B; @" c* u0 P; B8 j" `0 d   if (yDir == "down") {
2 r: q2 ], K# S# l      yPos = yPos + BallSpeed;
2 B( l6 W( T0 s: G% l      }
* ]* H8 n0 W1 m. W1 ]   else if (yDir == "up") {% d+ v( e. p$ m: [
      yPos = yPos - BallSpeed;& _9 B) ]+ s- }
      }
3 t' [2 r; w" K3 z   else {/ z7 U' p# V# t+ I6 ~: y
      yPos = yPos;
+ G5 M  d! F! V" _/ o. l/ N      }; X# u. {" t  D5 L
   }
* @' O, h: r; H$ [; r7 d0 W  E3 D' |! K5 e
function hidetext(){: a. E3 C$ }9 D1 `. [" Y' p
if (document.all)0 L9 A& Y  R8 J* v7 `
supertext.style.visibility="hidden"
6 y) g1 H, i% celse if (document.layers)  Z6 V+ @' q& J
document.supertext.visibility="hide"
( L8 k( G: @4 Y; c( |0 x4 V" N& kclearTimeout(animatetext)
! _$ F4 S1 m# q$ {# T3 j, y' T2 P}
( y" z; N2 B' w) \2 T( F/ ~: X/ C; b
if (document.all||document.layers){! t$ H$ ?! |% }5 Y' q' D
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- E6 N8 R) n' swindow.onload = initializeBall;9 u# e, K+ h) X! V
window.onresize = new Function("window.location.reload()");
) j6 s0 w: P9 c% r- x, B! a}
  d: V' u  M  O( ]! ?7 n, ~1 ], q0 N+ \8 Q) P
</script>