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

zw2004

<style type="text/css">0 t7 b. v1 X/ d# n2 f
#supertext {' j; J: g- ^: I  }0 D, P- j4 @
position:absolute;
+ ]( L- b6 c, s6 N: V9 M) yleft:0;
. V3 t4 l, G6 t6 a1 atop:0;$ I2 ?7 h5 n% V2 T! y' @3 B6 Z
visibility:hide;
' ]* S. @3 b' D# ^7 ^7 x# t" Lvisibility:hidden;3 f# r$ R* e- X4 e2 v6 T% U
}
4 u5 {- G7 b7 s) r& s</style>
. W- Q! y! d# p. F<script language="JavaScript1.2">
# Q6 A8 A8 D) B" ^4 R6 q<!-- 改变下的字体的大小。颜色-->
- j* w! K6 d) l0 x  _7 Bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 }! l* |2 Y! L5 C/ N& @var hidetimer='';% T* Y. V& A0 z3 e
<!-- 改变下的弹跳速度-->2 ]+ e5 d4 b  y9 ^
var BallSpeed = 20;( H9 }: g5 `( v* i2 l
var contentWidth;! |/ W4 g" f6 [6 N4 H
var contentHeight;2 i) m! s" O7 B3 U
var maxBallSpeed = 50;& m2 B. G  S- R% b- k& \

2 G- m' i' I3 G( K0 S7 B. e2 u) }/ @. A1 x# d! B1 P( C
var xMax;
$ a3 Z* A* e: Jvar yMax;* X. g7 _; h7 }
var xPos = 0;' V/ [+ M1 y( Z/ }4 K( X* W
var yPos = 0;
2 S( `6 e! j6 E( s/ [5 Ovar xDir = 'right';
2 K; L: [3 \5 o3 M. b9 mvar yDir = 'down';/ d7 w5 h; r8 @: Y
var superballRunning = true;) ^3 l- I7 A2 T; h6 i3 v) }9 P
var tempBallSpeed;3 o, L7 q4 P8 e7 ]
var currentBallSrc;
7 R+ V' q1 ^& r; H+ I9 Vvar newXDir;
6 I2 s9 k* f8 p# A; V# rvar newYDir;
$ ]5 t+ c: b8 [6 t
# M; U3 V* y* Yfunction initializeBall() {
3 C& l# Q: K8 [% t* e# L   if (document.all) {7 f8 H2 o- c: |; j* f3 j0 [! L" d* ~
      xMax = document.body.clientWidth# ~' ~8 s3 R/ L# Z" p
      yMax = document.body.clientHeight0 ]9 U2 v+ ]4 b- Y$ L9 j! V+ U! g; k
      document.all("supertext").style.visibility = "visible";! S! R; _; h+ a, @& w8 Z
      contentWidth=supertext.offsetWidth
' E1 b$ E, U& \1 q2 \      contentHeight=supertext.offsetHeight2 H5 h% `5 V% e# F# b, x0 e4 \
      }
0 |5 N& Y; N' V   else if (document.layers) {
3 \6 D! i' ~, [' C  `1 d      xMax = window.innerWidth;( G# ?0 K* E% v1 K1 ~
      yMax = window.innerHeight;
$ W8 e& O& g& \$ V) T) R! R      contentWidth=document.supertext.document.width* [% ?6 E+ V- f/ s5 X
      contentHeight=document.supertext.document.height8 \2 F- B; P. ~7 H; O% y
      document.layers["supertext"].visibility = "show";
2 T& x  W& I, a$ e; O2 X- T5 O$ v3 M      }
0 h( m" }7 n& r# T5 ?! B3 p   setTimeout('moveBall()',400);
# ]: ^; |& ]( U0 B2 @   if (hidetimer!='')
. U( g9 n2 [0 o5 R  }   setTimeout("hidetext()",hidetimer)
1 x' b: J3 Y7 d; y$ c   }/ [$ a% Z$ k' M: p. T

. H* L: }# ?" _function moveBall() {+ u. Y' u& c" m! r+ @6 c
   if (superballRunning == true) {9 g) n% q8 K9 ?  L0 Y5 W  _1 R9 Q5 _
      calculatePosition();
% Z0 G+ {' U  \4 ]; {5 C      if (document.all) {& X: m5 C6 c5 h& R0 z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;, b2 D& Q- E+ a
         document.all("supertext").style.top = yPos + document.body.scrollTop;8 v0 R$ E- c: x- k0 K1 h
         }1 ^9 j/ p+ n9 h1 G6 t0 j( e
      else if (document.layers) {& a% i/ N6 C+ p, j+ |& d- d
         document.layers["supertext"].left = xPos + pageXOffset;
4 L) i" |2 j$ t* U         document.layers["supertext"].top = yPos + pageYOffset;
. N- N! ?- ^1 V- z3 K# V& |         }
& I% p5 s$ v" _+ U+ ?. O) J      animatetext=setTimeout('moveBall()',20);
; M& o4 ~6 j% R1 a2 D+ k$ n      }, ~: R6 \8 I( f" J% B) Y3 q
   }7 f/ a! o! q+ m' r4 i/ ~

% a; `' v4 I% T1 l  `, Efunction calculatePosition() {
; f* i  p- K/ _/ a   if (xDir == "right") {6 e6 r7 T" D' j0 q+ N; ~. d1 n1 Q
      if (xPos > (xMax - contentWidth - BallSpeed)) {  w9 |2 M  F) d$ A$ l) ]
         xDir = "left";
