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

zw2004

<style type="text/css">( V8 p! v$ r% e" D' ?  d) \, C
#supertext {# n' b% U. D6 x( l9 \# ?* e
position:absolute;# O. p) r4 @& U8 Q7 K
left:0;
. \  t+ H' _- A, [/ R3 v& W  `top:0;$ t4 @2 ]* d% p6 x& j9 X
visibility:hide;! Q6 |1 _+ a- C2 M5 e- c
visibility:hidden;! _2 I2 |: F, l+ U3 q- d. ?3 r! V
}
: s9 T: Q& z1 G  x" o</style>
8 a) H6 Y2 u7 `' k6 `<script language="JavaScript1.2">- `6 {$ S% _; R' R& ^
<!-- 改变下的字体的大小。颜色-->- v  q; v5 @5 B0 A  k/ E% y; e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& M! a' {$ ^4 u& \% cvar hidetimer='';8 {/ o4 Y4 d% ]$ ^- f# `. R: d7 h
<!-- 改变下的弹跳速度-->+ y( t7 L: J( H8 z1 @
var BallSpeed = 20;
# v$ G/ y/ t, g3 rvar contentWidth;* C2 c: T+ Y9 S, h0 r$ j* r4 _5 E$ t
var contentHeight;
# B8 N* Q7 {: ^var maxBallSpeed = 50;
$ d3 Q* ^7 [" n7 d$ v3 ~% y5 I' C( e7 a) S% w& N* E

3 C6 ~8 x, q+ q2 ~var xMax;
- V1 v' X1 E6 ~" Vvar yMax;0 Z( r  U) [2 L( g
var xPos = 0;
1 Q/ m+ b# D8 }' c/ Z) v+ c, r7 Tvar yPos = 0;" }9 g* q4 c2 M# A. a' H: y9 r
var xDir = 'right';) q4 Z1 [8 E0 R9 L
var yDir = 'down';
" l+ m8 |, ?7 q- P; ?var superballRunning = true;
' {* a' \9 o4 X  k; W1 k. `var tempBallSpeed;. h7 O* h) s- N, z+ }
var currentBallSrc;
' H  h2 Z* }! {+ c9 mvar newXDir;) q  Q- [, \( z2 F
var newYDir;
- q7 v6 k- V  ?- y- X- b
# M2 m& O* l1 A2 _: kfunction initializeBall() {# }: ^" p0 k/ ]7 A, O
   if (document.all) {
/ G& q- d; s" x& j2 z      xMax = document.body.clientWidth
& k  w9 H2 y; `$ x$ C      yMax = document.body.clientHeight
( {6 m3 ~9 T) g0 }! }% @      document.all("supertext").style.visibility = "visible";7 v! X$ F' n5 S6 \$ `
      contentWidth=supertext.offsetWidth
: B( G# u$ J0 _- ]+ k      contentHeight=supertext.offsetHeight. J9 H- n6 O, _0 \
      }
7 o; g7 J2 G! b. X   else if (document.layers) {
# a/ T0 B  E1 C$ r7 U1 O      xMax = window.innerWidth;
  o, B! _+ b8 G9 x! O5 W      yMax = window.innerHeight;
7 k  Y4 V, r; f8 M; s      contentWidth=document.supertext.document.width
9 Y, {3 V1 E" k7 q0 c" e! Y. h      contentHeight=document.supertext.document.height9 a6 v) D1 H" j* t6 J
      document.layers["supertext"].visibility = "show";
9 w5 B0 t: d# I2 v* u      }
9 A8 _- c6 t  P0 L. |( f   setTimeout('moveBall()',400);
2 @6 ~: ^8 l! v/ c   if (hidetimer!='')
: K& v9 W" o2 {8 e+ Z& k; p) @   setTimeout("hidetext()",hidetimer)4 p5 N  E1 \$ q! V/ ]# s
   }5 _+ e  ?% ]9 h% d  M

: ]* h, {3 R9 ~' N3 [; B2 R, Wfunction moveBall() {0 k2 V% c3 ~6 b: t- D5 ^) d
   if (superballRunning == true) {9 Q- U3 l  W2 j+ G
      calculatePosition();1 O1 a" U" U# V1 o6 V& k, p* a
      if (document.all) {
6 \2 _" Y+ B. K' K& J         document.all("supertext").style.left = xPos + document.body.scrollLeft;# S/ l- {. H) A9 n
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 }' g5 t& r; M$ ]+ P7 Z8 W
         }  f8 n2 \! g- I
      else if (document.layers) {( @7 S* s, v$ X9 G+ ^; f; ?% _: G
         document.layers["supertext"].left = xPos + pageXOffset;
' a/ x  ]* m  A0 H6 D         document.layers["supertext"].top = yPos + pageYOffset;
4 f2 d1 g; E, F0 Y         }
, K; j, T8 ?& V+ r( j5 W      animatetext=setTimeout('moveBall()',20);2 h" M! h* }$ s
      }2 p+ v( H# B5 R3 }9 \
   }
3 ^0 G9 F+ w2 X5 h& e
3 w4 C6 F% ^) ~3 t' Ufunction calculatePosition() {
3 W8 Z- _( c/ {   if (xDir == "right") {
! S8 s) _2 }4 @) a: }* }      if (xPos > (xMax - contentWidth - BallSpeed)) {0 C9 V3 a. K5 E9 ~
         xDir = "left";/ i/ C: [# h1 i! q
         }
  q1 l+ L; m4 T! b$ j      }8 Q  ]8 v3 T* g
   else if (xDir == "left") {) D$ L, F% ]% H1 S
      if (xPos < (0 + BallSpeed)) {
; s9 ]4 h! R( j* D9 n4 |' l         xDir = "right";( F& M$ B0 j) L( S! Z
         }
