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

zw2004

<style type="text/css">: Y$ g6 ?; C2 h7 n8 ?; M
#supertext {
4 H. w9 b1 C& x  Mposition:absolute;& H% f8 L* S* @$ H
left:0;$ r2 [4 s/ b) j* I
top:0;: Z* {0 q: n, ?3 x
visibility:hide;
2 v: m& j- n9 K0 j, T2 N+ `8 Pvisibility:hidden;' c7 e; b: ^! n  J
}
" \- r) J+ ^# Y: ^, l( ^% R: F</style>! z/ q) G; s* H. }% p
<script language="JavaScript1.2">$ C6 r9 Z7 J: W7 g8 b3 a5 X0 _
<!-- 改变下的字体的大小。颜色-->
- b( ]& }. x. l  I0 r) svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 N. r" d* m1 ^6 A
var hidetimer='';0 X5 N' D9 z( V2 }- U3 n: ^
<!-- 改变下的弹跳速度-->
" [% `* G5 [  E, d7 mvar BallSpeed = 20;
8 }6 G! j* m  W3 a$ e8 rvar contentWidth;
6 W6 W( A3 Z1 I3 u( P1 \var contentHeight;
: F( L- Z: ]. o: @- C* I  d* H; Kvar maxBallSpeed = 50;
0 ]; j2 b4 i7 }2 R$ s! \( e. r% ~8 N3 D+ R) I* L
5 o# J/ b' N6 {
var xMax;  M* }8 S) G, g: h1 I; C8 |# E
var yMax;
. h7 o2 E! \8 v' Rvar xPos = 0;
  x- p* @9 P* k5 e6 W  F1 cvar yPos = 0;$ a% _# b( B, M! U6 {- ~8 m7 v