1 d+ j) N+ e) b0 M. j7 A" K         }
" I8 G8 D: m8 ^: h( G      }( S' h  K% e$ ~5 e2 A# _
   else if (xDir == "left") {
9 q2 Y) F2 s3 Y, T6 _' ?' y      if (xPos < (0 + BallSpeed)) {- |& d) f! N6 K2 n0 W
         xDir = "right";3 V# C) A" y! o1 K
         }
! A% F" i8 q5 N- e/ A      }
, L- g! D+ J" p/ n' p  \) u   if (yDir == "down") {( W' f6 \! ~* ~$ G, p* b
      if (yPos > (yMax - contentHeight - BallSpeed)) {" O2 N$ [& ]5 o7 S
         yDir = "up";( ]! |) J% c! E7 h% T# |2 E
         }
( w( @5 k6 b; u2 h( m: }! U      }: S; Q% R: T, x* }/ R+ q4 A
   else if (yDir == "up") {% q6 w- g$ ?+ F* ^% ?# K& @
      if (yPos < (0 + BallSpeed)) {3 _; c; Q( S; y1 l, p1 C* @
         yDir = "down";' P0 c4 h9 U( |2 k: O
         }# Y) ^  f" `6 H0 w
      }* _0 r8 m' a, o" J3 H1 f
   if (xDir == "right") {
, e2 |- i- {* s# Z      xPos = xPos + BallSpeed;# V/ k8 N( n' z+ c' n
      }
' i& M1 u' x! o9 C3 e  U   else if (xDir == "left") {
9 i- G5 l' g3 C; E, S. q      xPos = xPos - BallSpeed;! P# }# r9 @% m6 c0 b  X- `: ?
      }
7 V; s! G2 f0 J" r& e. Q   else {+ p4 o3 P( |+ F) w$ G  d
      xPos = xPos;
) ?: k  y" L& T- q! T      }
. m) m6 y* M$ i$ @& x! b2 o   if (yDir == "down") {
# R# W# y: T) R4 s! d. t# S      yPos = yPos + BallSpeed;9 C* d( @' f4 h, X5 J" t
      }
! m' f4 V' W9 @, F( j; i5 w' g% f   else if (yDir == "up") {+ \' B, S  N8 Q3 Y
      yPos = yPos - BallSpeed;8 Q  P& ~# P6 t8 K
      }% |- B) p( |" [0 x
   else {- S. n* q  A+ \2 ^; E, I8 o
      yPos = yPos;
/ m& v% h2 `7 l& M      }
2 o& F3 z# U) R0 b4 p- f   }8 z. z$ q6 l; J9 @9 Y! q
1 o5 p: x" `, I; b% l
function hidetext(){
* M. e( E. `. ~. z0 ~; g2 ?. bif (document.all)
5 A) I% h/ m4 ?# W6 T+ psupertext.style.visibility="hidden"  m, [' ?+ W: |& G0 a$ v
else if (document.layers)1 A9 Y/ Q  G6 F
document.supertext.visibility="hide") w/ [) a' h- r2 N& C# J4 C
clearTimeout(animatetext)* U, e) [+ ~; v& o/ A) `) m- V
}
5 F* V( ]: P3 u2 U4 H% N8 f' L1 H
1 ?7 x6 e2 H4 d5 b" G9 g" hif (document.all||document.layers){' U- ^4 v3 s9 _% q3 T
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* i5 ~( {# _$ W4 l  o3 a9 l6 o% R; x
window.onload = initializeBall;
3 Z( N4 w+ l' t) e! J. @8 ^+ Vwindow.onresize = new Function("window.location.reload()");; X. d/ {5 L4 Q, }! p% Q8 G
}7 m/ ]  L6 _2 T' B! G# ?

$ M, `& ?7 M, Q; v- ?</script>