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

zw2004

<style type="text/css">9 u3 [3 i. @" Z) R5 Q
#supertext {6 s0 Z+ H/ E* U) Y. q* @
position:absolute;
7 }; k( U4 M( a# n* Tleft:0;
9 D0 G6 K" w- N$ L1 rtop:0;
- r  Y2 ?( j3 @$ T, wvisibility:hide;* b2 d0 N) |. r2 S1 R
visibility:hidden;; t0 w9 B0 [. D( Y7 u
}
" f% m* N* y/ `* _0 z, r</style>
/ t) J  d' F, |; Q7 |" p<script language="JavaScript1.2">
* n( H* M. p- J0 B* y<!-- 改变下的字体的大小。颜色-->8 Z6 s% m' B' o+ R$ J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& S  K- M1 j1 ~& v, B4 _+ ]7 L
var hidetimer='';9 K5 N9 i. h& O/ l, I
<!-- 改变下的弹跳速度-->
6 [! E3 W3 J* o% G& C+ Tvar BallSpeed = 20;/ I2 Q" N3 l6 ?7 }+ B: s2 A
var contentWidth;
9 p1 m! w- P0 x, j1 t% \var contentHeight;
  E/ K1 w6 l8 Z/ p$ {6 Y) jvar maxBallSpeed = 50;, a+ y/ [8 a& d% n% Z5 ^
! L. K# w3 ?$ \. I  A
0 i. j- J3 r+ ]; e
var xMax;
. n8 H+ w! p* v4 L5 S  M6 [8 a* J' n$ @- Jvar yMax;' a$ w3 n3 H# c
var xPos = 0;
4 [8 U- Y( u* v' qvar yPos = 0;
! w' [- ]6 |- s7 wvar xDir = 'right';. W; s4 @4 v. k
var yDir = 'down';
2 b4 j9 \/ }7 J2 Jvar superballRunning = true;, Q$ X( Y( I) u! V8 E& M# F
var tempBallSpeed;
3 ]  d/ U; h: g& tvar currentBallSrc;* w, k# U3 g: R, U( @1 a
var newXDir;3 ]& Y" g3 g0 i* C( j
var newYDir;, L- e+ O" L% ^' {, o

7 O- t& [# i4 ~; a# ffunction initializeBall() {
. m0 M( w7 L3 k! n   if (document.all) {9 M5 ?4 Q8 N* M9 I+ T
      xMax = document.body.clientWidth, K" J1 G7 n9 i- H
      yMax = document.body.clientHeight8 l8 e" l" H+ y: t9 E/ o
      document.all("supertext").style.visibility = "visible";# h: r1 B' N, Y* U
      contentWidth=supertext.offsetWidth
1 o4 T/ O4 n8 L* d, M5 a      contentHeight=supertext.offsetHeight
- T( n) r! o7 P) e      }' h3 M) V5 a& I5 R) y7 V$ C
   else if (document.layers) {6 G- x; L, q9 a# D
      xMax = window.innerWidth;
$ E) k5 n1 \5 O2 h      yMax = window.innerHeight;- x2 u3 x  j- `9 k% I% a
      contentWidth=document.supertext.document.width$ G4 J# W2 H" v  S8 W/ l8 e
      contentHeight=document.supertext.document.height, L4 f; a7 k- g" t6 s4 A" B
      document.layers["supertext"].visibility = "show";
' Z1 {2 J& o4 U( x; y3 ^      }1 b: O. [5 m/ B3 h; d' X4 O/ X
   setTimeout('moveBall()',400);! r1 \; A. X+ Y" K8 C# `
   if (hidetimer!='')
, h- ^; |4 \$ h9 D   setTimeout("hidetext()",hidetimer)
* y2 F% f9 f1 S# ^/ X: v; q5 P, G   }
6 z% Q0 R: X: Y
: [( W. f$ |+ p, D: Ifunction moveBall() {
3 F" p6 K' y3 b9 }& \+ @4 G3 Z   if (superballRunning == true) {4 d/ H( [7 o. L/ f9 M. S% q
      calculatePosition();
. l7 ?/ T7 k) d$ o) l8 w( R4 E+ S( }      if (document.all) {  u' f7 f2 k3 A' Z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" M9 N- a0 j) C( ~. n
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, \' I- Z1 Y' z( J         }  t) ?4 }" ]6 h! h
      else if (document.layers) {
6 X# E$ O% ^/ @. ~9 O         document.layers["supertext"].left = xPos + pageXOffset;
" n) ~4 X& i6 V, ]  }" @2 W         document.layers["supertext"].top = yPos + pageYOffset;
" q2 a9 l# h! x1 @3 R$ f         }
8 L+ h; l8 q( g      animatetext=setTimeout('moveBall()',20);
6 V6 ^% L/ X% l. B/ s0 ^/ P. Y      }9 H2 b  m- A/ {8 i3 e
   }
9 ~% X: I  U, R! O
: {, T" l& M5 Yfunction calculatePosition() {5 }; y( k4 C' M9 g
   if (xDir == "right") {
* ?4 W  U- Q" b3 J      if (xPos > (xMax - contentWidth - BallSpeed)) {
- B) N9 W) J" [% y8 |         xDir = "left";
7 Q8 r( x* ]# r         }
$ _( L5 i+ M. ^$ e( ?2 P% U9 w      }, L+ F8 d( _9 ]' h2 A
   else if (xDir == "left") {
. R  R9 j. e" U" B      if (xPos < (0 + BallSpeed)) {9 U) E) e, \% t0 V
         xDir = "right";
8 W. w0 [/ ]8 s( t; F3 y$ Y5 ?         }) v: \# n( n4 j! H
      }
6 d) X+ E" p1 ~+ a+ s$ F   if (yDir == "down") {8 t( o1 l& Q  o  ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 a$ ?" Z! x; r* }$ ~( y9 q  a, S1 B, v
         yDir = "up";
+ O6 R& I- P- F. F6 {8 b3 f  k         }
$ v1 s) _( o) h) q4 j% Y      }
2 t+ I3 s5 j/ i' X7 o3 ]   else if (yDir == "up") {# o/ v# P7 Q: W& W* n$ E: S7 c, G) B
      if (yPos < (0 + BallSpeed)) {' Y1 h4 c, z9 J7 T5 @
         yDir = "down";
& c( C% @3 W: ^( b7 Q' V) y         }3 F- W1 C& u4 j# N; E* V+ p; U2 m
      }0 `- P2 n  [/ {! J8 ]# C
   if (xDir == "right") {# o8 @- d! d  a  L; _' c8 E
      xPos = xPos + BallSpeed;
0 K' W, B  @* j1 A# p      }& d8 {! A- v5 [: r4 Q7 x! x
   else if (xDir == "left") {/ j9 O1 O4 E% W. ]4 ^# [; b
      xPos = xPos - BallSpeed;
, y" o7 {. W3 R3 h/ V      }
, }$ V% [! Z. u' K# m# \; Q; m   else {
9 C( K& \4 N- }& u- n/ n  C7 V      xPos = xPos;
! t  c6 b. `, r. f$ V. S6 S* a      }8 Y$ Z4 Q$ [( {6 F- m, D
   if (yDir == "down") {: L9 h* y8 _% A" Q9 D  m/ w& B) ~* L
      yPos = yPos + BallSpeed;
+ I! k7 V# J7 ]) @( v2 m      }! j1 K1 w* k: g4 V( Y8 C
   else if (yDir == "up") {
, ?. d) K2 ^2 f# J% I4 r& Z      yPos = yPos - BallSpeed;
6 d# f* E" F, y. F      }
- Q/ v# X( Y$ V8 f/ p0 K, n   else {8 U6 S+ R) K/ j5 B
      yPos = yPos;3 S& \3 B8 l! Q, s
      }$ W$ s, ~0 C* D# r. {4 x) }( U
   }
- x; e; @. s4 e/ M( m: g1 e6 l' _3 q! X. w) b# {2 \6 h
function hidetext(){: p' }7 D# ~9 B3 u; q
if (document.all)4 Q3 D* X  p) s- l" j3 V$ A3 n
supertext.style.visibility="hidden"( d3 R- I6 P' q  Y. g
else if (document.layers)
# K2 @& D  N+ F4 Q: ^document.supertext.visibility="hide"
. O( z7 t' R4 E4 dclearTimeout(animatetext)
* {) l" f# t7 \) [9 a}& f& D1 y; t, x, b

2 p* [( e- r8 F( U% p1 L. @# iif (document.all||document.layers){
8 U( S2 b- I1 |3 c5 h2 V7 bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 {6 `/ r' ]1 pwindow.onload = initializeBall;
. E; N: F9 i( K+ i" s" g  g. E% @window.onresize = new Function("window.location.reload()");
* b: i7 K. J1 l}
2 _8 f) M  R9 Q, L: V: y3 S/ v6 Y
. R; G# ]/ C  L- _5 w2 b: I( e+ r9 l</script>