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

zw2004

<style type="text/css">  V. t. w6 a% k
#supertext {5 H( u( J+ _- T; V% F
position:absolute;
) h- u3 A1 t9 x( ]; uleft:0;
/ C5 y: P0 [9 J' ^% |) m. etop:0;0 O" {* H# a0 V' T$ Y7 K
visibility:hide;' X. |2 `: m7 P0 v( C, @/ S: F. v
visibility:hidden;
! \0 d( V5 N! S3 ^- ~( i}
+ `1 n* M& W/ @  C, t9 n4 o</style>. ^3 W1 ?% T/ ^" N* {
<script language="JavaScript1.2">
! r2 M4 Y0 H' h<!-- 改变下的字体的大小。颜色-->) Z& X9 V8 d4 d+ x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 h2 Q' Z4 p& D' r6 x
var hidetimer='';
, r" Z6 K1 h" T; v7 g: @4 J<!-- 改变下的弹跳速度-->
' O4 }4 s: ]$ }* q3 evar BallSpeed = 20;" f3 c# [" N$ k6 S& k) s
var contentWidth;$ v5 a1 l- S6 G' l$ A
var contentHeight;
: T1 [- A7 `1 G# l9 Ovar maxBallSpeed = 50;6 j9 C) p8 X* H- c

' U2 W: f: O/ G% ~( J) Y( _$ h9 X$ B' V4 Z
var xMax;. @1 o& R1 _4 W( u7 _( P; C1 a& i
var yMax;& g; Y4 M' r, X! J9 [; R$ a' b2 J4 k
var xPos = 0;
6 i1 Q& K) P0 P# N8 a! T* qvar yPos = 0;
7 F5 ]* ]9 l4 [% j, Y5 W2 i  Hvar xDir = 'right';
: \7 W- w4 |& C' Evar yDir = 'down';1 `, l) j* u$ u0 a0 H0 A& S2 H
var superballRunning = true;3 j0 v; D; o( v8 Z4 l
var tempBallSpeed;
1 O' F" g, a4 h- mvar currentBallSrc;. \: Z9 [, W( a) o
var newXDir;. N- v" C0 W$ N6 S, b5 ~" H
var newYDir;
3 n2 v" W; v" V4 t) M. ~5 D* \4 c% s7 C, j- @' A2 @/ q
function initializeBall() {# ]7 n0 J( Q, t
   if (document.all) {
5 J+ P( N$ C: O( K- d' j      xMax = document.body.clientWidth
; f* T- [' ?2 v* D0 i4 L/ f      yMax = document.body.clientHeight6 H: a  E& s3 h& Q- G1 q; J
      document.all("supertext").style.visibility = "visible";$ P1 a; ~. J9 N' V: M  H3 \
      contentWidth=supertext.offsetWidth2 e$ h& u+ B$ x! e4 l! {! T
      contentHeight=supertext.offsetHeight
/ G: G  z4 x, N) K% a- V9 x      }
0 ]* X1 y% W/ U9 t) S   else if (document.layers) {
+ G% k! n" w4 F. b9 g! a0 s$ ?+ s      xMax = window.innerWidth;
' p: Q% ~& s0 _! i: I      yMax = window.innerHeight;
; m" ^* L, ~" Z  j( d      contentWidth=document.supertext.document.width
6 `# Y% o) W  Z* s/ |6 w      contentHeight=document.supertext.document.height  l( z( |! K  l5 s! n8 A: @5 P
      document.layers["supertext"].visibility = "show";
& [  t+ O' f+ l" i  v6 d      }7 j7 R  _% D5 e5 }
   setTimeout('moveBall()',400);. b: [) d- _, }" u" V; c
   if (hidetimer!='')$ ~: X" S& _8 Q3 [0 o
   setTimeout("hidetext()",hidetimer)
. @: k/ g+ W5 G* l; K   }
1 e$ {9 z3 m5 @7 q
& A8 g& _0 }$ |+ a$ ]5 W- T4 Dfunction moveBall() {
7 z5 A' p; q( |* g   if (superballRunning == true) {" i0 r9 O1 o. B2 t+ C* P
      calculatePosition();
0 X+ g7 C: w1 Z      if (document.all) {
' l( u- Q2 S+ v6 {) P         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ e% _! c6 v# R1 U         document.all("supertext").style.top = yPos + document.body.scrollTop;0 y& u6 o" R8 e- w, q0 V' @
         }2 {, ?+ T6 u! z4 ~+ ]
      else if (document.layers) {
/ Q8 H; t( E; i3 [5 x$ x) P         document.layers["supertext"].left = xPos + pageXOffset;1 {4 A: e, u5 J: J1 q: I
         document.layers["supertext"].top = yPos + pageYOffset;$ f8 B( a9 D; [4 ^4 K
         }
% y* _2 g4 F  L8 [- j/ \$ Q      animatetext=setTimeout('moveBall()',20);3 ]3 m6 Q. m3 t# |, j; H6 J3 h
      }
- B% J7 g9 V4 K$ _8 U1 U   }( I+ F! u" Z& i7 T  a
9 x. N6 S5 ~- k! D+ \# i8 |/ M
function calculatePosition() {
+ N) ]3 _; U1 z: u2 m1 z7 b   if (xDir == "right") {
1 E8 m% _! g6 c  v+ x      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 y  Z6 X1 U  S9 c" U4 u         xDir = "left";
" d' c0 M2 h- y# f7 Y" j$ w         }, S2 b6 ^& f" p
      }
8 O: g8 Y: U/ _( F; p$ V   else if (xDir == "left") {$ }' \3 Y' b  N$ a3 U
      if (xPos < (0 + BallSpeed)) {
3 A$ J$ f4 i  C2 P9 C$ i         xDir = "right";
. a" |( \7 W1 K3 I- R! ?         }  x( ^( Q( @. b5 w) x
      }! ]8 o# k8 V3 Z0 j) e4 L
   if (yDir == "down") {
* c# ^# H) g& z      if (yPos > (yMax - contentHeight - BallSpeed)) {1 l. c, Q3 O- ?/ O
         yDir = "up";
! v2 N5 ?4 A( d3 D, _) }         }- U% G' g" ?- P
      }# u5 B5 ]# B8 L4 v
   else if (yDir == "up") {' w2 j: ~" R& C
      if (yPos < (0 + BallSpeed)) {
: T0 _% d: ?% C% i1 d0 l( n         yDir = "down";; N4 c) y" x$ g% J6 f
         }6 [" U$ i( O1 i9 x) T3 t  Q6 c3 x
      }
" _1 N3 @8 e% B) Q* m8 s7 T   if (xDir == "right") {
% F+ E2 {2 ~6 Z! E+ E1 b; ]      xPos = xPos + BallSpeed;+ T* s3 C7 u% _& S* h9 [
      }
2 L% C8 p. H& W   else if (xDir == "left") {+ J% V# r" X% z7 f) N( h2 O4 h9 P
      xPos = xPos - BallSpeed;
) d. W$ O, b" {" m      }
/ J% y: Q- m6 B2 n( U% ]   else {
1 N4 }& [% p/ N, n2 U& J! ~/ v* U      xPos = xPos;
* W# d8 n- k0 ]! g      }
4 i: x" t. Q$ O   if (yDir == "down") {
+ Z: y8 L- l, U: }- |9 E& e0 u      yPos = yPos + BallSpeed;% n! m2 Y4 R+ L+ R  m, `4 b
      }
) a' Z+ B$ b) k# O0 t   else if (yDir == "up") {" U' |; X! x0 {8 [" K; \% N/ C
      yPos = yPos - BallSpeed;
) e' Q7 l0 W' I6 G3 N2 P! ?      }  y7 z0 \4 X( M% F- u
   else {
6 ?+ e: u4 Z, \& R( I8 d0 v" [      yPos = yPos;
  h9 k4 Q* Z( B; f, |      }: X* C+ T5 G! o) u" w7 Q
   }
& E2 \, R+ L- ]
$ \  M! _4 @" x+ a8 w' d5 E) N) Efunction hidetext(){& O) k$ H) {& x' k; X" g
if (document.all)
: Q% n# G, J5 o$ E  qsupertext.style.visibility="hidden"
  N5 u( R/ E9 `7 gelse if (document.layers)
* A, G$ A7 y5 x8 k& S+ ldocument.supertext.visibility="hide"
# k  y0 x7 C6 G6 U% w; b9 T& }clearTimeout(animatetext)
+ ^9 g" |; P6 l# q4 J}. w7 v' c- H* u/ r1 V

5 A4 }4 ]8 c) E" p& ^if (document.all||document.layers){' F8 o8 q# w% [+ D- m, N" C
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ t: h7 q/ }2 D4 ?' c7 P6 D& b
window.onload = initializeBall;
. s% `# ^# c) a( l( L3 H, q9 h: Zwindow.onresize = new Function("window.location.reload()");) w$ _6 K6 E" b- I! }
}0 D# E9 G# l" Q! p* G

8 G% j6 H# a- b( Y( k/ l1 ^- S0 A</script>