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

zw2004

<style type="text/css">; p3 i! X- j  f$ f
#supertext {9 ]8 @9 |" n3 E' \6 }
position:absolute;
8 |' T& O# E" s+ b; jleft:0;* b( ?6 @2 ~0 i$ p' j% G- u9 _0 t
top:0;; A  O9 B* g+ r* x
visibility:hide;
3 v( \$ z8 A* t* O, Tvisibility:hidden;6 [9 u4 y* B( K5 u6 u
}' u# j+ G0 n- o- d5 o
</style>9 b$ f/ m9 F" t+ ~9 D: W/ H. M
<script language="JavaScript1.2">
9 _" Q7 B* Y( R3 I<!-- 改变下的字体的大小。颜色-->( a7 S7 O2 Z$ _4 }! C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- `- X, `8 d+ U$ m% ~var hidetimer='';
- ^4 Q7 E8 S- X! ]" R7 J6 Z6 n<!-- 改变下的弹跳速度-->, F6 R0 i& H- R, d( |
var BallSpeed = 20;* A  K5 c- c% \( E
var contentWidth;" B" s% k% L5 ?* u; M+ G! E% x
var contentHeight;
+ U! Y1 H5 x+ j$ c" Uvar maxBallSpeed = 50;, \/ \3 ~1 U& O% z- u# M* a' F

$ J. ^1 {5 [+ n1 R  P" N5 l  o+ U
, e  E0 M) {- Bvar xMax;
7 C1 ^* w7 Y/ Tvar yMax;. U0 X8 W6 N% ^4 O5 q# I
var xPos = 0;
, U, M  V& m0 m! e3 k5 Z$ ?var yPos = 0;
) ?' E1 b) g; o: k, O( xvar xDir = 'right';$ @+ B- |/ i% K( R
var yDir = 'down';
9 g# B1 D  F3 K9 y( Evar superballRunning = true;
8 l5 B! l1 |7 W* Lvar tempBallSpeed;
  h' I. C1 l) h- Jvar currentBallSrc;
1 d4 r5 A0 u& w1 N3 Gvar newXDir;
& W9 u* U& _. [var newYDir;
  c$ V, e2 l: ~/ y; B0 |% k7 |5 L/ b7 j- c+ O9 E0 Q" g: j/ h
function initializeBall() {
5 M' g) x0 e7 c% D0 J$ h   if (document.all) {
$ A; R4 ^4 u4 V8 b( r      xMax = document.body.clientWidth
% M1 T) \) C; _7 q      yMax = document.body.clientHeight
6 ?- X2 K1 U% N) v8 J      document.all("supertext").style.visibility = "visible";. G7 ]9 F# |) V8 x* X* R
      contentWidth=supertext.offsetWidth; b9 f" ~5 u& Y4 _
      contentHeight=supertext.offsetHeight
. D9 q! z/ @, L( ^      }8 j4 K# i* M$ a
   else if (document.layers) {
/ B' K  I8 {' _5 M      xMax = window.innerWidth;
/ b7 j+ e: w7 s      yMax = window.innerHeight;
& z# w: I: o- s1 c! d7 a+ h      contentWidth=document.supertext.document.width
1 {4 a* L, r0 ?" k6 Q9 ?& E      contentHeight=document.supertext.document.height' d) P9 ]1 X9 I8 P! J1 r
      document.layers["supertext"].visibility = "show";
# x1 R' G7 Y5 {7 B      }
3 x! b7 k; v1 Z$ X/ ]   setTimeout('moveBall()',400);
. C9 ?0 c# U5 q/ O8 p   if (hidetimer!='')
0 K7 n8 w7 ^0 v   setTimeout("hidetext()",hidetimer)
2 h8 N  g; j' f( M! U* T4 c   }
. n# p: C0 H7 w- g) Z) [; D/ N. I& @2 r( m. {9 O
function moveBall() {( W3 K! [, B; r! T3 {' b) }% ^+ Q
   if (superballRunning == true) {
# r# q1 Y* H" @6 a6 p- w8 |      calculatePosition();5 m- e6 N! S, r
      if (document.all) {2 G6 Q4 s3 S0 Y! B) f) d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' d" n% G0 r' E' y% y         document.all("supertext").style.top = yPos + document.body.scrollTop;8 Y; y% P& b5 e8 a
         }
* ~4 z0 N+ w4 a3 \' ?* L6 y. o4 Q- a      else if (document.layers) {" ?. o2 d" ~$ r5 C. x
         document.layers["supertext"].left = xPos + pageXOffset;
% o! m, j/ W5 X; X         document.layers["supertext"].top = yPos + pageYOffset;
8 h# I2 f' I$ k3 _         }
: C' i5 e1 H$ f      animatetext=setTimeout('moveBall()',20);& E! T  @* W( l9 O' {4 q( S" h
      }; {4 U! y1 }2 |! j: o7 i2 f
   }. z8 b! K. L, N5 o! ?
: G1 W" y) P4 S+ a- L5 U7 X/ R
function calculatePosition() {' G$ M( |' u: a
   if (xDir == "right") {
7 y/ U" f$ J4 }, G      if (xPos > (xMax - contentWidth - BallSpeed)) {, {4 y+ m" d/ D6 E
         xDir = "left";* v5 g/ y% _$ m" E2 @
         }
. P  L8 f. r7 w9 v3 z( V* f; T      }
# G; y/ B0 ~$ F0 [/ \* ^0 a0 N   else if (xDir == "left") {* [+ m6 @( P' G/ [9 i! s( e2 ~
      if (xPos < (0 + BallSpeed)) {
; p2 t( B: m, s$ n# Z         xDir = "right";# L+ k0 f; l; Q+ E
         }  ?6 n% J8 v4 a' n0 L
      }# F* s, g# K$ ^5 x$ j- W
   if (yDir == "down") {
: n. H( S2 D2 S. h' M, t' u& o- E      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ y! w" U, k/ U9 ^: z8 l         yDir = "up";" |8 R* U  A& ?, \% G
         }
( [/ E4 C# J+ O$ q! c6 c* @      }3 g7 X9 n! f( V. b( b
   else if (yDir == "up") {
$ n6 ~; a6 v- B5 R- A5 B; j      if (yPos < (0 + BallSpeed)) {
- i" Q7 e3 n& J! V+ l2 R6 e         yDir = "down";
; _2 J, e% X" ?4 E* f3 O         }
2 y  S5 l9 _4 A8 Q+ M      }/ K" w+ ~3 [8 l: b
   if (xDir == "right") {2 n+ S' c3 c9 r; Z
      xPos = xPos + BallSpeed;
) A0 M- l+ L. D$ M$ H1 D, N      }4 R1 x' X5 `  j. V2 Z+ D* c
   else if (xDir == "left") {+ }: f0 Q5 k- {- B1 D: N
      xPos = xPos - BallSpeed;
& G; m' U% a9 ?; J0 f+ n1 y      }7 y8 p% z9 l2 V1 L) ]
   else {; h3 u8 x9 A0 ^0 F
      xPos = xPos;3 c& x! q  g% Q( O; r
      }# Z7 q  P6 |( P
   if (yDir == "down") {3 f# n: n( p2 M  w
      yPos = yPos + BallSpeed;+ Y4 l5 U/ X" _, p
      }
1 p3 j5 f# A/ q% a& t   else if (yDir == "up") {
. ~( f- \4 \9 l. t      yPos = yPos - BallSpeed;
$ j3 K' g& f% M5 J2 j" j$ j1 J& }      }
+ f) M9 ?: E0 e& a. R) [+ e$ Z% M   else {0 ^+ J! z# b' k9 N
      yPos = yPos;
; U2 a; K# a& m0 N0 D      }
0 J% f; x& P9 k0 A. _   }
6 j) o; W0 D# F8 }# G- @4 @8 M  A6 n! ]% y
function hidetext(){
9 e0 d  p! _2 Q4 E6 l, x4 L1 Dif (document.all)/ r  u1 v0 M. g- w, A+ p
supertext.style.visibility="hidden"
; T) T! q6 R8 U9 Kelse if (document.layers)
* b9 a( V: O7 I0 M1 x, j" I* }0 Bdocument.supertext.visibility="hide"* X3 q' l( M9 g( S
clearTimeout(animatetext). |' e- n" R- V1 {7 j7 Z, @, G7 S
}
9 j' N( \7 g0 H" q6 w3 J' Z1 g9 w8 y! J( Y9 d. }6 r9 S( y5 ^5 i
if (document.all||document.layers){
  H. N! y- x. w- ^1 k) W$ idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- {, m2 H1 H  F7 s; o0 S
window.onload = initializeBall;
' c/ {( j2 y# y/ Jwindow.onresize = new Function("window.location.reload()");% L" m; d( {0 U
}, k8 M, {2 A; N
5 b/ Y% p, ^1 E+ e7 |9 V5 S0 h
</script>