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

zw2004

<style type="text/css">
& M4 M9 \2 R/ o6 Z#supertext {
& C( U  R0 a7 T% c* P  C+ [& ^6 ]position:absolute;; l! w1 ]+ M; k# h: c0 [
left:0;
4 T* r: V% G+ o: K- N8 P  s& Itop:0;
8 }. y' @' J+ M' _. Yvisibility:hide;0 ^! c% b3 v2 _4 Z: C3 m
visibility:hidden;* p) [0 x% ~  }: z
}
2 C6 H, E+ Y% w</style>
% n: v, g8 J* Z4 a2 d* p- L1 m  r<script language="JavaScript1.2">/ ~1 Q+ ]! J1 [5 r* W/ I1 L
<!-- 改变下的字体的大小。颜色-->
+ U6 g0 k9 M2 G  z3 v5 `; W2 Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& Z1 j  O# ?5 c: }2 H
var hidetimer='';
; }/ I) Z: Z/ ^. }* L<!-- 改变下的弹跳速度-->4 ?( P3 G0 l& m/ C
var BallSpeed = 20;1 w; T3 L- s" n& V+ G! E
var contentWidth;
* P' Q. A1 j; @- Nvar contentHeight;7 I$ d1 I4 y! c2 l  j4 R/ O+ c
var maxBallSpeed = 50;
) q" P- r0 z/ }% d" j8 M$ {$ s5 _
" X+ S2 p: c/ o) z6 I& x, c5 l8 s% R5 N  W
var xMax;# b- o# Z% @/ L( v8 T
var yMax;! j/ U0 x9 J# e* J9 M
var xPos = 0;
* q$ Z/ A& J4 n+ Yvar yPos = 0;
) o* [: R* \% j. o  o" fvar xDir = 'right';5 B- V+ d, K1 M
var yDir = 'down';$ K# u5 l9 R6 z! j7 d
var superballRunning = true;3 K/ {% j4 Z+ r4 M8 g4 N  W/ T/ `
var tempBallSpeed;
) V' F9 b4 k% H4 E) qvar currentBallSrc;
) n* Q, N0 b# a# R$ e7 A5 _, gvar newXDir;
1 Q5 F- h5 w6 \6 R- N7 Rvar newYDir;
* {" @) v( m7 t
$ Q0 O% X5 Q& qfunction initializeBall() {% |- e" y; P, W' g) @+ S" E2 n
   if (document.all) {
( E6 O3 N. a4 C' f; w, U; d1 ^      xMax = document.body.clientWidth
+ K* i* o  _: ], @2 u      yMax = document.body.clientHeight+ ]  E* j8 S8 H) |8 i9 @+ a7 \
      document.all("supertext").style.visibility = "visible";
  i/ g  W4 s3 A- ~! t! D; ?      contentWidth=supertext.offsetWidth
+ g6 b# q5 u$ [% ?      contentHeight=supertext.offsetHeight
3 L& _+ M" l" g, R/ S/ q      }  s' X+ C, }, `9 g
   else if (document.layers) {. B) x5 S$ e- |4 `& n9 j( T) T# r
      xMax = window.innerWidth;$ S, f4 G& D6 P" @6 }  b
      yMax = window.innerHeight;
6 r" }& R/ V& T9 ]/ t      contentWidth=document.supertext.document.width3 g- N: [( ?4 V0 v0 M) }
      contentHeight=document.supertext.document.height
8 M( N! g" z* R: ?" L      document.layers["supertext"].visibility = "show";5 d; T6 h! M0 v2 t; s" p
      }
( I" h+ K) a; O   setTimeout('moveBall()',400);9 V; r; U" Y' }& L, J% B
   if (hidetimer!='')
3 U- y% l$ V$ L8 Z* C8 y   setTimeout("hidetext()",hidetimer)
: a; H6 m0 e4 F" V- u. N: j   }! \+ f% f% h9 b
& h  @! a$ R! V
function moveBall() {' H& M: o' K' f$ N' b- c9 `
   if (superballRunning == true) {
* A3 Y6 P2 J1 J8 A% Z/ L      calculatePosition();6 z0 _) w& B5 T) N3 d
      if (document.all) {
- D% ?! _4 [4 a# L         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 }& T8 b. O; k; |8 |" Y4 O
         document.all("supertext").style.top = yPos + document.body.scrollTop;- H' f0 Q; d5 ]' E
         }& N7 i' W$ T1 ]* n' E. s( f* T
      else if (document.layers) {
: ^. ~/ b* _. L         document.layers["supertext"].left = xPos + pageXOffset;
0 r7 O% {0 {+ A8 Q- \         document.layers["supertext"].top = yPos + pageYOffset;4 H! g$ \# h" l  B) K! R7 C, o/ Q
         }
  D' h, _3 F% q, s, `1 T# h4 V5 ?2 @4 h      animatetext=setTimeout('moveBall()',20);
. q  _4 }. T! P- T3 G+ \8 U& I      }
1 r7 f! H& p: [+ }* Z   }
0 @3 i# B* f# n" P) j$ N0 O
8 z9 j1 h( e3 Bfunction calculatePosition() {3 X7 s5 ~! @/ [% z# V# K
   if (xDir == "right") {
, c- I: P; K/ E& C' ^) k. `      if (xPos > (xMax - contentWidth - BallSpeed)) {/ T+ m9 }) f# c5 y" r9 r$ _
         xDir = "left";" w8 N- U4 a; P6 z0 k7 W
         }2 h+ G- ^. P2 D- ^4 N
      }' L/ O1 U7 K- N4 |: G
   else if (xDir == "left") {
" h' ~0 I: v( y! d+ ~( D$ Z      if (xPos < (0 + BallSpeed)) {
! v5 y, N! X- S4 Q         xDir = "right";& i  B; \  T  X; u
         }4 _, P8 ^: _1 _) R4 A9 f
      }
$ r/ d+ h3 |) V( ?3 L) z0 c4 W3 ]   if (yDir == "down") {& D# L6 S9 J& k: f8 ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ v/ Q' F; w$ B* H# w/ i7 |5 y1 [- @         yDir = "up";
- Q# b( U& T7 F& |& j. X         }
$ w: n: G' O* r# ~& U. L/ q      }
% P* x/ D' c. k  K% f( b   else if (yDir == "up") {" q. Y+ n+ c5 m8 ^
      if (yPos < (0 + BallSpeed)) {( Y3 e# l9 U6 d9 }7 T/ |2 n' L& c, j
         yDir = "down";
# v8 |+ D0 n# O% t, R         }0 Q0 l/ U7 u, a, ]2 Z  v* t- }
      }& @- O" I, e. X
   if (xDir == "right") {
- ~/ D) p2 ]3 u& H4 t      xPos = xPos + BallSpeed;1 ]6 D) o% b) C) X7 M) {! p5 Y
      }" A0 K& j  w. a3 n- e$ k& [3 v' x
   else if (xDir == "left") {
7 v; k  i& Z% J8 B+ x3 Q      xPos = xPos - BallSpeed;' j7 H1 @, @* V
      }3 P. }8 b2 F, Y
   else {, q) z: v9 p, v% H, @* @* a  w- M# C3 F$ a
      xPos = xPos;
