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

zw2004

<style type="text/css">; R, n" i9 p) h0 H" N& m3 f% p
#supertext {# B; f* `9 z/ X: h0 d
position:absolute;
/ ~7 ^) S! ?- M& b3 I0 ^left:0;
7 s' [5 [8 @. ]( j! e! R* ^top:0;
  R7 X0 A% n- T% rvisibility:hide;. B5 i" _: [0 @" u7 ]" |
visibility:hidden;+ I9 [1 J$ A8 L. P8 z* r
}6 B) [# g+ Y- d  u& Y& M' I" a: X
</style>
" H6 p9 y. O9 C<script language="JavaScript1.2">+ u" D4 a1 N; i7 I/ T8 C
<!-- 改变下的字体的大小。颜色-->
  G: K6 y1 Z0 l; G$ Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 @8 Z: o+ P1 ]" _9 k1 \$ ~# {
var hidetimer='';
7 `5 [8 h# Q! M. q2 e<!-- 改变下的弹跳速度-->
) y% Z2 W# r0 e+ v% ]var BallSpeed = 20;& j5 c, n. h# S# d2 ~. ^
var contentWidth;
# h7 S- I9 D- t; x, t2 k8 t3 `7 W1 [var contentHeight;
. }0 s; h& ?4 i  qvar maxBallSpeed = 50;" q! B  n2 x8 W6 s3 y

