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

zw2004

<style type="text/css">
" ^" @6 c/ `' g#supertext {
1 ~6 J3 C5 q6 ^7 Mposition:absolute;7 k3 J/ D0 ]/ Y) `
left:0;
( r# ]3 `0 M* O6 ^' u1 T: ltop:0;: g% @1 S! t* B2 U4 a
visibility:hide;
# S1 x3 |- c% a) Wvisibility:hidden;2 a6 S0 }' |# d! M3 \( x& \
}, D: Q7 J& Y3 _. S
</style>
6 ^* d6 q! M  q( m<script language="JavaScript1.2">; b4 R2 v6 c5 ^% Q5 ?
<!-- 改变下的字体的大小。颜色-->
) B% S- N! Q' S$ I6 C/ f" nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( M) S4 d# k2 S; r) d6 n) m
var hidetimer='';
3 D$ f: s5 Y, u2 r<!-- 改变下的弹跳速度-->
9 D; W$ C% }4 K/ X  Cvar BallSpeed = 20;  u9 z$ S) t! f; z* \/ V
var contentWidth;
* P- p7 v0 M9 P5 h6 hvar contentHeight;4 N6 z; c. n3 M( c
var maxBallSpeed = 50;
: c0 E7 x$ n5 N( ]3 C' B" S& e) B8 B
: C+ V! T2 c* g; t- ^
var xMax;' W# n8 h# u6 w! ~+ i$ q
var yMax;
2 H4 m0 q. i- v3 J4 }7 {var xPos = 0;
# ?9 g! p' F' o: ?var yPos = 0;
7 K' f8 v3 t$ Z& O6 Pvar xDir = 'right';
; h9 n, n0 w+ j1 O5 n; q7 ?8 H/ cvar yDir = 'down';1 N: m/ C. z$ l; Z
var superballRunning = true;
$ u" ^2 P. p+ w! m- jvar tempBallSpeed;; Y4 Z% E2 P0 x" S6 U. P/ |
var currentBallSrc;8 A' F" Q7 A3 n( g% f4 {
var newXDir;/ l$ ]7 O! ~/ s* k7 y# i
var newYDir;
6 d- M+ [; |$ R' x5 G( q: ?& }0 }5 w/ x: v* z# P8 o1 Y9 x
function initializeBall() {) z. w  \, A9 M7 Q
   if (document.all) {
1 f7 D1 @5 J" _# R      xMax = document.body.clientWidth
7 O8 L* a. `+ {      yMax = document.body.clientHeight. a: j$ U7 J7 S( a
      document.all("supertext").style.visibility = "visible";6 @( Q  }9 Q7 W: `8 V# ?# q" a& B
      contentWidth=supertext.offsetWidth
; ]- G6 h0 }  K2 ^$ z" Z! Q# W      contentHeight=supertext.offsetHeight* e. S! A. d4 B$ }" C' {7 j: u
      }
2 D: z* t$ R8 n/ ^   else if (document.layers) {
7 F4 `% L. e+ K      xMax = window.innerWidth;
, L% d+ C( S3 I( ^      yMax = window.innerHeight;; }% |1 v, v2 S5 J1 U: u6 q; ?$ M, G( e
      contentWidth=document.supertext.document.width
  K- q) X* @  K' t      contentHeight=document.supertext.document.height+ l" a) [0 C8 @* v
      document.layers["supertext"].visibility = "show";
5 {7 v, U& G0 x0 S- @( K5 c! X      }$ ?3 c) q1 h2 f" V, i3 ?( o+ |) N
   setTimeout('moveBall()',400);. Y+ O  t4 w: Q0 U( U- n( @7 v
   if (hidetimer!='')
3 K4 W0 S$ v8 m0 U8 \& U5 `   setTimeout("hidetext()",hidetimer)) J2 k4 R) ?  y: N
   }
