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

zw2004

<style type="text/css">; C* C' W! c5 H8 v) g  P! l
#supertext {
8 G9 y& Q& z. L+ p  Z7 Aposition:absolute;
# o' v  y3 d  fleft:0;
- {# k* m- e" P' O& ltop:0;4 S$ k; ~4 v& |9 Q1 T! ]) u
visibility:hide;
/ \6 R! s0 W6 s+ a  v8 t" e. `: Kvisibility:hidden;0 i! O) `6 h$ ]- b. K( i
}" l4 V8 W. v- p+ Z" T- I3 Q
</style>
8 @# u; J8 h8 i% g6 E3 x1 D<script language="JavaScript1.2">9 K$ P% {. C1 w9 K: h7 j
<!-- 改变下的字体的大小。颜色-->
+ i. B! ?& J/ t' P7 jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ e0 r% V5 J/ ~
var hidetimer='';
* f; z/ |6 G% ?$ R$ F1 k& V<!-- 改变下的弹跳速度-->4 }3 g" ?( H- f' L
var BallSpeed = 20;* `1 ?0 \& E0 g; ?- C& W
var contentWidth;' C" k5 ~* L  l! _
var contentHeight;
8 |$ d: Z( m: vvar maxBallSpeed = 50;6 _: a1 R: F5 @# a& @" U! i% {

1 D8 x: y0 r  Q4 N3 B8 x
4 [7 f4 O8 d; u/ j$ ]& E, D; A! }& rvar xMax;6 M  q/ X2 ~# o/ h
var yMax;. L5 o$ A% m: W1 A" G8 _
var xPos = 0;
5 K7 l* o3 c3 h* d9 {$ Gvar yPos = 0;
4 u, H9 r4 ?4 dvar xDir = 'right';
" Y: d4 b& B* L) E& Rvar yDir = 'down';' W" ^9 Y' \- @9 }8 O, V$ t
var superballRunning = true;
+ a# ?$ J$ M( C2 g# P, ~var tempBallSpeed;0 j# ?: @( W% p: M- h5 t3 H3 u
var currentBallSrc;
; _# {. D. \1 i( G5 ]6 F5 Fvar newXDir;) N8 c* C0 t; C" ?( T
var newYDir;
& r* m* ^% C+ B0 i6 z
" v# e8 x" {# ]3 Z& e7 Pfunction initializeBall() {
: ^. P/ f9 [- X, V' v   if (document.all) {
+ ?9 Y9 O0 ^3 r$ j6 b+ e& u      xMax = document.body.clientWidth
2 \( n# k. Q+ i: W; c      yMax = document.body.clientHeight
; a1 y1 j; I) F      document.all("supertext").style.visibility = "visible";& }, j% d7 N" S  }. ~2 W
      contentWidth=supertext.offsetWidth
+ v/ g. L+ w$ ^  V( W      contentHeight=supertext.offsetHeight2 K% N& J! Q! Y0 _: v( v
      }8 w- N6 I3 {/ i+ X6 G- ]/ R
   else if (document.layers) {
. Q% ?5 _: H* y  ?2 A      xMax = window.innerWidth;
* L- c' k' M2 T6 a7 U& q      yMax = window.innerHeight;% U+ k& j3 ^# y( l9 @- K7 o6 M
      contentWidth=document.supertext.document.width
$ E7 u  a* ]5 _  r1 C( j$ u' W9 O" P% {      contentHeight=document.supertext.document.height
: l7 \# x8 m/ q9 R5 C      document.layers["supertext"].visibility = "show";
5 F& `% g5 u& P1 U  g# \      }1 r/ a2 x4 l  L+ ~
   setTimeout('moveBall()',400);. A/ D3 t) z5 G1 o: d
   if (hidetimer!='')8 G6 u5 i  `+ T' |$ G; ^4 j
   setTimeout("hidetext()",hidetimer)+ T3 g  U6 q. g1 i" ~
   }
/ W# g4 J& r; _; Z# V% x
) N( |+ g# [1 F5 A2 B! rfunction moveBall() {9 T, ~3 e! P; V0 D0 Z& s
   if (superballRunning == true) {. m/ e! K( z2 L7 C# K
      calculatePosition();
, I8 I5 @# _8 x: R) `- @      if (document.all) {
# O, a% Z9 H- c: o/ J# }9 ~$ A         document.all("supertext").style.left = xPos + document.body.scrollLeft;; V) ^5 @' k* K8 r+ N, `* y3 c4 Z
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 [0 _! S/ r: z9 }4 |+ H         }
3 p* ]$ N; ^: F5 ?, w      else if (document.layers) {
! H* t6 c, L! ~( r  T# U, @9 ]         document.layers["supertext"].left = xPos + pageXOffset;
5 I/ F1 `$ {& }- D) M+ }         document.layers["supertext"].top = yPos + pageYOffset;
+ z! X* ]3 n" p+ I, i5 S         }
% m# D& P9 [- R  w- d6 F      animatetext=setTimeout('moveBall()',20);
3 X# o, d0 N  r: x( E9 o2 c1 Z( c      }  W, ?2 [3 G0 V8 Q/ s$ X, ~
   }
' q0 l  X' m  S$ j3 _" o) I
+ I, y* X7 o! V- [( hfunction calculatePosition() {+ h4 r- ?, V% a7 \' ~6 j2 R
   if (xDir == "right") {2 [( M; p: M. R; S. f  V
      if (xPos > (xMax - contentWidth - BallSpeed)) {" R: ]) Z3 [5 x$ q- \' a  h, [% K
         xDir = "left";
- G; ?" w0 {- A* J8 g. q         }& [1 ~8 C/ ?: _3 [1 N- y0 f
      }
5 L3 L' z4 M; B3 t$ Y$ D   else if (xDir == "left") {( ^1 E2 p* q+ N. d& T
      if (xPos < (0 + BallSpeed)) {
! r# p2 a" N( p  c" U3 |         xDir = "right";% ]& z0 X6 n4 e& t5 l, l
         }: _+ \1 J: I8 F- Z
      }; q; ?3 ]3 j! f% J: i6 v, d6 y
   if (yDir == "down") {
; a9 N3 f8 _& c) y6 I      if (yPos > (yMax - contentHeight - BallSpeed)) {
, D; E+ z4 S# L1 N" L. f; q8 U/ Z         yDir = "up";
1 `% K2 I+ u3 ^8 }/ k7 [3 @         }/ @' Q+ W/ T6 D, a. B$ g" i& ~
      }
