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

zw2004

<style type="text/css">
# I! t9 F: v4 z4 P9 r! t: r' _#supertext {
4 _3 d9 H* A- _" H7 vposition:absolute;( ^+ @. }" E7 |3 y% J0 `- H. }1 l, l
left:0;
& x9 F0 e8 ~9 W& ^6 Ptop:0;4 f9 w% L  q, q! p
visibility:hide;
' Q) D/ |3 V9 f1 Avisibility:hidden;
7 n6 u; d; S. h- H! O( S1 Q# B}0 m! N' J3 u+ U. P9 [
</style>" K' c$ P$ F) k4 {' h/ w
<script language="JavaScript1.2">4 T, m& _# s# f% u/ k% J
<!-- 改变下的字体的大小。颜色-->, D8 D5 \; W+ P9 X+ s8 D  ~; c4 ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% \' d2 J# N; [0 {, U* C- n
var hidetimer='';
5 j0 X" T' q% w4 j. O9 I<!-- 改变下的弹跳速度-->1 l6 q8 d' e* F6 N/ p
var BallSpeed = 20;* {$ U3 V6 C. d
var contentWidth;" }# \' n8 R/ D0 c# P
var contentHeight;
. K. i; \. j7 L# U+ O0 Ivar maxBallSpeed = 50;! D* T, X' O, Z- S

2 H$ x" k( m! r+ j
: C' ~- D, @3 _2 Avar xMax;
* e' Z4 B) \# `) X# n( ivar yMax;
: t, ?; I5 w& s8 e) Y$ wvar xPos = 0;* `8 r( t( E! f: B: J$ {2 m' k7 ?
var yPos = 0;
5 _5 l: I% m' T6 b8 kvar xDir = 'right';, c6 U: f9 Z5 |1 j( v
var yDir = 'down';
. l9 ^4 `& G+ \$ M. M$ c$ Evar superballRunning = true;4 l* m4 Z9 k4 V. x0 R
var tempBallSpeed;
. X# R5 G0 t6 g& Z4 z3 Bvar currentBallSrc;
) h0 P- F6 ^6 p3 `* Qvar newXDir;
$ \  x; a' J$ b8 h" i, qvar newYDir;
5 a" {- m: ?( h# I/ _4 \5 {2 M1 Z  k6 E7 ^/ `
function initializeBall() {9 K+ @+ J8 Z* i; W# L, \4 f# h% s  v
   if (document.all) {/ ]2 `% m& n& A0 J0 H/ _2 J, M
      xMax = document.body.clientWidth" }( e3 i; |  L8 e! n
      yMax = document.body.clientHeight
" H5 G4 }( M* ?! `      document.all("supertext").style.visibility = "visible";5 E3 N, Y$ k: C. x# ~, N1 j* l
      contentWidth=supertext.offsetWidth3 b+ Z1 `% c4 {
      contentHeight=supertext.offsetHeight( @& W$ }! _- _
      }2 T; b9 H" I- t0 z; t7 g' {& k% _
   else if (document.layers) {
9 I6 `' V" K( D  X      xMax = window.innerWidth;: o( a! W5 B6 a; V' ?6 ?4 q
      yMax = window.innerHeight;
3 }+ i& }' q; W2 p" A* u      contentWidth=document.supertext.document.width/ t! N$ v* y. q; H4 a
      contentHeight=document.supertext.document.height/ i8 C) G: s3 A7 q* L( w  s1 B9 A& P
      document.layers["supertext"].visibility = "show";; `0 J* S* ~; K5 ]+ P& N' i* p' d
      }6 y% _% `$ E. X0 P4 X- E
   setTimeout('moveBall()',400);
; B1 F) i- X3 X( `4 w' L9 I   if (hidetimer!='')
7 w  s% m4 Z7 |   setTimeout("hidetext()",hidetimer)
8 O& e$ k' x0 z3 d" d4 p   }
7 T0 F# g( I% m& V* a- E
5 g, b% f2 }! pfunction moveBall() {, J8 F- s7 J# z  t; T, |3 m" {) Q
   if (superballRunning == true) {
. Q; F: Y' p, D, D; M  W      calculatePosition();/ }0 m0 l( n: K- N7 ?8 O) \) S
      if (document.all) {/ z8 r1 {7 J. R
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( h6 k" j: I3 B! o8 I1 S) ?/ w; V5 J         document.all("supertext").style.top = yPos + document.body.scrollTop;
% E( Y6 E1 V/ e2 @: m         }6 V+ y* c. h* ^  S# @
      else if (document.layers) {- m9 C4 w( r4 z5 d; z$ s- y* g! a  ?
         document.layers["supertext"].left = xPos + pageXOffset;
! L! h  Z+ k3 C( k$ A5 z4 X* j: T         document.layers["supertext"].top = yPos + pageYOffset;
3 Y8 L8 g4 b8 s' `2 f) O+ l         }# c. M7 `( r: I5 K
      animatetext=setTimeout('moveBall()',20);! Z6 h) }' H" g
      }5 ^1 X' L3 |  T3 y) T
   }3 E, `. `) |/ s3 |
