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

zw2004

<style type="text/css">9 y" T6 Y* t7 S+ z& _
#supertext {
2 D1 ^& x* h5 T+ [* d! R$ pposition:absolute;  [1 ]5 G0 @. ?. s6 K& V- {
left:0;( T5 N3 o5 _1 V$ d
top:0;% x2 W) w6 c0 O+ ?" g) E; G
visibility:hide;
' ~: S! R/ l+ B- ovisibility:hidden;
/ r' p) z# l5 y$ y' D- N}( [# }, T- j7 d# c+ n8 k, P  X4 R$ w
</style>! X% G5 B: N& ?  z5 G
<script language="JavaScript1.2">) u6 r0 m+ i! b* A) q
<!-- 改变下的字体的大小。颜色-->. i! J: }9 Q, R8 E5 v4 _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- @1 q0 Y9 y' g7 s7 Rvar hidetimer='';
0 V% p! j1 n, N<!-- 改变下的弹跳速度-->
8 A" M: C- H0 o: a- R& }9 C  Ivar BallSpeed = 20;
- J4 d) R* h2 Q2 k8 ~var contentWidth;
. |5 E# Z! w' Q9 Y# Hvar contentHeight;1 r9 y8 e0 m5 k. B  A! {
var maxBallSpeed = 50;
% r& u8 a# L6 W/ ]0 v
7 b7 X9 i* z% I9 B9 J, V- v' i
2 q" P- W9 n8 {& b, X0 d4 ~: svar xMax;
- t& ^* A+ L/ R$ w" Zvar yMax;
* _& F: e6 O) A% wvar xPos = 0;5 L5 X# l  t/ y& P. a5 p
var yPos = 0;
. c; o; t/ ?( qvar xDir = 'right';( b0 H$ f0 H, y1 y' n
var yDir = 'down';
. w) ~4 Q$ u- P/ ~8 B. Q7 F1 Avar superballRunning = true;
& e$ Z4 S1 A2 y3 L8 ?4 ~, Ovar tempBallSpeed;2 ?8 _0 m! U# K1 u
var currentBallSrc;
/ ~0 s; x' h8 ^! `$ Zvar newXDir;
+ t: [+ X0 Y9 W8 R! s+ Jvar newYDir;7 d- X2 m  k. H, {: B7 Y- J
" f/ X" i2 F) o1 I1 A2 V! @
function initializeBall() {. v' q: }; r- Z# T- x0 f% T: o% M
   if (document.all) {0 }! Y. _; q$ |1 n. Z
      xMax = document.body.clientWidth
* q/ d- K7 D, Z      yMax = document.body.clientHeight
3 b9 v" W; A+ s* D. h9 j" }. I8 e      document.all("supertext").style.visibility = "visible";; e# d, B; |* e, ~* d
      contentWidth=supertext.offsetWidth- m; r4 t& Z% S1 G
      contentHeight=supertext.offsetHeight
& H3 o, n5 E4 d      }$ s* b. J0 f- s
   else if (document.layers) {
3 V3 h; u( G# z" b. a: b1 u( P      xMax = window.innerWidth;3 W) c8 F$ w+ x7 ]% \1 K
      yMax = window.innerHeight;0 w* t; w6 c0 t4 N
      contentWidth=document.supertext.document.width
: v5 V1 ^% Z* w$ q/ @: a( u      contentHeight=document.supertext.document.height& _! u4 Z( r% |" K
      document.layers["supertext"].visibility = "show";
0 Z( G2 p3 s. w6 m- I      }, e, o. S; _: G- D
   setTimeout('moveBall()',400);, w# ]' c+ p4 U: {- x6 R7 l
   if (hidetimer!='')! `1 Y; H0 \+ e' ^
   setTimeout("hidetext()",hidetimer)4 \$ P) ], O3 c6 d
   }
8 \6 C& h& b! ]
- Y+ W, S" E# E4 Tfunction moveBall() {2 C6 L. C$ }% z3 k" g- P
   if (superballRunning == true) {
. L2 A, {* B* F/ Y- H      calculatePosition();
+ h, b( T" r( j. C1 p* I' b& P      if (document.all) {2 i# |, y& D/ V( _0 |
         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ s. x0 d2 q$ ?4 `4 u) o
         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 X: E2 y5 S3 J         }
) o# B+ v  G/ C/ D; P      else if (document.layers) {
, [) [/ [0 b- o         document.layers["supertext"].left = xPos + pageXOffset;' j% @9 n3 d* K1 w
         document.layers["supertext"].top = yPos + pageYOffset;
' U/ W( [. q" `# G         }# R3 n- j4 ~: M" a$ ?4 I3 G' v
      animatetext=setTimeout('moveBall()',20);
6 v* t- ]3 U$ ?. a2 V/ X      }1 }5 z% Z: J% r2 J* }
   }
