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

zw2004

<style type="text/css">
1 l1 D1 M5 h, a- b" K. R, R0 }& b#supertext {0 G7 T) t4 v2 X6 b
position:absolute;! U$ S3 z8 [8 K# M5 H4 P0 o0 I* n
left:0;
; D9 z) m2 t/ H: ltop:0;, w3 k  V* w; R0 i. M
visibility:hide;4 E* \" Z& F' i( j8 z
visibility:hidden;
5 e# ^4 P+ [+ A1 w/ V! u: f}4 L( e7 A7 v& d+ u& V" @
</style>
0 N% B1 T" X" a<script language="JavaScript1.2">0 s9 t# u1 b* k( O; B" Y1 [& F
<!-- 改变下的字体的大小。颜色-->
( Q/ B. W6 k/ O" J- \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 w  b+ h! b5 v! T
var hidetimer='';
3 f& V' [7 S$ i% t# m  \8 ~7 C<!-- 改变下的弹跳速度-->
% [! j7 y( f- @$ C0 L# |var BallSpeed = 20;% h4 S2 G( f9 D% @0 M3 _
var contentWidth;( U8 d  X* F- ~, x. b7 ^+ ]: }
var contentHeight;
7 `: }' s! o& w# n" y" gvar maxBallSpeed = 50;
8 l  }# B2 T9 b! Y+ Z9 R. Q" m) D4 G

" k' x' u& y0 A9 Z8 H6 Ovar xMax;0 X' r: p" R3 C% L
var yMax;' {) o/ l6 h5 |& B
var xPos = 0;
9 \5 p6 E5 ]& n+ z" Lvar yPos = 0;
2 p1 \/ U5 o. B4 r7 Uvar xDir = 'right';
, ]6 H6 |( x, n8 Svar yDir = 'down';. @+ F  q7 k' F/ p5 f2 s3 H
var superballRunning = true;" C/ a2 e1 X# r, W
var tempBallSpeed;
. a+ A  j$ c5 n& z" Gvar currentBallSrc;
5 _5 K& `; t& p0 {# qvar newXDir;
4 `, z+ p3 y  j2 I; D- i* qvar newYDir;8 d8 O+ O1 y; J$ x
) U( E' |9 i7 |0 D6 C" L
function initializeBall() {
) e% Y2 l6 K; }4 _! o" f   if (document.all) {2 g+ H" _) F- D* i! `: V, F
      xMax = document.body.clientWidth
* B5 M4 U4 H+ w: N: q" |: F      yMax = document.body.clientHeight
/ C! P5 W: ~( P: [, ^! n" |      document.all("supertext").style.visibility = "visible";
9 Y1 T  |/ A: X1 r. k# ]) E' ?0 U& i9 g      contentWidth=supertext.offsetWidth
; B! }7 R$ g; h9 ^* w8 [# N      contentHeight=supertext.offsetHeight2 Y* G  Z1 c" b2 q/ @1 K2 n8 U
      }
6 @6 g& D; m# A   else if (document.layers) {
; P3 [; K' s) @$ c. x) a8 m: ]      xMax = window.innerWidth;3 s& W+ i1 c! r2 k8 C- ^* a2 f+ \
      yMax = window.innerHeight;
( t: N# P. \2 b: [: ~      contentWidth=document.supertext.document.width
7 ?7 b3 ~% O$ Q. L. |' x      contentHeight=document.supertext.document.height
' ?$ Y+ w- d1 M! ]5 i2 k      document.layers["supertext"].visibility = "show";' Z$ N% ~1 ^# \) P/ ^9 ~1 W
      }
4 i( E8 A9 l; E2 {   setTimeout('moveBall()',400);( Z5 U" U( q! i6 ]- K, @( Y
   if (hidetimer!='')! Y4 z0 f. x1 B% x$ d  m
   setTimeout("hidetext()",hidetimer)
/ n  ?" S, Y- x   }, t2 W  ^& {6 q4 a  F

% Z- J# Y: `0 n9 R2 b3 Tfunction moveBall() {
  I$ n7 V, n8 H9 v& }5 V   if (superballRunning == true) {5 e2 E/ C) }. ~3 Q$ B
      calculatePosition();
* B; K1 v; l' _: z      if (document.all) {  ]) w+ x3 i& h, s; }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: E( x+ m* d3 D6 x         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 q* u. g, o6 B3 G4 T         }
# z+ ]( Q; v3 Q      else if (document.layers) {
6 o! `  {, F# o! x( N+ z% B         document.layers["supertext"].left = xPos + pageXOffset;0 _) t# `) P$ L3 w) F+ [$ C
         document.layers["supertext"].top = yPos + pageYOffset;
0 q" a% v1 r( Z) C+ s" B         }" O8 j* t% y. z, k& F! X
      animatetext=setTimeout('moveBall()',20);& Z! |4 M7 m1 T$ b5 W
      }6 }) X! n4 Z/ X" ?
   }: I7 H! }. n' R/ [- j+ w; F  H$ o

