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

zw2004

<style type="text/css">
- n2 h9 c5 p  a# X# K# @#supertext {
) a, [' b: w' q4 qposition:absolute;+ u: h* {# W* k! {- n! q
left:0;
. c- B3 Q8 W. ?9 B) Gtop:0;
1 o/ \3 @5 b2 P) m2 e8 t' xvisibility:hide;/ t$ s% F5 y! l6 f' G. J9 R
visibility:hidden;
# D4 B1 m. [( j, n; L' s8 Z& P* y9 Z}
, j6 M' I6 H5 d' I$ `: }1 k# l' a</style>
4 T0 B7 O9 k3 [  O0 ~7 D$ G<script language="JavaScript1.2">
4 D! G) @% u' l4 n: o$ h  c2 G<!-- 改变下的字体的大小。颜色-->
+ v3 f' P' A: k/ Y! ~7 p: wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( n* i+ l, }9 e4 L
var hidetimer='';; W% |3 m- T, K5 M# ~: ?% o
<!-- 改变下的弹跳速度-->& y0 V$ Y5 ^/ a0 X, e
var BallSpeed = 20;
9 C: e3 @- h0 T* R4 J! c. G+ }  I  xvar contentWidth;
6 ~- a1 `+ `  J) H/ pvar contentHeight;8 L: J- r& l3 D- w* ?
var maxBallSpeed = 50;
0 \+ t7 {; K' p! Z% Q1 |+ b+ q2 T- D+ ~2 r' H+ h
) |; k; |$ `5 ~- j1 ~9 O
var xMax;
, n) Q6 C" Q$ s6 fvar yMax;6 s5 b4 D6 C2 [/ B4 s( y
var xPos = 0;1 `+ I3 |- o- r; v$ J
var yPos = 0;
( S1 w& s5 |  H/ F- D# ivar xDir = 'right';
# s( M9 t0 h8 t9 D' e1 H' {. s! A& uvar yDir = 'down';
- M$ A, i+ l/ O5 _/ evar superballRunning = true;. n) l3 ?/ A7 M+ ]2 Y
var tempBallSpeed;" d2 T8 F. [, G! q
var currentBallSrc;) D- e% Y( Z0 G. H( E/ C+ a
var newXDir;, Z8 @' b9 B9 y3 F( m8 z3 y2 `
var newYDir;
# ]9 p) T! E, T# D, C$ h% c  w
, q9 n4 P5 r! t# x# afunction initializeBall() {8 \) B* C% {) `" c* p2 |
   if (document.all) {  j1 z* ]  S) K
      xMax = document.body.clientWidth
5 ?' n/ n4 \3 v( j      yMax = document.body.clientHeight/ C" y4 L: k5 {: V
      document.all("supertext").style.visibility = "visible";
9 v3 e) u+ @( ?- Z3 [4 r# b      contentWidth=supertext.offsetWidth$ B. p3 Q- k; q7 i1 v
      contentHeight=supertext.offsetHeight
; C4 X$ h6 ]$ r      }
" `& b# g7 K+ k, B, {& P   else if (document.layers) {
, h) e3 a1 u) q! W$ L! k- a9 k      xMax = window.innerWidth;/ j8 e( ]6 @& z3 c$ V
      yMax = window.innerHeight;
5 g0 B& a# g" N      contentWidth=document.supertext.document.width/ q2 J; H8 y! S4 n% s1 {
      contentHeight=document.supertext.document.height* z  t( a! ]6 D3 c! g, I( [9 W" b
      document.layers["supertext"].visibility = "show";
: G! Q4 T6 e& b0 e9 L2 V      }. Q! ]( ?# G* U
   setTimeout('moveBall()',400);" l3 Y+ i9 M; Z0 \0 _- z
   if (hidetimer!='')' M# b0 Z; l: ]# H
   setTimeout("hidetext()",hidetimer)0 ?0 A  l1 X+ v4 D
   }
; u" a: ^& i* r$ {. R! \! P! ~
( B; ?0 h6 m9 R' A" xfunction moveBall() {
; L% G# s5 M5 N8 j! C% `& m4 i   if (superballRunning == true) {
% m+ H9 p+ n) m0 J      calculatePosition();; h& h# R( _% @$ l& [
      if (document.all) {
: S3 v$ \- h- ^; ~+ L- S/ _' p: o         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 }) n: N* \5 C9 W( q
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 D7 Z4 ?2 h! e
         }. E& \% g8 s# H
      else if (document.layers) {. l2 k; K7 q8 U
         document.layers["supertext"].left = xPos + pageXOffset;! g5 T! q; x7 B' x7 C
         document.layers["supertext"].top = yPos + pageYOffset;) d1 t. U  }2 w* ]- R6 n# x* i  y
         }