, z; c4 d3 A' }: a/ k% B9 W
function calculatePosition() {
; p; C. S: q9 c( h( J: k   if (xDir == "right") {  J. T  \! A. Q6 m3 E
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% k2 f- Z1 {1 B3 |         xDir = "left";/ [; @+ V- C0 l
         }; X# [, q1 I5 i4 K! C7 v6 P6 n3 J
      }: v6 K. e2 G1 C/ |: I
   else if (xDir == "left") {0 z7 @  r% d4 p6 M9 ~2 ~' ?
      if (xPos < (0 + BallSpeed)) {
. x5 w% n9 L: |  i         xDir = "right";
: M: [. x2 y4 G' H! v/ D         }
; d$ Y/ K7 d8 l      }9 j$ f9 e. v- y0 K& q6 x. I* a
   if (yDir == "down") {- n. ^% z: e3 |; I$ ^8 n
      if (yPos > (yMax - contentHeight - BallSpeed)) {
. b' y7 |6 x0 J7 y3 ?4 Y         yDir = "up";7 R* H. x8 `4 F( t* B
         }
2 m# I" _" O9 s. t( n      }% i: G9 p) w5 m  z
   else if (yDir == "up") {6 |8 ]. B2 R2 Q2 \) @' A
      if (yPos < (0 + BallSpeed)) {7 x! K/ H6 ~9 X! C! D+ ?1 e) N) ~( O
         yDir = "down";
* E; o* M  ~4 s. e( c0 @3 l         }: N; z: B, J8 o- V8 Z
      }& k- S' t6 O" ^4 u0 C$ _8 n
   if (xDir == "right") {
1 G. m2 g7 q& e1 [8 l      xPos = xPos + BallSpeed;: }5 m& Q1 s) x* J, _
      }
( u; Y8 N0 E& s   else if (xDir == "left") {
$ L2 g' C; I" o1 x  G      xPos = xPos - BallSpeed;
8 U( K( Z5 i& a5 `2 r      }1 s8 a( V4 ]& `2 ~: C
   else {
$ v: F' D% \8 e' Y8 C1 N      xPos = xPos;; D! D! [) B$ U% e- R
      }1 l0 K# B/ `* A% t9 c; O$ o
   if (yDir == "down") {0 f- g4 _  T& x& @5 F
      yPos = yPos + BallSpeed;# S' @( [3 p8 y' w) Q  Q; E
      }
% m+ i7 n! r. V* O# ~   else if (yDir == "up") {
# H: y+ F) ~& u' K      yPos = yPos - BallSpeed;/ R0 _* t" c, j6 ^3 Q  z  P
      }
4 e# p$ j6 A) [/ w, ~0 ^4 Z   else {
" h: b( `. e9 Y; ]3 A2 Z/ R      yPos = yPos;
1 y) \0 }: M5 o6 ?" v6 G! ?      }) A" Z# L! \) E) R" Q* r" |/ p4 `
   }" Q  e5 p. g9 I  y* p+ w: D5 ^
" _, T% j) a3 w0 N+ [6 A
function hidetext(){
8 N* l6 N2 @% R, g  T1 _, q" Rif (document.all)5 O+ i, q3 e9 l- b3 R
supertext.style.visibility="hidden"0 P# H  ~* e5 D$ f
else if (document.layers)  M8 ~+ V5 W2 ~( r! b
document.supertext.visibility="hide"
; }7 K8 g0 F4 k3 S3 U4 i+ MclearTimeout(animatetext)# R+ {5 z, Q- z9 p  ^! b7 d
}
' i2 O4 i2 c% Q5 p% N
9 Q3 |9 p1 i* f, D; p. Iif (document.all||document.layers){5 j1 U* `( P; `- m# a7 }8 A" y/ q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" `) O4 p( l- h' y
window.onload = initializeBall;
0 m3 l# {4 g7 H! {' [$ Uwindow.onresize = new Function("window.location.reload()");) D3 L7 N/ f+ u. W# I
}3 P9 M' K, D) n

- @! [, K! N* y" J</script>