: F1 d1 E% A. @" F! t  w: ^$ ?4 p& Q7 h$ ?1 }1 K
var xMax;
! v+ `4 C3 |$ N6 f, g, c) b7 b, W9 rvar yMax;$ Q) O- Q& `' c
var xPos = 0;
6 @7 U  n# H4 m# G4 qvar yPos = 0;1 z1 G7 j4 `/ |7 F
var xDir = 'right';: Z) ?, t- s; I; W1 v3 A
var yDir = 'down';0 H5 V# ~8 D7 i
var superballRunning = true;( Q- p2 \$ n& e8 I6 U2 c# A
var tempBallSpeed;9 l9 W" y" D, ]( R
var currentBallSrc;
+ k! U1 l: `; n4 k" i$ Bvar newXDir;
& e# L+ U/ @8 s1 \var newYDir;
- K; U) o" p! k+ B6 w. P
( H% B% s, [: A; ?5 F' mfunction initializeBall() {" d; ~* c+ p2 h2 w+ P! b1 p1 P
   if (document.all) {0 c5 `3 z# r0 h5 _2 N
      xMax = document.body.clientWidth% \  `# \# O: t
      yMax = document.body.clientHeight* X$ ?, a# x7 h* \8 [
      document.all("supertext").style.visibility = "visible";# _! y& _; @$ ?: T
      contentWidth=supertext.offsetWidth
' @$ \3 j9 g* a9 `  G; `4 I      contentHeight=supertext.offsetHeight4 F) r  I4 q/ P3 C
      }( K+ C2 F1 V. D' W% R6 w
   else if (document.layers) {
& `6 R, b1 l6 b      xMax = window.innerWidth;+ s$ e: k; y- `1 X- B
      yMax = window.innerHeight;
% b& |- s& n+ a% w) c9 G! k      contentWidth=document.supertext.document.width: B( c" m3 s! t$ a& m; |
      contentHeight=document.supertext.document.height
+ d9 k1 s; X0 A' ]( E, L$ i( A  F      document.layers["supertext"].visibility = "show";
* R0 r, ]3 T9 `* D1 z" z      }$ J+ X8 F: M* P5 M4 u
   setTimeout('moveBall()',400);
$ I  z6 d9 h- x: S   if (hidetimer!='')
* |: k4 i' H6 T( I3 z. L   setTimeout("hidetext()",hidetimer)
5 \1 X4 o) ^( [* A* [   }
' n/ O; I& r  B+ v& h
- b. e8 s' s+ dfunction moveBall() {
/ ?- F9 \$ V: O0 [* p   if (superballRunning == true) {
  p0 G9 ~4 y; I( j# F      calculatePosition();6 e0 k8 w5 j/ M! [# Z& _( I+ ]
      if (document.all) {
" [; O; E5 e3 r5 ^) W  S         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! u/ f! I& D* G: |4 e" ]         document.all("supertext").style.top = yPos + document.body.scrollTop;0 ~: q/ Z' n; q7 e# x7 w! Z
         }
9 X" k6 C& Y( K7 [' j      else if (document.layers) {% Q# i2 M$ Z: N! k$ A1 j
         document.layers["supertext"].left = xPos + pageXOffset;
8 S% C. c- B; }6 k7 M5 m1 i1 ^         document.layers["supertext"].top = yPos + pageYOffset;# ]2 p$ X" v- D; c0 J
         }( C0 H3 W0 G  L
      animatetext=setTimeout('moveBall()',20);
6 k2 F" ]! B# s9 t" I      }
6 a+ \; h& g1 r0 g  [- v   }$ ?3 V% b8 K) L1 h

0 |: s$ E- h: x' O( f# vfunction calculatePosition() {8 l: F/ d) y0 B( n' o! t( V" j" h+ X2 U
   if (xDir == "right") {7 c% V  L6 a( Z; j
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 P- c9 j, g; F$ [# j# I: ]
         xDir = "left";
* E3 J+ ?- Q$ Z" S1 b         }
& b: L& H" X6 R; c+ }      }
. p+ k5 z8 G! e9 K% v5 |2 Y   else if (xDir == "left") {
5 X- ], G0 [, G0 ?/ [      if (xPos < (0 + BallSpeed)) {$ s( ~8 k: B; y/ @( a- n3 O% s
         xDir = "right";
4 w6 `1 y$ w2 F0 g         }
  z3 U0 D9 d3 Z9 v: T: a/ x% T      }
& W' y) [9 P, z, R& H   if (yDir == "down") {% y3 {! @" n. W2 I4 L
      if (yPos > (yMax - contentHeight - BallSpeed)) {; H0 f9 [9 n, z0 @% k; G8 N
         yDir = "up";/ X2 t& q4 P. y* s7 L( |) ~" }( X
         }
) e7 t7 A5 z/ `( y0 R      }
+ I& P! H1 Z7 P) e! v   else if (yDir == "up") {
0 f& }+ y0 c1 A6 U8 p$ p      if (yPos < (0 + BallSpeed)) {
: I/ T8 Y# E  I  ^4 c         yDir = "down";
$ |" ?( @1 T/ W5 x         }
( Z; C1 _' r1 u! T/ V0 ~% N      }
. e# `2 z9 Z- o& y! Y   if (xDir == "right") {) ~0 n7 i) D2 _9 E  Q0 n! F* E: I( i
      xPos = xPos + BallSpeed;
' \% R+ u- L5 R' e: i      }8 S) r7 L# ~: G4 p
   else if (xDir == "left") {! D& N& D. O7 ]8 Q+ K
      xPos = xPos - BallSpeed;' R0 r. n" \/ F2 Y8 B8 r1 t# W) \
      }% L4 a  Q0 L7 P$ O" S, @4 F
   else {
& w% \% R% F8 z+ ]6 ?. j+ }7 Q      xPos = xPos;& }% R% ^) X5 d% Z
      }; w# f2 U7 j0 U# w
   if (yDir == "down") {/ D0 ~/ V  V: ]# {
      yPos = yPos + BallSpeed;
" F1 I; F9 _" I" \      }
; o% p. v+ r2 s& d   else if (yDir == "up") {  s# ?$ D# {- U/ t$ l+ C
      yPos = yPos - BallSpeed;: e) }  N7 [5 f$ [7 V
      }
# V4 o6 |3 j* l2 f   else {
$ c$ h( Q" ]5 {2 ]$ b      yPos = yPos;
" k6 O4 v, y4 D" s      }9 v1 x- m! Z5 X9 H
   }
9 T1 G( D5 Z  w# ]$ }( u5 F7 ^/ r: c. m0 t) [  X, p
function hidetext(){8 V; V7 @. h# L' O' s
if (document.all)  V9 d+ A! ^: \8 i, F7 s
supertext.style.visibility="hidden"
% D$ j9 ^8 Z; c4 pelse if (document.layers)( m5 r  u# {; G: o' q5 P
document.supertext.visibility="hide"
( O- |, {& h0 c! NclearTimeout(animatetext)
" y4 @, H% b1 @: [( E. w8 o}
# L$ S( z3 f' }2 [4 ^8 F3 q% e. x, U/ t0 y3 J1 Y: g1 `. V; }$ v
if (document.all||document.layers){
  ~& g6 _. M9 `$ d% z" K& _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 H2 G) _0 D& b
window.onload = initializeBall;
/ x4 |: a, N: `window.onresize = new Function("window.location.reload()");
* f1 o/ z6 ?; Z& ~4 o}- U2 T8 r4 P& `" A

3 e. m/ L8 Q, Y- ~/ A</script>