; |& x3 \& i* v# n" r/ r      }8 o2 d) C0 C2 t/ @  J% n
   if (yDir == "down") {2 x& p/ \: u; \5 B, L0 a
      yPos = yPos + BallSpeed;1 h/ R7 s3 A) F
      }4 |2 i  t, j& L& N$ U: O3 z3 @4 W
   else if (yDir == "up") {
+ y/ ~3 N6 a3 X0 E# @9 g/ S, Q- X      yPos = yPos - BallSpeed;
( [& f- _, C8 m# N9 C  H, g      }1 c* {1 V' j) z% J- [
   else {
3 B) o+ }/ J) |5 s& o0 j      yPos = yPos;
3 c* }3 e: U* C# Y6 c      }4 g8 m& C* x: R
   }
3 Y5 V4 S% o$ T3 W$ m* d9 g1 f- V$ m! a+ }3 P$ r& S
function hidetext(){
' O- c  E9 f# v6 H# }if (document.all)
8 z7 Y% s- ?* Z4 B" gsupertext.style.visibility="hidden"
, @+ ^4 S7 d# G* M' C$ v! celse if (document.layers)& Q" O3 E; T6 `; s$ W
document.supertext.visibility="hide"
) A" t' W8 Q. I" o& C2 X" A# yclearTimeout(animatetext)+ P: j# p+ Q$ R$ d/ T' `8 E
}" ^. c  m& W/ J0 l! Z4 F: X

6 h8 b$ m, j6 q$ ~9 G. hif (document.all||document.layers){
- Q5 k- {, L7 \- v* f" G# q5 Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- j8 N1 H( e1 f! y, P  C  L
window.onload = initializeBall;# u- B9 ^$ D9 B6 X0 D  d; U
window.onresize = new Function("window.location.reload()");
5 E- k0 F2 i- E/ c" P$ c1 ?}
* d: w) L& S+ p. F# F4 g; G8 e/ \: I& _/ E
</script>