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

zw2004

<style type="text/css">
8 t9 F: Y9 ], `& x* I/ P& h0 G#supertext {9 r+ D3 [. L6 ^+ X$ t) S& h- e/ {" t
position:absolute;
7 Y- H0 ^: H- O  }% [# _left:0;5 d# [; g# g% v
top:0;
" c" m0 r* J" B8 ^  [visibility:hide;/ N/ N0 n$ P( ]) Q
visibility:hidden;
- t3 @0 s( P3 Y- w# K7 Y- E}
" {+ ^+ G) |2 K) V6 K" ~</style>
8 n  }' U2 N! {2 d8 u' N% P* z5 P0 V<script language="JavaScript1.2">
2 T7 I1 p6 W9 ~- n, q6 ?<!-- 改变下的字体的大小。颜色-->
, ?) t! g. g( e5 W4 s' @9 kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- r) Z& f, Y7 l  _3 r& Ovar hidetimer='';& O3 W! X( W9 F* y7 t
<!-- 改变下的弹跳速度-->
. c2 D& c* t- avar BallSpeed = 20;! j6 A; o5 K, Q  q3 Y% r' t
var contentWidth;
: z6 k7 j5 F1 ?' B' e9 lvar contentHeight;) i! M% i. m* G8 Z/ s) N: N/ e
var maxBallSpeed = 50;
9 g( B5 f* P/ t; W  c' z. M  k! u! L6 A5 \8 G7 n, S* x/ _
3 r" P/ j& K! ^! v! f* r3 `
var xMax;( |4 B' K3 d: B5 B: t/ Q  r3 V' E7 R
var yMax;
) I/ ~& Y. Q$ x5 N, v8 d0 yvar xPos = 0;1 [6 `- f4 \5 A% e
var yPos = 0;9 z9 o& t& X( C! W4 S; Q& K! G" R
var xDir = 'right';4 O9 D% B7 E' d! Y
var yDir = 'down';$ u! @; L* \  i! e, ]# X
var superballRunning = true;
' f/ B+ V- }7 {" Z% Z2 z  A) pvar tempBallSpeed;  \/ _& u- Q3 V2 G% j' O5 d
var currentBallSrc;
  u/ ]& S, [1 D1 X% X. evar newXDir;
& e# e3 {% y) _( W2 [% [: c& X3 Y' ?4 Ivar newYDir;; v- N9 I  d0 S& b) S' u& t

8 v6 ]4 {4 V) K! hfunction initializeBall() {
# z& Y; Q. L! }% T9 ~' t& k" ]  J   if (document.all) {, J+ j# n( M, \. L6 s
      xMax = document.body.clientWidth, @2 P) z/ r5 P" h( X5 ]
      yMax = document.body.clientHeight
, B! @1 k! y  `3 u; L. G, H9 G2 r! i      document.all("supertext").style.visibility = "visible";
$ l5 b4 U! o6 B6 r4 J      contentWidth=supertext.offsetWidth  O4 J5 B6 D. m# r
      contentHeight=supertext.offsetHeight! F% i  l& j' t  m
      }2 t' r5 J+ b7 E- I  u6 G
   else if (document.layers) {, u: ~+ i, B7 r! M8 {- S
      xMax = window.innerWidth;; G% V( R! \* l! Z- [5 X4 `9 S
      yMax = window.innerHeight;9 |# a7 x) p; e. D, f' l& A1 I7 O
      contentWidth=document.supertext.document.width
, ]! O0 x4 t- M' N* E# {2 W      contentHeight=document.supertext.document.height
! A  U$ l8 X! N6 `1 V! D      document.layers["supertext"].visibility = "show";
# n+ F4 {4 w& S' u; _5 k      }
* m6 _$ N0 z! `% z+ M* P   setTimeout('moveBall()',400);% v3 b; I  T& M$ u' p3 G7 r% i( p
   if (hidetimer!='')- k, v! U$ D# i. v* f
   setTimeout("hidetext()",hidetimer)+ W7 a/ m  F: |. C; \
   }
- Z+ ~  X2 h1 F7 s/ `0 R3 v0 @8 N/ H0 O
function moveBall() {
  T% o( y: j, X& b/ Y+ g   if (superballRunning == true) {
& K% D8 `5 B) q5 C8 b      calculatePosition();) R# W& L: L" k5 g
      if (document.all) {2 ?) W2 `- f4 ], J% c3 }' b) {: e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 b% [4 {6 d, z9 ?- J. i2 U6 W" Z         document.all("supertext").style.top = yPos + document.body.scrollTop;
" s1 a4 n: H% Z7 M& y! P4 G         }
& P9 i: C2 J6 B8 a7 F      else if (document.layers) {
" g& u- w. {) {8 k2 p! y         document.layers["supertext"].left = xPos + pageXOffset;
5 @: ?# K6 `- h9 [' l, T: J3 w         document.layers["supertext"].top = yPos + pageYOffset;1 d# i4 |6 N# z& P
         }
" r4 n+ `& [) j  F      animatetext=setTimeout('moveBall()',20);6 _, P" `3 _* S  P. ~6 B" v
      }3 U( e+ d4 x2 v. Y
   }# L0 n# g0 E& {1 w; \9 ?
. X# W. M. P3 b, A. a, x9 }1 R( F
function calculatePosition() {
  O7 D( b' ]2 K# B  R4 ^   if (xDir == "right") {1 x/ S7 O) e, M  ]
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 I5 j: [  X" G- E3 s7 f
         xDir = "left";1 \7 I/ k, d0 K, J2 l. X( ~( L
         }
- i! N# @0 Y. z7 `7 p/ L* G      }
7 a. w4 B6 q; d% P. G* p& X   else if (xDir == "left") {
% ?9 x+ x$ w, P1 P      if (xPos < (0 + BallSpeed)) {3 v- u' G6 d' ?2 ]- n; `
         xDir = "right";
3 q$ j# H( L6 v- C( m         }/ S" A3 \5 e+ c% U5 [
      }; W% S/ I3 V1 C1 h! E
   if (yDir == "down") {
  r2 N- l' v0 r      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 }: s8 H+ c! E% J         yDir = "up";  Y7 c; v  L& ], p: F
         }4 \5 v% L, k6 N. _# o& a$ g' ~
      }
1 N) \0 |4 v9 F0 q3 `3 v   else if (yDir == "up") {
. }. X8 R! I4 m" W      if (yPos < (0 + BallSpeed)) {
3 r! z! }0 N' m( ]         yDir = "down";# ^7 l2 F- t4 T
         }
$ V+ R( i/ r* V7 v0 G      }
: n- C& j5 E9 v   if (xDir == "right") {3 {, \% _. B  E  Q
      xPos = xPos + BallSpeed;
% C$ Y: L; u; D% P+ V      }2 K9 e7 E- j& a: p0 r. d  Q$ W
   else if (xDir == "left") {- p* I& x# ^/ g- x/ J( |
      xPos = xPos - BallSpeed;
/ K2 g1 {" H- l5 o' D      }
8 c% ]6 |+ i* ^5 L   else {/ ?$ ?" F  S) C3 @% E/ e! z5 D
      xPos = xPos;
  ^' W' C9 s6 E. [5 ]  C      }
6 W. n9 c7 F' j8 v' g' j: X! X   if (yDir == "down") {" X2 F" ^# r' `
      yPos = yPos + BallSpeed;
* M$ a6 Y& o  B9 ~      }/ A" ^0 u2 t8 T/ }$ K9 t! J
   else if (yDir == "up") {; U8 z' |0 e, a% \9 h: k
      yPos = yPos - BallSpeed;) \, I3 z8 j$ W, m& ^7 r1 N
      }
- T/ t8 D4 R/ s0 n4 v   else {% Z& V3 p+ T, p( B3 I/ \
      yPos = yPos;+ ]$ W9 J7 K, F) z: i8 ?
      }
+ j& v4 t) I) d8 H4 q   }1 d$ P8 G$ F# r* K5 Y$ c. y

: ?- P/ I* ?# l; {function hidetext(){
& f# y" F' V7 x# Y& ?9 M1 B! f9 ]if (document.all)6 N) `0 T3 c. s' X) D+ B" p- C0 d
supertext.style.visibility="hidden"6 O  n  z* Y' \1 Q& j
else if (document.layers)
- l4 n& _. ^2 A7 ndocument.supertext.visibility="hide"% k3 m3 a8 [: @' A
clearTimeout(animatetext)) H1 ?8 p! W1 V& s( {, G
}
2 `* J* M$ D# O# [$ |# g3 w9 \* q% D- |& d
if (document.all||document.layers){% P8 D  N) x( ?  L' _$ \- h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 v& Z# M  N& r1 Z" Z% f
window.onload = initializeBall;, F  V( i% Q' C1 v$ k+ }
window.onresize = new Function("window.location.reload()");+ e4 N. f9 u& W& }- d  x
}5 ]$ r) k, ?7 }+ s% E  ]

3 p) s1 j( @3 O& T% P3 l" s</script>