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

zw2004

<style type="text/css">
2 ~  e3 M, a3 X4 K- s7 @, o#supertext {
( E9 K5 L$ Z, m0 Nposition:absolute;
& v1 C4 y9 A, }- R" \3 G  N  dleft:0;
( z5 @5 {4 D: Ttop:0;3 @  t7 H& Z2 ?% y
visibility:hide;
) ^& g3 Q0 F( K( Avisibility:hidden;0 X9 R4 |8 D! T$ g( ?+ Q$ T2 r
}
2 L  P, O% a9 G) E  @; Y: J7 Z: p$ ]</style>
& h( ?0 B  i0 c' [0 ?) X1 }<script language="JavaScript1.2">
1 V2 u+ L* Y1 R8 Z  A1 x, F<!-- 改变下的字体的大小。颜色-->( o+ b! C8 w# b# r0 w( r2 @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') `) m" j5 s# j' E0 @
var hidetimer='';
; A3 I9 w3 |3 J# X<!-- 改变下的弹跳速度-->
4 d9 A9 b: _; V8 h$ K% dvar BallSpeed = 20;
# G: M  ^7 B) |3 }# qvar contentWidth;9 |8 \1 J- W: r: O- g
var contentHeight;, E& r6 p. Z) F) p) B6 \7 l& I! p
var maxBallSpeed = 50;
2 v" r8 E* N' B1 @
( a$ W; I% ?( H! ?
& t- U) o/ ^. T$ S+ `& M8 K* |var xMax;
4 Q* N% u5 x0 i3 F; `7 f" h2 P; Gvar yMax;0 Z  I, t, ~# |8 Q- d" s( g% n
var xPos = 0;% N) M! O. ~7 j% j9 e! Z
var yPos = 0;
  Z0 {- ?; D7 K% F( rvar xDir = 'right';
  h* S- u  v- D* |) B+ Jvar yDir = 'down';
- a) ]9 R2 q# u/ `var superballRunning = true;
- Q% x8 N. E! s6 Q4 \var tempBallSpeed;5 G8 V+ f5 @$ X' k, w3 [4 x5 |
var currentBallSrc;: b! s3 A  E* T6 |  k
var newXDir;' Q9 d% H' \$ R0 y: v; N9 {
var newYDir;
( d( |. ^3 D" v! V3 B
; z6 b- U" J  m8 d  R6 ]0 Q3 wfunction initializeBall() {& `2 @( [" n. |# @2 O- B
   if (document.all) {- }: O/ F5 @) f! d: Q: K
      xMax = document.body.clientWidth& u. a0 U: o) m, x
      yMax = document.body.clientHeight0 K$ [4 O* b2 I
      document.all("supertext").style.visibility = "visible";
+ r& s& G: C; G6 B: ~% T% j' h      contentWidth=supertext.offsetWidth
& b8 y0 q2 V/ ~0 R; T      contentHeight=supertext.offsetHeight( e$ X# H& g6 m8 a. ^6 B
      }
- ^( w5 U4 d7 F, y( Y   else if (document.layers) {/ _% G" R* H5 G$ \
      xMax = window.innerWidth;
2 Q3 L7 Z4 ?7 }& E% b- }4 h      yMax = window.innerHeight;9 H1 o# q3 ]4 w) S4 g. k* J: L
      contentWidth=document.supertext.document.width
+ e; b- G1 k0 J      contentHeight=document.supertext.document.height+ ]  U  w; @- L* X! Z
      document.layers["supertext"].visibility = "show";
% k1 G1 h& ?: r      }
- G  Y2 W& k, J3 i( E   setTimeout('moveBall()',400);( A7 ^; K. k! d
   if (hidetimer!='')
( w5 m  ^# b. b2 G* M3 `8 b   setTimeout("hidetext()",hidetimer)
% ^2 O: `" G% P: }' _* `   }6 C# \% I% o, v6 Q* Z2 y5 C4 c

1 ]* A4 p( y' E& lfunction moveBall() {. ^* F$ V- ^1 b
   if (superballRunning == true) {- R, L9 T! v  I' J9 z5 c! o
      calculatePosition();
2 [  P9 C2 H8 s* d- R% ?3 n      if (document.all) {" v& i% t' Q  k
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  i# [! Q3 m" H; j) j
         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 |1 H. g( H' p- a* m         }. I/ e$ E0 O9 B* E# o
      else if (document.layers) {
5 l& H0 @# ~6 q9 m/ O' s( S- U         document.layers["supertext"].left = xPos + pageXOffset;7 Q4 I8 A) p+ K. K2 n5 ~" T8 n
         document.layers["supertext"].top = yPos + pageYOffset;
+ ~( ~* N$ S7 s7 S' u) m/ M         }' i- K/ T% c2 Y: b! v
      animatetext=setTimeout('moveBall()',20);  _' `3 \  W( d
      }0 y4 W# h8 ?0 _0 J
   }/ T8 d: R8 V( B, _) h6 [) ]
. J' G- Y% K8 E, r/ ]' I. E
function calculatePosition() {4 N/ A0 X3 w+ t. m7 ~
   if (xDir == "right") {7 i( X* N" b! D. x4 j5 J8 C9 `
      if (xPos > (xMax - contentWidth - BallSpeed)) {% D* `6 ~) D  W, V
         xDir = "left";! M  T* c3 e! p
         }/ [$ M; V0 c( ~5 d& |1 D
      }
2 B% ~4 ?2 ~1 U2 O5 d   else if (xDir == "left") {
0 w( {6 y: w5 z& P! q      if (xPos < (0 + BallSpeed)) {
, p5 K! S" b3 _! @2 v5 ~) [         xDir = "right";8 G8 U3 A2 Q6 Z' y0 h
         }
' M" B8 w+ C1 _5 e      }
7 B4 \. }  e" \1 P0 N! d   if (yDir == "down") {
' W  Y7 k# h9 Z2 x% P      if (yPos > (yMax - contentHeight - BallSpeed)) {9 p  b8 E* ]. M9 M/ f
         yDir = "up";
8 D6 I5 |- l, O4 n8 N9 N         }" _6 v8 E9 T& _" K! u+ i7 q2 ]
      }
( _# u& t" V) t1 Y8 a   else if (yDir == "up") {
9 h3 Q5 l" m4 N      if (yPos < (0 + BallSpeed)) {
( e2 ?9 Y# d! ]- ]1 r         yDir = "down";* Y* y4 R3 S4 R) m' I3 x
         }3 ^+ u1 {9 i- L0 h
      }
, c* ]! O; g& `2 R9 ]. w   if (xDir == "right") {+ S6 R& L9 `2 @, O" D9 a# p
      xPos = xPos + BallSpeed;9 `: L) s$ w" z# R
      }# m7 j( f+ x: J, M
   else if (xDir == "left") {
/ L7 R( |! L3 K) y* }      xPos = xPos - BallSpeed;
0 K& [, R! G7 R# [% Z1 z      }
) y9 _2 W' L: S$ |3 a; ^   else {+ [6 \. M% j; y6 b( W
      xPos = xPos;' o6 k% u  t( v* t7 {
      }
4 p- S2 Q/ o8 \. \5 [   if (yDir == "down") {$ I( P3 }9 s9 G0 y+ e; N8 t
      yPos = yPos + BallSpeed;
' O5 s: [3 K. A      }& C$ ^) [' q% s
   else if (yDir == "up") {! H2 b, l5 H* {7 P( ], J8 I
      yPos = yPos - BallSpeed;- C; T4 E5 G6 ?6 z
      }( B2 C6 ~2 j9 V
   else {$ w/ m/ m. d, d0 I2 i+ H
      yPos = yPos;
2 }' N: M, r5 \1 l: Q      }
5 r# a  o/ {" S9 T   }* @. w2 i; y5 t0 H2 ]$ G
7 q$ f/ d  o" ?/ p& \, I
function hidetext(){
/ I$ b$ V* _+ D$ Lif (document.all)
5 |# I9 Y% W: Y! ~' e! _* ~" z' Xsupertext.style.visibility="hidden"
! V6 N; m- A4 v; t, D' Telse if (document.layers)
. l, o# J$ j! Y1 ^document.supertext.visibility="hide"
- _6 Z8 R8 d0 U3 p. @clearTimeout(animatetext)
6 n( O) r* r9 O$ [}
7 C+ O- i; z% [9 w/ w" C
; t2 C8 p, W! X* `5 iif (document.all||document.layers){
8 i& H2 v. z6 ]" c' B6 adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! }- O3 a7 Q! O- f* w9 Pwindow.onload = initializeBall;5 F  M4 k0 M+ }9 Y' e
window.onresize = new Function("window.location.reload()");+ O5 b8 ~6 O& G4 u7 w1 Z4 f
}% J. _: c8 R7 ?

1 y! y: c% J0 s, g5 J2 C9 O</script>