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

zw2004

<style type="text/css">
! s0 }! s$ s' `' u. R#supertext {
8 L& \8 ]+ i1 g9 oposition:absolute;4 T( J* I7 M1 ?4 |$ b& c. d
left:0;; v; R* a, c( ?7 K4 k, r
top:0;
. j) }2 B1 S4 K8 @5 \* g1 Ivisibility:hide;
! w( @3 k9 f2 b. A) Fvisibility:hidden;
9 Q+ k4 o; O' e: W: k/ U/ @, R$ m* f}# K: s9 y( \* h8 ^, k& D
</style>. A" P% ~1 a2 b8 @0 A8 E! `; r4 D
<script language="JavaScript1.2">
: n* e- B5 T8 J" o<!-- 改变下的字体的大小。颜色-->: e+ ?3 e7 J) u+ V: {6 t3 s, }" q- |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ u4 a: J5 U* N4 m6 l8 G2 s' x( I
var hidetimer='';. c  U" L" h0 ~" ~. N
<!-- 改变下的弹跳速度-->
: E# V7 i" E% C4 {# Y& dvar BallSpeed = 20;5 V8 A* t  M* ]/ n9 v
var contentWidth;: L' |" n$ ]* B2 R
var contentHeight;
! n. J- y- S! m' q6 a, z* X$ Jvar maxBallSpeed = 50;
5 ^- v6 O9 @1 ^! O) S( v- b% d# e- n. g9 o7 j, }1 p

9 Z  e1 P9 x* o" z# k$ }6 Kvar xMax;
( O/ w& {9 L. C. i2 yvar yMax;
( n! m0 Q. q7 _6 a9 {var xPos = 0;
5 C+ s! t& C4 {" O$ @var yPos = 0;
/ Y. `7 y: p4 e# h$ Z+ |var xDir = 'right';3 g& a7 r/ i1 F
var yDir = 'down';& W: C; f" _: g* _
var superballRunning = true;/ |* f4 A: J1 K7 c) _, T  k% U7 r6 I
var tempBallSpeed;- I$ R/ \( u' @* u2 b) w
var currentBallSrc;3 _7 X& a- }0 Z% q
var newXDir;
, D9 P3 r" P3 ]2 @/ lvar newYDir;
5 k3 J1 O1 i  E& N1 b' f
. {: [& v4 u& h9 Lfunction initializeBall() {
. d4 ?+ E# }3 y) e" U   if (document.all) {/ U+ S* d1 g7 A; C$ J; A& G" R% y2 Y+ E
      xMax = document.body.clientWidth8 L- s' }! r  ^6 ]% k1 s# e
      yMax = document.body.clientHeight9 O" \- i5 Y% `
      document.all("supertext").style.visibility = "visible";0 p* u$ l4 g4 b, V* \" j  o: l( m
      contentWidth=supertext.offsetWidth
$ s0 a6 O9 v4 e  g- j8 w      contentHeight=supertext.offsetHeight
* H5 C6 h9 \8 C. V. Z3 _; @      }7 [$ U( b; n. ~( L
   else if (document.layers) {0 K; d. Q0 `7 g0 F8 x8 c
      xMax = window.innerWidth;
/ a+ S2 ^2 F1 k. p3 q& }      yMax = window.innerHeight;
2 |3 x7 @; n7 V/ h+ ~$ A      contentWidth=document.supertext.document.width7 Q& r0 P6 O/ l% D+ u' S
      contentHeight=document.supertext.document.height
6 z  n/ `8 |5 r4 g) I      document.layers["supertext"].visibility = "show";# f8 y, N+ l8 ]& l
      }
( z  p" u1 k" x8 x3 \   setTimeout('moveBall()',400);
# @9 j5 k+ ]9 y1 S' u. J   if (hidetimer!='')* Q  J% z3 {" M, a. a. D, u4 U
   setTimeout("hidetext()",hidetimer)
( x$ C% K, c% m6 E   }
2 I4 F- w3 R/ R4 C- y. u$ i1 R! @+ C) a$ a& V+ g. ?+ f! O) \$ G
function moveBall() {' C9 w+ D$ ^  ?' D/ t4 }
   if (superballRunning == true) {- q( l; x! [8 A& C+ D' l4 p
      calculatePosition();
! q7 H4 H( [- q0 c; H! z      if (document.all) {
; W9 f* a+ @) g- @2 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;; y& M# U0 w3 A7 g
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& r7 P. P5 b) v0 \         }( H3 [9 P' D" q5 ?2 t: X" I
      else if (document.layers) {& m$ W) ^( l' ~( j& b2 ?" T6 B
         document.layers["supertext"].left = xPos + pageXOffset;2 N5 l) ~, D/ F$ b& t7 ]
         document.layers["supertext"].top = yPos + pageYOffset;1 D% e6 \! g/ s; U6 [
         }. \6 g! r% m3 ^- B& n
      animatetext=setTimeout('moveBall()',20);
9 h' }( w6 D& c3 M6 Y8 T' D      }5 K/ C) n/ W) X" M+ W
   }9 y8 w; d. x3 v& n% Q, K8 f7 W. b  J
) K$ ?& x/ S8 t" t
function calculatePosition() {  R2 U! ]: {% g) G: r- W
   if (xDir == "right") {
* T0 f& m3 @$ W0 Z/ [# a      if (xPos > (xMax - contentWidth - BallSpeed)) {% Y, F$ T( f# x. T& m6 Q
         xDir = "left";# z4 U: k" L! E# I# y3 Q3 W
         }
( n5 b: ^! D: }% l' E. N8 Y8 O      }* ^5 E+ G! t2 L8 t
   else if (xDir == "left") {. ?( p7 Y  z& a4 Q8 p: `) i9 h
      if (xPos < (0 + BallSpeed)) {" o5 Q, l& u; N5 O; o, {5 J
         xDir = "right";. y  j  j7 j6 E( {' F
         }9 Q5 @1 c  M; s+ E9 e% G0 A# P
      }
/ @) y3 B2 v& U  k# r   if (yDir == "down") {
9 s/ a& V8 e2 U+ M9 `  S9 n      if (yPos > (yMax - contentHeight - BallSpeed)) {3 d4 D5 C" Y' L5 v7 H
         yDir = "up";, R2 p9 H; i+ {$ r
         }
  `5 q1 @8 m9 i$ \      }+ ~. _: @' Z) m6 e* q
   else if (yDir == "up") {4 i! e8 Y( _* F1 I3 R
      if (yPos < (0 + BallSpeed)) {
% m% v" B4 x" {+ v         yDir = "down";. P7 M* m0 U$ u8 Y6 f
         }
5 j: M' u% v  k7 ~8 k, T      }
5 |% u9 f, Z9 @, v0 p: G/ b   if (xDir == "right") {
" \) P6 ^1 ^5 X$ m1 f$ Z- M  B      xPos = xPos + BallSpeed;) h+ V8 P. l+ O
      }' m( Z) A& P3 c2 i
   else if (xDir == "left") {- X! U8 q( v. N7 [
      xPos = xPos - BallSpeed;/ \/ w' i, Z) ?; R4 E6 h6 t
      }
) P- O/ ?3 l& [  p8 {   else {3 j  b" }0 }; ^
      xPos = xPos;% t6 K6 l2 t5 T8 H) r5 N
      }
  D$ S* R" N0 d   if (yDir == "down") {& v" }! b" A4 d3 o
      yPos = yPos + BallSpeed;, g7 _1 d( M. f
      }9 l' g6 h2 ]/ b3 {8 a" j2 z
   else if (yDir == "up") {/ P% f* C% W* S" u* e% _- i, N( d
      yPos = yPos - BallSpeed;
- M, Z* R  s% B  F' ?4 [+ F" X      }
4 \& f$ }/ L& |8 j. j( B   else {1 N# ], G: t1 k# \1 e% Z
      yPos = yPos;0 D; {4 Q+ `# j7 c
      }* p9 N6 z1 V5 l+ z8 C
   }4 Z7 {& [6 @5 W- U

8 c0 M6 n  _9 O7 nfunction hidetext(){
. [' ?9 d. D/ B7 ]" A7 C0 nif (document.all). ^! P0 j1 f5 M
supertext.style.visibility="hidden") ?0 E3 b  j' Q- x
else if (document.layers): }' t* S% D9 q$ U! `' E: X
document.supertext.visibility="hide"
. h8 p9 }& y3 _. |# j2 S& uclearTimeout(animatetext)0 V7 D7 }$ ?( j& K8 k
}; M$ Q+ u/ D! k2 O$ t3 ?

4 U- l' b1 x/ Uif (document.all||document.layers){8 P0 M" o' t2 t% c, K4 `
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 \7 g/ I% s5 Ywindow.onload = initializeBall;
" E) k2 m8 ]0 T9 u9 J6 D# y5 Dwindow.onresize = new Function("window.location.reload()");8 c. a% ^5 h6 |% t- s
}7 F; q/ L" k" S  Y- p

6 U: S8 Y- \4 w: w* o2 o</script>