( A+ S; O+ q: f, p' x2 x; u      animatetext=setTimeout('moveBall()',20);6 t+ f. Q4 J& @  a% m5 |
      }
' |3 K8 q) ?$ O   }+ O" q# V: ]: S/ I
& q3 o' H/ _, b/ S
function calculatePosition() {9 K- v3 E% q2 U+ p4 F
   if (xDir == "right") {
; `' C6 J% i' t% A" a" \3 @7 j5 Z      if (xPos > (xMax - contentWidth - BallSpeed)) {" \' B3 }( T; Q2 J" x$ t
         xDir = "left";3 I/ ~6 S2 ]/ E3 w" e( D
         }/ l. T) J3 j1 A$ r( J; T- x7 s
      }
  ~" |% @* G, X8 N8 E   else if (xDir == "left") {
$ J/ Y' x) `5 Q! c2 X7 F      if (xPos < (0 + BallSpeed)) {2 z7 d; n/ Y0 z# a% g' ^
         xDir = "right";
0 @3 [7 K' O$ t& _4 o, K9 ^' m5 M8 [         }
4 W8 J+ V/ k5 B3 a5 Y- e: y* `      }
* `* ~) Z5 `7 b5 H   if (yDir == "down") {
% p' M3 o9 k6 E& G/ L/ o- g      if (yPos > (yMax - contentHeight - BallSpeed)) {9 d) {2 G- W$ q! D" h+ Z
         yDir = "up";. o" R6 d6 ]* F$ R2 Z
         }
: X# H. z0 _! Z0 J( D      }9 M; n0 K8 R$ ]; a! A2 m
   else if (yDir == "up") {  x' o$ j; ^$ s+ h
      if (yPos < (0 + BallSpeed)) {7 H) G' x& l" u' S) Q
         yDir = "down";& J  Q6 I* ?1 j# A, G7 U6 _$ F# ]; d
         }9 c! K7 q$ y* ?! {3 W
      }
$ [. l+ r4 C) W, q" y" h   if (xDir == "right") {3 A; l0 M6 s' v7 @# R! @. f
      xPos = xPos + BallSpeed;
% m% a' N  z( j4 u5 g" k1 I3 Z      }
/ V' N. b: e+ P& `  L- D   else if (xDir == "left") {6 p) Y# g$ F" K3 D) F- T
      xPos = xPos - BallSpeed;
. x5 K3 H( O% N  U      }' [9 y( d8 J4 t6 W
   else {, A$ [" |% ^) S
      xPos = xPos;. y' ^2 j0 W5 U0 b* O$ ^  I/ I! c
      }
0 c  t  \$ c! y6 l$ C   if (yDir == "down") {5 c; |# B+ o) I/ Z# n6 a6 I
      yPos = yPos + BallSpeed;: ~! \& B3 ?. u: j. L
      }; G; l: {3 M7 S+ v4 m, ?: S
   else if (yDir == "up") {/ g6 K- D$ ?, R$ T& d/ }  t1 C9 f
      yPos = yPos - BallSpeed;  T) Y+ K/ j* J' H
      }
6 y) s4 A' I2 W6 \7 X0 J5 m: x   else {
% _" w* @: r- ]$ m+ V      yPos = yPos;& p0 k* x! Y/ C7 R
      }# A; L- S5 j  y3 Q! f% B
   }
+ }, j# m0 N; k$ D0 h0 U3 O( O& C5 ], w( u
function hidetext(){
9 k7 q" I' C% yif (document.all)0 z- T$ A3 R0 L
supertext.style.visibility="hidden": N6 n/ K6 w) A! Z" e
else if (document.layers)
0 o9 q1 T& k' d& L8 y! f2 Rdocument.supertext.visibility="hide"
1 R/ c8 d9 N" W; o1 d0 p( TclearTimeout(animatetext)- t1 ~3 x0 m! [
}
9 z$ b; B: V9 A5 U# {' o7 T9 X, e# i& C  I( l
if (document.all||document.layers){
/ d2 U) X4 g1 V. v1 ~' adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* w. G% ]2 Y5 p6 N5 }3 F' dwindow.onload = initializeBall;
3 W' t3 @1 `9 A1 o6 Mwindow.onresize = new Function("window.location.reload()");
% p: F9 c" j4 ?}+ j; G8 d. b8 R# ?  l* U+ Q8 I6 }

2 O% P2 X* `: E0 ?. d* _" G</script>