& U/ ?# {+ X! u, R" [      }8 p4 d# g. T* u9 l8 A( ?$ s
   if (yDir == "down") {
+ n, m2 k3 ^+ D$ {      if (yPos > (yMax - contentHeight - BallSpeed)) {3 Y# g4 \6 z8 }/ M0 ^, ^2 e
         yDir = "up";- K/ U+ Y# M3 @1 x
         }$ d  O6 K# j0 A; R1 A  `8 w4 p+ D, R
      }
8 K  e  P. @9 G" j2 d   else if (yDir == "up") {5 W+ l( l2 ^, @, F
      if (yPos < (0 + BallSpeed)) {
! K; K, V4 ^: B1 J" X! j7 l* v+ \, U         yDir = "down";- Z7 [* ]/ `; e# ~7 X* w  K/ S
         }! z) F* U! ]) J
      }# \6 B+ `* h5 K! y2 {. e
   if (xDir == "right") {
6 @5 U! h; q4 X3 w7 M4 @1 Q      xPos = xPos + BallSpeed;
) G$ G8 ~  X- s. g7 i; w      }
2 V8 l* R0 E; k   else if (xDir == "left") {
, l! y$ N1 H# n% \- e' s      xPos = xPos - BallSpeed;3 c* R& V" \% q" G. C7 B& x1 e# b
      }
$ M) [0 ?; [- [4 L7 ^+ Q1 J  z   else {
$ S  r# `5 q2 Z& d# i4 A      xPos = xPos;/ h) \9 j! Q* _8 E
      }
% r7 }, m2 T, }# W. H   if (yDir == "down") {! q6 R9 K, Z0 l; @0 ~4 [1 M6 t
      yPos = yPos + BallSpeed;
& y& e9 h4 D6 N- a      }
8 m1 S' X, N0 g   else if (yDir == "up") {- f2 }3 d1 ?7 r' Q9 e. B
      yPos = yPos - BallSpeed;! S+ Z/ w9 r0 Z6 P( G  _
      }* U9 J. x: F' U" r" E' O# `% i" v
   else {! U' D$ x6 C* [8 M" e+ h9 ^$ {
      yPos = yPos;
  p% [0 z! T; E! `      }* M+ V* q# y' h
   }: i! T5 y6 Z: L$ f

3 Y: ]( f$ n1 P; G& j7 m' Yfunction hidetext(){8 f. J* v* E* l9 K5 H
if (document.all)$ @* T$ b0 N4 L8 t* [
supertext.style.visibility="hidden"# }7 s9 S* F# V. B* `% T6 U2 y
else if (document.layers)) K/ Q; U5 f$ O& a, f: a
document.supertext.visibility="hide"! t3 \2 `; z# z7 T6 x
clearTimeout(animatetext)5 @2 m1 C0 x: ~9 [$ O
}6 s4 Q8 \; H' u* x4 s0 [

- f3 {# ]! r7 N4 Z( A1 nif (document.all||document.layers){# \5 J, R- {4 n3 ?1 d2 i. x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 Z% F% N$ B9 n) G7 v9 u6 ^) F- U
window.onload = initializeBall;
; t) g/ x% ~+ \% ]3 A& U& rwindow.onresize = new Function("window.location.reload()");
+ U% k& r  ]+ v. X) ]}2 P$ @  Y7 _( ~$ D! H8 D8 _
% L0 g2 A  U( N2 L9 V5 G, g
</script>