3 ^, G  m+ P# {: S$ D
0 i& Z/ `5 ]  r6 a5 \function moveBall() {
% D9 X" }# d6 J( s; y- a# x) k   if (superballRunning == true) {" N6 T" n( V  L" i
      calculatePosition();, r) X( o, M; G5 C7 Q0 c2 a
      if (document.all) {/ Q6 b" [8 C7 h5 l; s; j$ x: E3 |( ^
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 I7 D* b' D5 Y+ x         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 \  P8 l( D8 C         }
( {8 a+ z" R3 E) w* f2 e( i      else if (document.layers) {
$ b9 h& l! T8 A1 F9 V. W3 o8 V         document.layers["supertext"].left = xPos + pageXOffset;! i: |3 Q& U$ C0 K( f9 y: O
         document.layers["supertext"].top = yPos + pageYOffset;
9 f2 Z% n3 n- |/ f0 p2 I: l1 Z         }
/ n1 }: d6 ?; o1 n) A4 O      animatetext=setTimeout('moveBall()',20);
  @3 q9 q2 m9 P& o2 S2 s      }7 P0 l( Z+ h" B! ]" C
   }/ [! L- C) H+ a

( O/ J( t' P8 o% t1 ?function calculatePosition() {" m7 w; Q  B' L: a5 L& F9 Y
   if (xDir == "right") {
! d) H+ K+ f: f5 p      if (xPos > (xMax - contentWidth - BallSpeed)) {1 p! _3 ], T  e& J6 D
         xDir = "left";0 f6 n3 z  K# k/ _+ H+ t
         }7 @3 Y4 X/ F: X6 t4 ?2 u
      }' `9 s& _8 Q: W9 _( W: s
   else if (xDir == "left") {
7 @" I; s: }5 a* y$ D5 p      if (xPos < (0 + BallSpeed)) {  v3 ^" T9 A9 |
         xDir = "right";
) D' K, j3 K9 b0 C9 D  i         }
, p. D: |4 D. O. x      }5 O# W8 Q, R7 d3 c, L; s" o
   if (yDir == "down") {
9 L/ Y) _; O1 n( y  I8 M+ S      if (yPos > (yMax - contentHeight - BallSpeed)) {
* x5 Q7 o2 ~" Y( \) }         yDir = "up";3 T5 E# k% @& }9 C8 @  j
         }* l8 f7 W7 _# _% `0 P; Q
      }
6 o3 i+ P: t& v. i   else if (yDir == "up") {
, m0 R; z0 X" K% h      if (yPos < (0 + BallSpeed)) {
& h9 X' Z, U. {0 @/ u3 I- j         yDir = "down";1 }' [6 ]' J4 {3 x/ j4 z; M) q
         }' n: A  W0 Z2 z6 s9 ?6 G
      }0 y* j, I, G  m) Z8 w
   if (xDir == "right") {
( b) m3 j' e! W" ?      xPos = xPos + BallSpeed;
1 Q  B- h  j9 T; k      }2 s5 v8 z# V" P
   else if (xDir == "left") {
! y2 t" S" A% S! u% h6 ~! b+ M      xPos = xPos - BallSpeed;; G% Y1 V, `& B# g4 B
      }
. ?+ u2 ^- h3 G   else {
. b; v& X* k. M      xPos = xPos;& I5 F; l4 o0 U2 N
      }
. V$ r) t, z3 z   if (yDir == "down") {; p9 X/ u" W+ h+ c+ F: q
      yPos = yPos + BallSpeed;
. e" Z" D, ]! G      }
7 Y1 _  j- K) j   else if (yDir == "up") {
$ o. R: s. A$ `+ @! J7 x" I2 e6 U      yPos = yPos - BallSpeed;
6 i/ J6 H+ H) e: D: W      }
. I# F! l7 I  ?) t- {  ~" H   else {8 F" I: N- v4 L$ B$ m# |" [( H
      yPos = yPos;
0 T% D" K- `# ?      }. l5 E$ ^$ O; f
   }
1 ^" f' R+ C  i- \; g) n5 R2 J3 I5 m) ~. C8 F# f
function hidetext(){
# N3 U& F* v+ vif (document.all)  ^- I7 X) Z) L6 R6 j3 u7 N1 T
supertext.style.visibility="hidden"
, v5 p3 Q' I3 Telse if (document.layers)8 h/ D* L+ P+ M  o3 G8 E+ Y
document.supertext.visibility="hide"* N8 J! T# D# Q  b, D* [& `, N
clearTimeout(animatetext)
7 Q6 R) s1 q2 L% K# D. c  j, G}
3 x0 x% x) N+ i; p: ~, b0 S- l' b8 t% ?
if (document.all||document.layers){' F) Y0 l! C. P* F% u* b/ y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 u/ |- Q) m: U1 k6 e+ Iwindow.onload = initializeBall;9 b! R: _, ^1 A( W7 k1 G; ]
window.onresize = new Function("window.location.reload()");7 ?0 P) O; g" ]6 K' r1 }/ `
}- c4 p; H6 s+ ~, \  i: V

+ M+ m3 n- D9 m</script>