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

zw2004

<style type="text/css">) v* {" ^& N7 {5 k# y% F
#supertext {
# W, b1 W' f# T9 Qposition:absolute;1 Z$ d  b; n4 a" k
left:0;
5 C3 q* z( |% M% r, otop:0;5 Y8 ^+ Y. ~/ Y/ j* q
visibility:hide;# ]2 @# g6 Z/ K  z) Z& Q9 G; S
visibility:hidden;
7 ^* [% }/ f; J# p}; X4 p2 q0 V! T
</style>
+ \0 t( M& S6 x' B1 Y& s<script language="JavaScript1.2"># Q  Q- U5 L  f- W* @* x" o
<!-- 改变下的字体的大小。颜色-->
1 K( z( S. K: V, d6 P; \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' L* B, G  _0 a9 G1 _
var hidetimer='';! m' g1 q+ N  i/ C" p/ I
<!-- 改变下的弹跳速度-->4 h! s' r. o$ C1 q
var BallSpeed = 20;
" [# c6 f$ ^: \# A7 g0 n4 Dvar contentWidth;$ S1 b3 M4 _8 M8 k1 d; P2 W
var contentHeight;
# r* ], P1 e  l# l# }! `2 Avar maxBallSpeed = 50;. i+ @3 T1 V! [( P. I  z) R, w/ B2 ?
3 A9 ~# E( p2 v5 Z+ l5 Q, f

9 G& D* l% p1 W5 T& Evar xMax;
  ?3 \: j) D0 N+ l( f/ V7 {! mvar yMax;- T7 A; W+ e- D" U# N
var xPos = 0;. v1 }2 d6 S# H" \# }
var yPos = 0;
. ~4 n/ z4 ]; x* vvar xDir = 'right';
) w' Q$ ^, p4 F, x8 H; @var yDir = 'down';4 l( O3 W0 P4 f8 X
var superballRunning = true;, b6 d+ y+ S4 Z. o% v: ~! V( E) m
var tempBallSpeed;
1 r6 ^! M3 [* z( Lvar currentBallSrc;) l- T+ `9 U% {6 e7 C
var newXDir;( j7 v" ?5 e6 J9 `4 B. f9 i1 U
var newYDir;
: j5 H9 T' H; z: m; y& u" d/ r; p) L3 E% R3 o. E, H7 [
function initializeBall() {
* \  f5 t1 H2 \! x$ M   if (document.all) {5 B3 R  r3 K* \& y8 l
      xMax = document.body.clientWidth  w" G- U& h. g( h* P9 f
      yMax = document.body.clientHeight/ |0 E% ~8 J$ [2 A6 D8 w6 |
      document.all("supertext").style.visibility = "visible";8 ?% m2 X8 s2 o
      contentWidth=supertext.offsetWidth0 ?, H  A3 t& L
      contentHeight=supertext.offsetHeight. s5 r: l% A* q" y! u
      }2 L0 l, u% X. v- T1 o
   else if (document.layers) {
; u' t' @0 v) I' y. q* I      xMax = window.innerWidth;, Y3 F4 c% q& C6 r5 J9 h: w
      yMax = window.innerHeight;
6 a1 U% W$ q4 f( ^      contentWidth=document.supertext.document.width
, \+ I1 I/ u$ ^5 ?" J      contentHeight=document.supertext.document.height- R% \+ f! F' |6 A& Z: z
      document.layers["supertext"].visibility = "show";4 \/ {" V9 p. K- n+ `! ]
      }
% S( ~. c  r- {2 b   setTimeout('moveBall()',400);0 v/ N9 u+ p7 l& ]3 n
   if (hidetimer!='')
: ?  D& ?# r) j+ W+ ]   setTimeout("hidetext()",hidetimer)5 ^$ `8 j. Y% R$ Y; c
   }
1 a' D% _5 x6 A. `8 e+ y0 }
0 w$ A+ u, N/ b; G) H4 C: |  T! afunction moveBall() {+ ^+ C, v8 j1 T
   if (superballRunning == true) {  k# \# W: z- F% @+ a
      calculatePosition();
& b' X4 A* h4 ^5 ]% s1 Q: m. p! o0 F  B      if (document.all) {
; t: l" `) C6 F         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 }, _9 L3 t4 h- Y         document.all("supertext").style.top = yPos + document.body.scrollTop;* u1 X2 O; U) I  z. v% a9 s' g$ B
         }+ t  V" J- n- \  x# C& G; a% s
      else if (document.layers) {% _/ j- Z0 k% C! Q3 \
         document.layers["supertext"].left = xPos + pageXOffset;$ N: y. B( M% x
         document.layers["supertext"].top = yPos + pageYOffset;
* o2 J( K2 g2 h# w0 {# }         }
8 o" g/ u1 g- |2 u: e- Y$ D  l      animatetext=setTimeout('moveBall()',20);
% R; i1 G  [& V" }# y5 E      }0 w& N1 q, `, W8 m$ V9 O" ?2 R+ g$ \
   }% ^# M# J$ q, ~; Q1 i

* D3 u; P* R2 {3 kfunction calculatePosition() {
+ P  [# F6 @. E% Q2 N   if (xDir == "right") {, p& n4 S6 Y) O% V  @
      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 ?6 U9 H& u# A. C3 m0 _         xDir = "left";( @% A4 q% w, q1 x8 O& i
         }! N# Y6 j, U6 m( p, h
      }
! @' }' |% x* s5 [" a8 O   else if (xDir == "left") {. K6 d+ e* C7 \" s6 K" r
      if (xPos < (0 + BallSpeed)) {% r* j2 m, \* r" Q, i: N
         xDir = "right";
. ]4 h% M+ U/ G8 V- q% f* s: m         }
; C1 T3 i& T' m. s      }/ ^" H  t) u* V
   if (yDir == "down") {
) r; o; Y$ X' p% V1 T7 B7 n      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ u5 [8 x* G: C8 {/ q% X8 w         yDir = "up";
# ^' R8 m9 k4 ]0 l         }: x3 i, F  U: Y( O* L
      }
+ _2 ~5 o$ w- A9 |0 o" o   else if (yDir == "up") {
+ {8 G& Q5 j& z9 b) V0 S      if (yPos < (0 + BallSpeed)) {& F5 m- r8 a" l' {' K! K- R
         yDir = "down";
% |2 q; A# x7 q( f$ b+ q& @         }
  F$ _) m6 ]& d4 L; {) ~; j. s      }) I( N' }8 h" V0 u
   if (xDir == "right") {8 M* Y" s/ l) \7 b) s& X& o+ }" M
      xPos = xPos + BallSpeed;
: N1 j! t) C- @      }$ b  \9 E; n8 H" U" n7 F" Z
   else if (xDir == "left") {& V( J' c; _9 u) y4 A4 u
      xPos = xPos - BallSpeed;
" `4 \1 Z5 o$ }) a      }
# K6 v5 {4 J% N  F. f   else {$ l" E( E% c! @$ s. l
      xPos = xPos;; E# C8 p/ W6 y- _7 E6 J7 i) I+ n
      }' N) ]2 F: n& O, s
   if (yDir == "down") {+ A7 `7 n3 B8 ?% m# a, L
      yPos = yPos + BallSpeed;: N1 x$ U6 |3 ~, u% r8 y! ~6 s9 N
      }
8 X' h7 ~) R. ?" X+ m   else if (yDir == "up") {2 S  Z4 M6 f7 i
      yPos = yPos - BallSpeed;
+ L  z. d9 J  t      }
5 q% [4 b; Q6 X   else {/ x( I2 p0 t6 j7 h/ `
      yPos = yPos;
9 i; v# ]; q* p& U- ~7 _) ]1 i      }
9 c8 r" h" f; k+ f# b  C% C   }
' h0 M7 ^6 Y. G) }' G+ i8 |
7 S' T) F9 Y3 P0 Gfunction hidetext(){
7 P7 ?2 y$ ?# C3 ^2 Yif (document.all)4 M; E6 O# ]# M. }( E
supertext.style.visibility="hidden"
( i) z: q' \1 i) Telse if (document.layers)
# o6 \/ C' U: h/ |% Mdocument.supertext.visibility="hide"
0 I% i' b1 M  S. A- z( Z- @clearTimeout(animatetext)
- R: Y* J7 P, }' _}) X1 L7 o. g. }  {* {8 d
# o( m, W, l+ i# w# n8 O- c8 K+ ?
if (document.all||document.layers){
' T+ f+ ^' f5 h* U/ L' q5 ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% A" O2 [4 `. P8 x1 Z2 B2 pwindow.onload = initializeBall;. M4 V/ v+ a: o0 s$ r: b
window.onresize = new Function("window.location.reload()");
" `+ m9 Y! i6 I4 _' s/ d2 D}
7 v2 [9 j6 Y  o9 E0 `- Y6 h' D; h5 z0 v- W; ~+ q; A
</script>