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

zw2004

<style type="text/css">8 I; Q; h7 T8 K9 Z
#supertext {
) z+ |6 d4 q. a* M, l& r6 yposition:absolute;& n* R( }5 A$ d5 o2 U
left:0;, @" O* @2 ^! l! ]1 @+ v4 _
top:0;: J" {3 G- q3 c* b/ R$ I  f: @0 H7 V
visibility:hide;
: b6 Y6 l) |- uvisibility:hidden;
) s* ]7 e. q- V& a' |- P, ?& z}* T; y6 y* p7 S
</style>, {# u7 d! F# |6 E4 u$ J
<script language="JavaScript1.2">* `4 g( U" F8 `2 ]6 h
<!-- 改变下的字体的大小。颜色-->. P3 i) c+ `$ G, e' P' k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 s& p7 j0 l, S! S7 `/ m
var hidetimer='';
) Y2 \, \" [# H3 U" Y- ^<!-- 改变下的弹跳速度-->
8 u4 A" G# ~5 N. pvar BallSpeed = 20;
( H; B/ \1 s" `1 f" x# s: `- U  ~  |var contentWidth;
$ Z# @4 D/ p6 W2 \* R( Qvar contentHeight;
) G" c0 g0 M0 l9 S. Fvar maxBallSpeed = 50;: l6 \; ?, }0 s
8 g' r4 n% z5 K) s

( G2 C& x7 j. H7 s; T- fvar xMax;  q( z% `0 J4 J2 W" l# J9 r
var yMax;: C2 ]+ D+ b- G/ m9 \; t
var xPos = 0;
5 ?# R# [  F1 j- Rvar yPos = 0;1 C* n0 s, n3 k5 H) Y# `  O4 a
var xDir = 'right';3 T$ }- |3 G0 Z7 j3 W5 ?7 c
var yDir = 'down';
6 }0 d% c! j) M) M  `, V5 @var superballRunning = true;9 H- ]( i5 `, u' ]6 n9 j( W; Y6 k
var tempBallSpeed;. ~: U" H9 ^! N2 r
var currentBallSrc;% r1 z( ^1 h0 R1 e9 |1 p5 P6 E
var newXDir;
+ u, k& ^7 N7 j' l! V; B5 D! pvar newYDir;
8 ]% V. f4 T# @$ f0 }0 N" r. K
& n8 C2 n3 M* f3 D' [function initializeBall() {6 y: D. k& L& n2 T
   if (document.all) {
! Y" k- V  k9 D0 n      xMax = document.body.clientWidth
# v' {* ]$ G, k      yMax = document.body.clientHeight
( d2 X7 [4 {  Z) J1 h2 z/ p      document.all("supertext").style.visibility = "visible";! Y, `4 h# T( u" ~7 X6 t, s2 B% O1 H, ?
      contentWidth=supertext.offsetWidth
' b& e3 R1 Z* e- b: ]7 w3 h      contentHeight=supertext.offsetHeight) G5 u( A2 S9 v+ U
      }. D( W; @9 F5 U* B  k0 A3 x* e
   else if (document.layers) {
3 C: @6 }/ p4 [' E. E      xMax = window.innerWidth;
: e, J9 h7 @8 i' E  N      yMax = window.innerHeight;/ }3 b, ]: H) O, {0 H/ i
      contentWidth=document.supertext.document.width: x5 w% k7 g* X& N9 q1 L( W
      contentHeight=document.supertext.document.height
) e+ a6 w& o# [2 y3 m$ l/ I1 K      document.layers["supertext"].visibility = "show";
$ u: c$ f6 t! d$ d- K      }% ]" c' \' N& W* q. Y0 l; g
   setTimeout('moveBall()',400);
2 Q6 ^$ o0 B& ?7 f, A   if (hidetimer!='')% {% m. _+ U& }2 S7 x
   setTimeout("hidetext()",hidetimer)! d( c, d2 f" W, `  m3 O" P' V
   }
" [6 b* I* O2 |4 [" l( m# I/ F
9 y/ s# t8 b2 Z6 z5 yfunction moveBall() {
3 ?+ J+ Q7 [1 K; G   if (superballRunning == true) {0 n6 G# X  u$ b% j! w8 x( T
      calculatePosition();9 H4 [6 w- W; ^: [5 }
      if (document.all) {
/ D  s/ z) S' P  A" o0 w         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 O5 s9 e! y9 k
         document.all("supertext").style.top = yPos + document.body.scrollTop;- ?: J6 d. N9 D# M9 p8 T' @
         }
  c: {/ v4 ]/ V3 H  |. ]/ X      else if (document.layers) {# ~) s. I* ~! U* m
         document.layers["supertext"].left = xPos + pageXOffset;
6 f/ T  n. A% g+ l, ^; ]         document.layers["supertext"].top = yPos + pageYOffset;! M) S' t! p, H6 ~/ R
         }
$ N+ K- }" O7 z+ B      animatetext=setTimeout('moveBall()',20);
0 R5 Y# @$ w1 i' E/ o& s5 o. t9 A      }, a' j0 J* `, E" D
   }% e# o# i# L2 p. V: T. D
