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

zw2004

<style type="text/css">+ r! N: C, s  l1 v2 L8 B9 M
#supertext {) C8 i0 m0 a1 r7 S3 M
position:absolute;
7 `* F( v5 c# w' Tleft:0;
+ q" p) H2 f3 X& ctop:0;3 {; _: v6 U' `, q5 U% t& Z5 H: a
visibility:hide;$ R# E( k- G1 u2 ~8 Y4 G& b
visibility:hidden;+ m! I/ T9 L8 b$ L  S+ f5 ^# D
}) ?5 `4 R( w" @1 m% E
</style>
# m# R! z; ^7 t2 N9 E- ?: }6 D/ o<script language="JavaScript1.2">1 P4 P6 O( D, D$ a
<!-- 改变下的字体的大小。颜色-->
1 k. C! e, j( H' b+ {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* N* q2 E  l  \( v' Ivar hidetimer='';
3 a0 @( @% y$ [<!-- 改变下的弹跳速度-->
, H  H+ r8 ^% p9 ovar BallSpeed = 20;
! d7 Q- K7 f& Q& Z, s8 f! |0 J6 O. ]var contentWidth;4 P+ K8 I4 _$ a5 J8 j3 c! Q2 o
var contentHeight;- \; P9 x: y, O. G7 k) A% I
var maxBallSpeed = 50;& R& ?' D  e& ]6 Q- R- K
# O* r& Q  y7 n$ `' G

9 O* D* n- T, C2 m7 Gvar xMax;
) w& L& M" C" e7 u$ N* r- n- \9 Hvar yMax;
- Z. C$ l  M1 n4 nvar xPos = 0;
. L" Q6 H4 f( b1 e" G5 Tvar yPos = 0;
+ m- A# m+ c0 H1 J5 W7 Yvar xDir = 'right';" Y  A  n; J) w( n0 g
var yDir = 'down';
5 T$ |" F! R! n  o# o9 Uvar superballRunning = true;$ C1 p$ G6 b& C
var tempBallSpeed;
2 l4 D" T* W1 D# `& Zvar currentBallSrc;& c: O& h& q" s
var newXDir;
. u' Y6 o( ^  S6 O+ ~' O4 lvar newYDir;- M; X) g) |# J9 m) V

0 z$ E  j* h; ~8 ^% Jfunction initializeBall() {, W, y9 ]9 Y8 z7 R
   if (document.all) {5 C. p; ~/ s7 E; B8 Y" `! s: s
      xMax = document.body.clientWidth
0 j$ e0 D, ]! i4 g      yMax = document.body.clientHeight
4 ?0 {9 h( Y3 h) X! }' o      document.all("supertext").style.visibility = "visible";( @6 q' u& u4 p3 M# r* @0 x% X; ^6 p
      contentWidth=supertext.offsetWidth
5 M& n  P* d) K2 q      contentHeight=supertext.offsetHeight
$ e8 p9 a2 e2 `      }+ q; x$ {8 D7 G. o
   else if (document.layers) {) u! w5 |& U5 H6 G4 ?+ r" m) V6 Z
      xMax = window.innerWidth;
& z) O' D8 ?+ o4 S7 U1 l      yMax = window.innerHeight;7 J! k/ \3 Z) ]" N% r: \( |: J% a
      contentWidth=document.supertext.document.width
7 H1 G# p; }+ a+ n0 m      contentHeight=document.supertext.document.height
: D: t; k* |2 A% ~      document.layers["supertext"].visibility = "show";
8 i# e$ @5 B7 \      }
" ~. O& d3 l8 x3 V* i- l   setTimeout('moveBall()',400);
9 G  m- j3 y0 f   if (hidetimer!='')
* Q- U4 b- v; `; M; V, B9 I   setTimeout("hidetext()",hidetimer)8 k  z! x: c- L) y, D' L
   }
# }% R; `$ G/ T  R2 {$ h. I! D5 N, m/ v+ v# d% _
function moveBall() {
5 Z& \7 M" G' Q. ^: x# j# g+ K   if (superballRunning == true) {
' _, x7 T- H5 B      calculatePosition();
: n; X9 \6 E# q) @      if (document.all) {( k& q$ \9 s" r" _: E) D% v
         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ y: w7 \2 N# [& g# |0 P
         document.all("supertext").style.top = yPos + document.body.scrollTop;' @+ I6 }! k# ]8 S! s
         }
" ^8 a  v* v6 `8 N' [      else if (document.layers) {  K/ R# K) b! ^- {. u1 R- K
         document.layers["supertext"].left = xPos + pageXOffset;