+ ?8 b  q2 e: g+ m0 }4 y* @1 T3 n   else if (yDir == "up") {+ V8 g0 o  I: b- m) [. l9 {
      if (yPos < (0 + BallSpeed)) {
/ e2 A8 ?6 `2 S* m( T         yDir = "down";0 Y8 r8 k# m' Y/ s) i2 M0 R, p
         }2 j' y  _$ W. N( v! I& @3 X! d; m6 h: Q
      }$ C8 P5 P7 X" K4 @
   if (xDir == "right") {5 V6 a! M8 [1 `+ o$ l6 h4 @$ |. {
      xPos = xPos + BallSpeed;
0 A. |/ z2 y9 P( C" K      }
. g$ o- D5 v) S   else if (xDir == "left") {
6 b/ V) b% j- u, |4 Y# R$ X      xPos = xPos - BallSpeed;  C  X  u& U, Z$ ^
      }
% O' G1 T! k8 \% V  @, ?   else {$ D6 O& f8 ~6 m$ z* B! G
      xPos = xPos;' u& `  R4 l( U* _
      }7 }' h- @' q. I1 t! S2 d7 d
   if (yDir == "down") {
$ @2 V0 b0 ^' g' S7 L( K9 I9 v" G      yPos = yPos + BallSpeed;
9 ^- s4 ~0 ]7 F# L4 R7 @      }
2 a3 ~: }% ?* }/ [% L' ?   else if (yDir == "up") {
; G' ^8 N# D: n; y! U& v, t5 X      yPos = yPos - BallSpeed;# B6 [  F  s* A4 V
      }( _" K& w2 K; x% W+ K
   else {+ v. m5 }! U$ T1 |/ X) t
      yPos = yPos;
9 t6 T! Q. u- _& H6 Z# N' h0 h5 k      }+ T; g2 k+ |' a% L
   }
5 _7 Y! T# `; F9 ^; z  G! I; D: l3 p, W% f' h
function hidetext(){9 j& G7 j! D* }+ p
if (document.all)
' S: S* a. d; `8 I7 X/ zsupertext.style.visibility="hidden") ^2 L6 W1 P  L
else if (document.layers)5 e7 x) n3 K% L' w  N8 S$ G+ n, X
document.supertext.visibility="hide": S5 g# {# n/ u1 n+ p
clearTimeout(animatetext)2 u5 o1 a. U. Z2 G: x2 K/ v
}
% _8 b5 `* L1 E( `( R9 T6 T# h' N( w, V- u' @- P+ s; L
if (document.all||document.layers){, M: }0 J9 s( O' W: L9 {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 N% `2 L7 \4 ]( u$ _# Gwindow.onload = initializeBall;
  X9 a& X$ m7 u9 fwindow.onresize = new Function("window.location.reload()");+ R( [1 ~3 j, H6 P; T6 l* p
}. _& q; @% }( v& n: ^5 \5 J( p7 _9 T! U
& c( Y2 Z* Y# c2 U4 n
</script>