$ w4 D. f; H  ]1 c  b+ X  V4 h5 e* x/ v6 {  `
function calculatePosition() {
. p9 d  B$ _& a! n2 u/ K9 l6 c   if (xDir == "right") {
: }- K- m) L% N$ ^$ `6 g$ F' b1 M      if (xPos > (xMax - contentWidth - BallSpeed)) {% A: D$ T4 m% C. E' J8 v
         xDir = "left";4 ?. K& i- y' ?* P* V0 o
         }: s. E. T4 X6 ?! \% b2 {4 E
      }
. v7 B+ m6 `0 p: \+ c* G7 A0 o, l   else if (xDir == "left") {
6 }* u; J+ ?2 f3 `1 Q5 s      if (xPos < (0 + BallSpeed)) {
/ @; f" V8 H( W4 z3 Z3 t- g         xDir = "right";
0 W0 C; Q5 K. ^9 P) x; v1 @         }
* E2 R/ j4 O9 ?: \      }9 K0 F6 {! [3 o
   if (yDir == "down") {0 \1 p, Z$ V, j$ K
      if (yPos > (yMax - contentHeight - BallSpeed)) {+ o( i+ ^( g: q  H8 F$ L
         yDir = "up";$ B. E. l! b' t' c6 D8 ]; k
         }0 B3 w* L. e: }# L9 W
      }
+ v; r# t$ i( P6 ~. Q4 q, H# ]3 f5 e   else if (yDir == "up") {
5 c% u: Q' }: i% G* \      if (yPos < (0 + BallSpeed)) {
! _" c/ Z1 O! w# {( J: E         yDir = "down";
0 o- {- m3 Y9 U  U$ d         }+ t: P4 D9 \& P
      }3 |5 e7 a3 V- q, a
   if (xDir == "right") {
7 V; s* |4 A! b5 P      xPos = xPos + BallSpeed;
6 F# a( ^3 A" T& L' p& ~      }
2 O% P2 V$ N+ O! ]   else if (xDir == "left") {
: p+ V5 G3 j8 Q1 u# c  O/ N      xPos = xPos - BallSpeed;
0 t3 |- ~! [3 U# `      }( I: `5 a1 x9 K& Z$ a5 {
   else {
0 X1 s6 M; G4 R3 N      xPos = xPos;9 ]( t; Y- c* P
      }& @; t) m. g, O! F! X4 |4 A  u
   if (yDir == "down") {! s* ~. q5 C1 J5 k, i" z6 r8 C
      yPos = yPos + BallSpeed;% d; p2 u9 L* D+ \$ \
      }  w3 [* X+ p; p( O
   else if (yDir == "up") {) t' v. c5 n. h) V' |' K, u3 G- l
      yPos = yPos - BallSpeed;% |7 C0 F! @- E
      }# k* O5 f8 U& j  ?6 T7 k) c! S
   else {- [' x1 [; y& `  j# z7 i
      yPos = yPos;
7 y. X2 f$ H5 j4 H4 j5 d      }
, n7 n, `3 K/ x9 M   }% c' x& y0 F( r# X: c! Q

: k, L0 s# O2 `! u- C% `function hidetext(){
. ~' o& \2 W  U/ G- _; Rif (document.all); I" `$ P& ]- ?5 X. _1 G
supertext.style.visibility="hidden"# M3 V3 b) D, e$ J5 T( |+ B
else if (document.layers)
0 n, F. }4 z+ z7 j( i8 v3 s0 rdocument.supertext.visibility="hide"
6 P; s: O0 O* D  Z0 @0 CclearTimeout(animatetext)
! X% L' z( _7 J/ |# N" W: k}
) f4 m$ e  B) o' @9 s4 l9 ~3 [- I5 l( ]4 l/ x$ t5 U- S1 e( y
if (document.all||document.layers){4 t& }  B, D6 a% e% W4 H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) k$ _) ^; [  Y4 m' h& y( Uwindow.onload = initializeBall;
2 a$ D; o; `* s* {window.onresize = new Function("window.location.reload()");' o6 u6 }' [& k+ o
}1 g( {0 C* J# o3 j8 ?& i4 y

2 Z. v2 f& ^1 J. V</script>