# e' }% ~( @. t         document.layers["supertext"].top = yPos + pageYOffset;
/ G4 U! h1 M! O" v# o  ~' E         }
) o( T3 q1 o6 M2 Z" r& x      animatetext=setTimeout('moveBall()',20);3 n# x) Y! ^- d& K3 J! d! |
      }
9 G! B1 x& h! a5 l1 y   }) r$ m7 q" Y5 _* Q* @$ z
  x+ \, P, u/ v; C9 G
function calculatePosition() {
/ m/ b) r, R* P4 I   if (xDir == "right") {1 c, x. e0 o5 R% J  Q; V- h
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 y0 ?0 M( ^9 o' I
         xDir = "left";$ L0 F8 j( P3 G% h4 A
         }
8 r6 i+ N4 _# @- l      }
% T0 z8 G4 k7 q  A1 b' V4 T& p   else if (xDir == "left") {
" c- F0 P; J0 Q4 O( H      if (xPos < (0 + BallSpeed)) {
8 z. T3 ~) F4 t0 k- Y0 ~- m5 o         xDir = "right";3 U5 f* c2 Z$ B* _
         }2 ~8 ?1 P( C. s! I" s
      }4 x( N+ P( R, [, f8 b
   if (yDir == "down") {
8 D, k' T: T. E0 P      if (yPos > (yMax - contentHeight - BallSpeed)) {. E3 y7 C; ~5 m' W' S/ y6 u
         yDir = "up";* S1 U! B! e/ c0 @6 q
         }
- ]7 I2 z$ l  D) F+ _) n% r' z6 i      }9 E, ~, ^" U3 W' f. W- s
   else if (yDir == "up") {+ D# ~: j7 f  @  l6 z
      if (yPos < (0 + BallSpeed)) {
9 Q! B' |/ L4 G1 ^6 y# |         yDir = "down";
; Y* |% H- I% S! x+ F7 Q         }
  y0 U4 S# ^1 }$ F9 }1 v% t      }
" d# E9 o! \. r5 O   if (xDir == "right") {
9 l/ m) ^' M& x6 ]3 u: M- H      xPos = xPos + BallSpeed;: e4 T. p9 |$ S, N( Z1 H3 t
      }
; W4 g5 E- |! a' N4 c' Z5 i1 E% w   else if (xDir == "left") {
, L1 S! F. z; V6 |      xPos = xPos - BallSpeed;
' s1 j8 S7 Z7 j      }
% ~) ]0 x7 C% i; i- `9 L% a) O   else {
1 S7 \$ v- k' o! W      xPos = xPos;$ l' D2 v% A% J% }
      }2 V$ R, j- J+ P2 T7 R
   if (yDir == "down") {( K2 b5 o8 x3 G4 ^
      yPos = yPos + BallSpeed;& |  s0 A8 I8 \
      }
- j4 }; v: K( m   else if (yDir == "up") {
6 U  t  O1 w0 p+ r) Q# u- w! l, Y0 n      yPos = yPos - BallSpeed;
& x, C# [) s* y, T- ?0 o% b      }+ Y- P8 a$ Z( y
   else {4 J6 B( u. ]* ^. D  X
      yPos = yPos;5 I0 U" g9 o: s8 G, e/ `; P
      }
6 L; w% }" D0 q3 S/ A   }
' z# {. ~, B  g) [- w& [, z+ x8 s7 h
1 h/ a, u7 q5 o+ D: Q/ S( ifunction hidetext(){! x) r4 k! |& U" N. ]
if (document.all)
2 T' l8 c- O: e5 y  E2 {/ ssupertext.style.visibility="hidden"
& Y8 ~% M- n! Qelse if (document.layers)
* t: Z6 e! g  @: ], d" W' {document.supertext.visibility="hide"
$ G; ]; s8 }6 Y4 v4 x% _" ?clearTimeout(animatetext)7 W9 J' J; m# b! ^
}
" o6 ]" @+ `5 U6 o( @0 t& l# H4 R
- Z$ a# k: {/ Y& P1 Y' g) qif (document.all||document.layers){
! F( t9 S9 Q1 ?% v6 hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( v- i: C  |  O/ M
window.onload = initializeBall;' M! E! Y* Z# D$ M9 E
window.onresize = new Function("window.location.reload()");& i' p; K, O- i( Z
}3 l2 E7 [3 L/ A( g. R6 `: O
, h% [$ X; l  d, i
</script>