( J' l1 I& t2 p) r$ A5 ]4 o# A; H1 B
function calculatePosition() {
  @$ [6 j" e9 g* J   if (xDir == "right") {
+ a8 ~1 q$ M8 T& R' n1 ]      if (xPos > (xMax - contentWidth - BallSpeed)) {( u( H6 Q+ w) C9 @3 c
         xDir = "left";! V( E0 C4 ]  i7 {
         }4 w) h9 X) m- @9 ~, R) F
      }
! D7 w& L) \" h! ?7 s5 ?- t$ ]   else if (xDir == "left") {
( ]" O" d- T7 |8 _. {      if (xPos < (0 + BallSpeed)) {
( e9 R7 }/ |% F  J' j7 r+ l/ q1 ?         xDir = "right";
) e$ b* x( d; B& e  a         }
8 D7 h% E: A. T- c      }
+ e: r% F: \$ W* y9 i6 ?3 C   if (yDir == "down") {
9 {; j# b6 }2 R! w9 A" ?+ k9 `- F      if (yPos > (yMax - contentHeight - BallSpeed)) {- X8 k2 z, ^: l" h
         yDir = "up";3 B  i; o: B" t/ ^, v, \* j
         }# Y0 i& j7 c* O  s3 A! O! o9 \% Y
      }
5 c! p9 }9 V/ p: }9 O) b0 `- d   else if (yDir == "up") {
: D- c2 v4 F3 f. k      if (yPos < (0 + BallSpeed)) {
- H3 s9 V$ e" M5 g- n  V. A4 u+ t         yDir = "down";1 {/ m0 |9 n0 H' x3 @1 C) ], `
         }
2 L% ]3 i! [0 _% {/ |) I8 F      }
/ K$ V4 Q4 p0 E0 P   if (xDir == "right") {
; Z  S: e( Y# y4 S: R! j' g* f: X      xPos = xPos + BallSpeed;& t3 d0 K( Q* G5 l3 j; Q3 S
      }! T: f$ Z( z- s& f( J: t
   else if (xDir == "left") {1 o9 c' q& ]* o; X/ w; k& |! ]
      xPos = xPos - BallSpeed;. X" L( u7 I4 X2 r
      }
* F1 Z* {" x- ^' N" D  L( R  @   else {
' g. Z6 t  m5 I. i1 q, e      xPos = xPos;1 H$ Z1 d% L/ w4 a- ?7 P
      }5 q1 x1 S9 U- q
   if (yDir == "down") {; s! F2 T/ _6 |$ P: k4 v9 E
      yPos = yPos + BallSpeed;
% C4 v6 Y8 v2 r. y      }
9 t6 ~7 v2 y3 l; \1 J1 c+ B   else if (yDir == "up") {7 e1 C: V& r  S2 k+ G0 |3 {
      yPos = yPos - BallSpeed;
) Y# d" n( j2 |3 ^" K  R! F, z      }
/ j! d% J' Y# g- K   else {7 x0 q9 g2 i7 y' j$ Q% R
      yPos = yPos;; k& ~- U' ]' g: O
      }
2 s1 ^! `, i8 P6 Y2 Z+ z. j   }- K% H6 z1 f/ C

3 y  `( w& O+ }# jfunction hidetext(){) q1 F5 m5 D8 T
if (document.all)
" w/ t) R2 h: m7 H4 \1 ?* isupertext.style.visibility="hidden"
9 @5 T9 G- s" x$ e. v0 R, Celse if (document.layers)1 r. Q3 f- |+ |" t4 {# V
document.supertext.visibility="hide"
- B2 P- R2 A8 W, Z8 AclearTimeout(animatetext)8 r8 A( N4 M2 ?* o7 Y9 ~+ U
}3 c% \2 n  ^5 Q- D& o9 ?

0 y5 r% u8 y* [! R# U! a/ sif (document.all||document.layers){
) u; |2 [6 G' ]% p( w, Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 F" `# X& Y5 X: A0 i( fwindow.onload = initializeBall;# w: h( b( a: Q$ ]
window.onresize = new Function("window.location.reload()");3 Y* x1 O% v  N2 j$ H8 I" ~. _! _
}
. N, l3 f8 C% U7 U! s
/ }$ V; f8 w* A; f& X" r! `</script>