9 q% r! P7 p* {9 H+ kfunction calculatePosition() {
5 U. e5 G# O! g  S! I5 I   if (xDir == "right") {
+ V/ f7 c2 p* A( X      if (xPos > (xMax - contentWidth - BallSpeed)) {2 n+ K; L4 F4 B$ I. T  e
         xDir = "left";6 ?* f5 N% Z) r) B* I1 X1 _
         }# ?$ ]6 S2 o9 r# p
      }
7 J+ W8 p) e. U# c, L# j( x   else if (xDir == "left") {
" a$ p4 m7 b. }& i5 [      if (xPos < (0 + BallSpeed)) {
$ s- }& X( c4 z3 U         xDir = "right";% G7 [# \% O# h4 e9 ^
         }
* m5 s% y" m; T. l. W; _+ n      }
9 M* Q+ f' r. d/ D   if (yDir == "down") {
: j2 J/ M8 O3 h9 u0 h! q# J) w5 K      if (yPos > (yMax - contentHeight - BallSpeed)) {
: i" ?3 i6 U1 Y2 {+ u, Q         yDir = "up";
( s1 q# H% k& e/ k         }
$ V" S" a4 {' P% R6 `$ j      }
) I( J7 w% J' X! y" j   else if (yDir == "up") {: h" b. Z, }+ v6 {  }  A
      if (yPos < (0 + BallSpeed)) {
1 q) G. X% h) e2 k! I: F         yDir = "down";" Y7 X! [; m6 P" M
         }0 x; v) D/ p% C* f7 O& f
      }
5 J; r. J; O( i, ~7 T7 E   if (xDir == "right") {: i% p/ Z/ m2 _0 b
      xPos = xPos + BallSpeed;
) f2 _: J) p# \% ?+ o: F      }; k9 c1 \1 n0 ?
   else if (xDir == "left") {+ ^7 n5 J1 ]$ `' W" e% q
      xPos = xPos - BallSpeed;
' m5 b3 O% u0 j$ q. \2 T) }% R) {      }
3 s: S+ P& s* x9 K- |# ~   else {
# [# D* x; B7 z  l      xPos = xPos;
9 D; E1 i' _0 E$ R1 w: h      }8 L* w" ~0 i9 [8 _$ h4 X
   if (yDir == "down") {
0 l' Q7 d' M- I6 ]- c: e      yPos = yPos + BallSpeed;0 e5 `, T' G% n, i- q! D
      }2 A/ V. _7 Z5 z( j0 p# u; v
   else if (yDir == "up") {
/ q! [( M7 t5 T  C4 j: m      yPos = yPos - BallSpeed;3 w) r8 k6 j5 b1 K  {
      }0 t- z$ L; {/ \. ]5 \! v
   else {
$ u- O& ]- y# U6 I5 x* |# J3 F3 w      yPos = yPos;
3 `9 X! s: v2 W5 `      }$ {9 y' s" D! a% j
   }: @6 s' @2 b7 B* ]

, {3 O1 r6 P' j4 \0 C1 D( i( ~function hidetext(){
+ m0 _9 i' ]8 N6 I- T# m$ Mif (document.all)$ k- c, M* [1 p  R+ E
supertext.style.visibility="hidden"
% D% X! p1 [/ C9 X3 X$ {; r/ E% Kelse if (document.layers)
1 T- c# m4 Y+ M% s& k- Qdocument.supertext.visibility="hide"
( L  A1 S- D% |1 G5 X! B  xclearTimeout(animatetext)5 \, D( g) B' _2 X$ k0 a; F1 u
}1 P$ Z( L$ p' ]& C- }

! m9 p0 w$ M. mif (document.all||document.layers){1 `% C$ u" j8 d: g7 d" X6 n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), l" X% D( O& X
window.onload = initializeBall;
- Z. \& X) _5 u' E' H  b; Gwindow.onresize = new Function("window.location.reload()");7 p0 e8 u4 v( ^5 j
}
. c1 p* C  M8 D9 ^* ^3 a2 Z+ U$ Y( d! H8 J1 x! ?& C" F$ t
</script>