var xDir = 'right';6 _3 Y# s. |+ \- @
var yDir = 'down';3 Y4 a- s7 B3 M9 W( c# }
var superballRunning = true;
! W7 k& Y) {/ {. W& ?  fvar tempBallSpeed;% r* t( v% `" `0 z  U% @
var currentBallSrc;
: e" W, p0 e8 C7 P1 Zvar newXDir;
9 f; U+ E8 S, G1 n  wvar newYDir;" P' w! q3 v' P( Z; `7 M6 o; _

. ]+ H0 j8 A9 y8 P3 Q* P3 M' V9 ]function initializeBall() {' C' w- u) O, x( e3 H
   if (document.all) {0 ]2 y' L  {7 v( Y) ~  t
      xMax = document.body.clientWidth
$ V0 v0 ?9 U  l, c' F' v      yMax = document.body.clientHeight/ D1 E- v' G# M' O1 P
      document.all("supertext").style.visibility = "visible";1 l/ P: B# y* a* K4 R' Y& r
      contentWidth=supertext.offsetWidth
1 R4 i  G7 u; d' Y8 ]! V7 O      contentHeight=supertext.offsetHeight
+ ^' S3 M, S2 g: I      }$ |1 u. Q5 e' T3 @# z+ _
   else if (document.layers) {- F0 X+ U* q0 C( d/ k# ^: u
      xMax = window.innerWidth;
: X2 P, ?  J( n! S6 y/ y$ g9 K' P4 i5 m      yMax = window.innerHeight;
. @: A: j$ W& A; j& s2 E$ e      contentWidth=document.supertext.document.width
- L' _$ U& M" y( p; B2 y      contentHeight=document.supertext.document.height
$ K4 `$ [2 ?% n. K- n; j( I' }, `" ]      document.layers["supertext"].visibility = "show";
! r: A3 u/ A0 ]1 l2 R0 p      }( h4 J! T+ s" T
   setTimeout('moveBall()',400);. H% D; J/ _: V+ J
   if (hidetimer!=''). r6 i9 \' }6 L1 }, p
   setTimeout("hidetext()",hidetimer)
" z+ `( m3 _, X# t  S8 ^   }0 J. P$ b+ z. j7 Y

( E$ [  B. v! q' Z1 sfunction moveBall() {
0 J1 L2 `& ~0 I* Z1 g% ^3 t   if (superballRunning == true) {
+ \. l  }# l; O; {5 D8 a) s- A      calculatePosition();
- _) ~9 ~- M- l      if (document.all) {
. b8 b: l( v4 T. J; u$ N7 ]3 n         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 d4 S  |6 p6 ~+ s( Q         document.all("supertext").style.top = yPos + document.body.scrollTop;5 y, c4 _, @6 e4 b7 s
         }
& M# A# I+ V9 ~% M      else if (document.layers) {
1 s/ K: R! f6 Q         document.layers["supertext"].left = xPos + pageXOffset;+ `  [3 o! I: L
         document.layers["supertext"].top = yPos + pageYOffset;
2 _8 W- h5 c- h6 E; D& J0 e, h2 N         }- b( r& C6 {3 G+ L
      animatetext=setTimeout('moveBall()',20);
. C; @+ T$ e0 S8 z' i+ J      }
* ]9 x3 k7 e0 T9 n1 M' c   }
7 [7 o% |0 ^! j0 m& J& f# {) g$ [; {8 j
function calculatePosition() {' y) ~' C9 b/ Y7 v/ @
   if (xDir == "right") {5 }0 |; `; S3 s" n7 e: m2 P
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% Y6 G0 \8 d) j5 s0 T         xDir = "left";) F' g: ]# T& N1 \
         }; J8 b; k4 A+ G6 b' V. D) I! u
      }
2 \# H4 i9 D$ Z4 q8 \& m! a   else if (xDir == "left") {% G7 o8 D' h; B
      if (xPos < (0 + BallSpeed)) {  o/ U4 L  G3 J$ y2 D8 v0 ~
         xDir = "right";7 m) v0 y, F. [! b" H* O
         }9 a4 [! f9 Q1 R5 w& X
      }, w6 G; f. i# [( _! e. R- e
   if (yDir == "down") {
7 R0 G  G' B, D- x0 N      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 S( W8 I/ I1 X: j7 [& K! ~* S         yDir = "up";3 A1 M. i0 M+ L, L; y* ~* u7 O
         }" Y1 f  g4 y- x; W: O) I" b
      }+ p" k1 }, [0 M( [' k" P
   else if (yDir == "up") {9 w' T7 F+ L0 B" `% k* p
      if (yPos < (0 + BallSpeed)) {
3 v5 h) P3 E8 h5 _5 I  m         yDir = "down";
( E2 i; M$ N8 N. z# m2 H         }3 V" o$ |7 g/ n( i: x* i4 Q
      }$ y2 O& v# G1 G" z0 s; V
   if (xDir == "right") {
7 ^7 G& ?9 G9 [9 V' t$ s2 q      xPos = xPos + BallSpeed;
+ f+ Y; _* M2 f( z* q: G! D" T      }
, |1 P, C4 T$ D& M' e. D, Q- ]* }   else if (xDir == "left") {2 l1 q8 ?$ O( V8 [" ~5 b; _6 p6 U
      xPos = xPos - BallSpeed;
: o9 c3 }8 G& s      }: T& ~, N1 ?5 q2 `4 G( A
   else {
; m( @% y$ A( F7 J4 z' Q      xPos = xPos;- |9 P1 c+ ]; o1 n+ G
      }- M$ @7 Z& a! U; ~
   if (yDir == "down") {5 z' ^$ F9 a3 W+ F, a+ e! Q
      yPos = yPos + BallSpeed;- T9 ~: ^/ r( M+ b4 i8 B
      }
" L& k  i, i. n7 Z& }   else if (yDir == "up") {
) Z  }7 f/ d# l# L2 H4 G% Z      yPos = yPos - BallSpeed;
1 q$ ?- \7 \2 J3 j# U      }4 Z$ A: t: B& @' Z
   else {
# k* t$ ]. [$ N5 N. v; ]      yPos = yPos;, t8 k2 B& w  t
      }! Z6 ^* N7 b; g. S: y
   }5 p" R( p' Z0 M/ S9 C) t% ?; I4 c
! s: K+ q  \( y3 O
function hidetext(){9 n0 i$ ^& c  U3 R2 r3 `
if (document.all)
: I. U$ c8 h& F- O/ h1 r+ qsupertext.style.visibility="hidden"/ M& c( U2 o  c; U2 M0 \/ [! a
else if (document.layers)
0 y% Q2 K7 o( o: K1 D& H# s# Z8 Pdocument.supertext.visibility="hide"# j0 n& P/ Q3 ?7 w) }
clearTimeout(animatetext)" Y/ F8 `. r2 Y& R8 r- r9 p/ d
}: J, C" I$ H# y, @
7 L6 m( d) n8 V8 u
if (document.all||document.layers){$ a8 y" O& z( u1 ?& o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ Y! }) a0 c" i9 |
window.onload = initializeBall;8 y( T2 q) t5 j- A6 b. b
window.onresize = new Function("window.location.reload()");/ u8 V5 H2 K+ k. E8 U
}
5 z, N% W/ s# c7 w
, k, i9 `; K5 v* t+ k) t$ H</script>