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

zw2004

<style type="text/css">8 y. |, k- h5 C' B$ G( E2 \
#supertext {
2 e! v- x5 T$ ]& W  vposition:absolute;7 N+ o0 O0 e* T) p, _+ i2 l
left:0;
2 C. Y4 u# H6 N/ q) Htop:0;& V7 a2 g# e3 R9 b
visibility:hide;0 N, x! i: Y6 |5 W1 |0 _
visibility:hidden;
* z6 [$ g+ n1 m0 M7 k1 R( S  v9 u7 K}
" N3 t/ Y: S1 u: E% D/ S" b</style>
) f. Q9 a. b( Y, \. r1 n<script language="JavaScript1.2">( a: p% d; {+ L) V* l8 [. E; U
<!-- 改变下的字体的大小。颜色-->/ m/ u" K5 d6 t. y4 U
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 _1 Z4 s. z5 S6 n. V2 Z4 c- ~var hidetimer='';
, w" N2 J  K0 r/ h- Z$ o<!-- 改变下的弹跳速度-->5 [+ B# |4 F' e: d1 j- x
var BallSpeed = 20;
$ ?5 q0 T6 z9 ^+ k4 ?! T0 `8 Uvar contentWidth;' H; L+ h3 G: H1 j5 F: B1 n& V9 X. I7 C
var contentHeight;
! Z4 U& S! }6 {+ y" D1 m# Pvar maxBallSpeed = 50;; L8 S' S" U- ~
4 A" Y0 Q2 T- S' X, }. ]; z$ f
+ d% y0 G! d: T
var xMax;+ X% P& |& d3 m1 ]
var yMax;
! L; q9 R1 \& H8 Vvar xPos = 0;5 ~* S* F: ^- T6 |: e, S3 O5 }
var yPos = 0;3 A) a& \) B: r4 a
var xDir = 'right';
2 R8 d! v. ]) }( B- Kvar yDir = 'down';9 l/ ~) E4 ?/ W1 x( i$ U8 e
var superballRunning = true;
; p# l. N0 n; b0 Evar tempBallSpeed;" i, w) u/ O. V4 ?. N
var currentBallSrc;+ m6 Z! {3 R: Q9 }3 V! k9 X8 X
var newXDir;
5 n) Z, c: S3 O8 A! P: c% Cvar newYDir;
* o( m" H( B5 i. [/ A
% s3 O  i( ?; r5 {% v% T% F5 K# c, rfunction initializeBall() {
7 `3 s! _; S; y+ ?4 a   if (document.all) {
8 ^9 v7 R5 ?& ?      xMax = document.body.clientWidth
/ }( p; |4 [  m9 T2 m; B      yMax = document.body.clientHeight* F" z4 R. P# t: g' D4 i' t
      document.all("supertext").style.visibility = "visible";; l. a/ l& m8 w- L
      contentWidth=supertext.offsetWidth3 J$ X# B5 z' P2 _8 n, K! ?
      contentHeight=supertext.offsetHeight
1 U$ ]0 z; F, j" w# p      }
5 }) v& u& d3 r! R   else if (document.layers) {( `: T- j% ~# n5 S, i
      xMax = window.innerWidth;
  C9 ?% j1 p: h. }5 g      yMax = window.innerHeight;: c+ {/ l' I4 w5 k
      contentWidth=document.supertext.document.width- y/ S! x; R5 f4 ~9 ?: e
      contentHeight=document.supertext.document.height
, N0 D. J9 U+ n3 A7 Y6 N      document.layers["supertext"].visibility = "show";4 e( l: d% H- c2 z, i, l
      }* P( w0 S6 ~7 |- y) X
   setTimeout('moveBall()',400);- J& g* x; n3 K8 V5 P: E- L
   if (hidetimer!=''); Y5 g3 l' P, `6 m. i
   setTimeout("hidetext()",hidetimer)+ d3 q7 p" W' V: P( f
   }1 ^% n  m( p5 o- p6 K' u6 J( {

; n; |- l, z4 O; E2 w( g9 Zfunction moveBall() {1 F0 I& _# R3 Q( w5 Z* `
   if (superballRunning == true) {
8 H; ]6 G) Z4 b; J$ l) s      calculatePosition();, w$ L9 j& e% M% Z4 M
      if (document.all) {/ a9 a. X4 X) i1 m2 w
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 j5 R3 b$ A4 h( E2 a0 r         document.all("supertext").style.top = yPos + document.body.scrollTop;$ R1 d3 n( y$ `8 j, ~
         }- L5 u5 J& e1 ?3 h  ]( k; G/ I
      else if (document.layers) {
3 `( y4 g. J/ w3 {6 i3 X         document.layers["supertext"].left = xPos + pageXOffset;3 M9 b5 s" w: E! O3 i1 Y; G
         document.layers["supertext"].top = yPos + pageYOffset;
2 Z* C  X7 G3 S9 K- M: D         }( g: q8 f4 S% g! F+ l  p
      animatetext=setTimeout('moveBall()',20);
- E' `$ l* O; s' y4 R      }
2 P( J/ _# `$ r) ~) h. k( H   }6 p# `3 ~+ W: @8 O! e& H

( ~0 A7 D1 O6 e+ p6 H) |function calculatePosition() {* F% q* m5 V4 f; ?1 Z6 R5 j
   if (xDir == "right") {4 \0 e1 n* Y( F! J( R
      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 @; G7 N+ n3 r  ?8 A5 J" Y( o         xDir = "left";1 y0 H8 e) A6 h2 D
         }! ]+ L4 U/ Q: I% p0 y
      }: j( d$ ]& m2 e5 x
   else if (xDir == "left") {7 Q- D2 J- G* w3 k4 E7 i
      if (xPos < (0 + BallSpeed)) {
% F' Y: V0 g5 C* A) e& U: C& j         xDir = "right";
! I- {3 p; Y5 k4 @. C         }9 g7 ]2 @4 e0 O1 S" j7 y4 j" P
      }" C4 `9 @( m- M8 P6 d% M
   if (yDir == "down") {
0 [+ B, x3 M/ a  v      if (yPos > (yMax - contentHeight - BallSpeed)) {
, l* m) }4 c# k9 G7 |% @2 z         yDir = "up";( _1 z4 I( d3 R; A5 `  B- R
         }
; p& N: o8 j( y0 o1 `6 E4 l      }  q3 K! Z& I( |: F* h9 D% N
   else if (yDir == "up") {
: k- P' w- T) j( v& D      if (yPos < (0 + BallSpeed)) {
+ J' _* k$ A' O: s2 J0 t  v         yDir = "down";
! j9 c1 c* k, R2 T8 Z+ l9 F         }
7 ~6 O2 c  q6 B4 T: G      }9 @& ^; Z0 K: s" X0 V6 X9 G
   if (xDir == "right") {+ c% }% ~. m' @; l; p
      xPos = xPos + BallSpeed;! }: r- \# s9 r# @+ v# O' E
      }" P) o+ O) `5 b0 C* M5 y
   else if (xDir == "left") {1 _9 T- W' X% b) J+ c" S; S
      xPos = xPos - BallSpeed;
7 s5 _& p* ?0 N6 e' d      }
- b- ?) w* n6 }9 o- @4 P   else {
# F- G) d7 R. ~8 i0 w      xPos = xPos;8 u/ @) S' |: I
      }' T/ E, O- E  k4 n' J0 c0 s
   if (yDir == "down") {
8 a+ }% ?; u9 `: N' ~+ u      yPos = yPos + BallSpeed;
% O5 k1 ~6 \2 g: Z      }) ^( e# r7 n3 T7 W& `* f+ }
   else if (yDir == "up") {3 }0 \) v! V) k& ?4 j
      yPos = yPos - BallSpeed;' I9 l3 y! L& J: u1 ~/ \, ^
      }
1 i  f" T1 W% o   else {
1 d( A$ c3 v( ?1 P0 _      yPos = yPos;
  g  C" E* j3 u9 V3 O      }
0 }2 v1 P/ r3 A! y: M   }5 l) v% V* @. Q& Z

$ P/ ]3 T% N" G7 Nfunction hidetext(){3 W# c! \  Y5 _0 r
if (document.all)9 b0 @, V" Y; J4 q  T1 U# a" f
supertext.style.visibility="hidden"8 t+ k1 i, l$ I9 ^
else if (document.layers)/ o; S, B2 k6 \+ P" a) ~
document.supertext.visibility="hide"
. g: _5 h8 C. _* rclearTimeout(animatetext)
/ [1 p/ Y# h) r& ]: H7 [3 v+ }' ?}$ w# g5 |0 J' m: a4 X! l& @; r7 n; {' N

- L1 N- p4 Q' ?8 _2 x& Bif (document.all||document.layers){5 N8 ?  D+ R0 D9 H0 ?$ }3 d) ~1 ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  [: c0 I' T# }( A) U# `7 Twindow.onload = initializeBall;
" t4 V3 n' \* }window.onresize = new Function("window.location.reload()");7 t" ^; ]1 p) N' u
}; }6 j. z7 ?) L& W
5 A2 L) _. \' C$ I/ s
</script>