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

zw2004

<style type="text/css">1 M7 W% a' h0 B% k# `  b$ S
#supertext {
; _4 X) Z4 l8 xposition:absolute;
/ b* i4 t$ M6 R0 _# ^left:0;
8 A& F; \+ x6 e* @* ~top:0;' L/ c6 b( K) Y: W' o/ e4 _. v( @
visibility:hide;( b: ?( q; M9 [( ^4 O
visibility:hidden;0 ^, z! s' K# }! h
}
+ {, n* t+ L& c' j4 e& K</style>
) ]$ Y  E0 U  |% d3 U5 C5 N: C9 n<script language="JavaScript1.2">9 a/ Z$ \! O3 a6 m* x
<!-- 改变下的字体的大小。颜色-->9 a2 i8 A' Z" l4 |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: D% i- B  \! w8 o" ~var hidetimer='';& w- z# c; h0 y, \# F& ^- k
<!-- 改变下的弹跳速度-->
( f* _9 T8 \7 R+ M7 W4 Jvar BallSpeed = 20;
( l8 @( u# l( ^& u) ~% a" C1 T5 Ivar contentWidth;) F2 s: k" R2 M, U; L, s' A, L5 a8 O) |  T- f
var contentHeight;0 |# k4 S; U" I; `7 n
var maxBallSpeed = 50;7 e- x/ q3 v# C) j4 K2 L* c: n

$ w8 A/ b9 G; a- {1 L. v' Y6 i- x+ m& H: @/ u# Y
var xMax;/ g6 \4 w1 F6 o, q7 I9 J
var yMax;
; {9 H$ Q. x$ q% lvar xPos = 0;
$ j6 [8 {) ?/ c0 z" tvar yPos = 0;
4 c( u& Z8 w$ d1 a$ Y) h: T8 o. vvar xDir = 'right';' g; f; A7 y! G# v0 V( \" z
var yDir = 'down';" Z  A2 E  c5 }. Q- D1 H
var superballRunning = true;
4 w7 }9 ~" k/ Q) ^var tempBallSpeed;+ L! ?; h  d" K( ?# j! [# Y
var currentBallSrc;$ g* ^2 j) H  V6 o- E
var newXDir;# ^% q  e7 y" J
var newYDir;
8 e, j7 a3 T3 |* T/ d9 O" [- ]
; m' |" c* h! @. k# v# H3 ?9 C, e% Sfunction initializeBall() {% E  X7 k2 a$ Z' \3 S" C
   if (document.all) {
8 Y. {; g$ x( g; w& s5 X      xMax = document.body.clientWidth
+ J& B9 J. ^; [0 ^, T      yMax = document.body.clientHeight
: t8 R5 p  a. v5 a( V; V3 c      document.all("supertext").style.visibility = "visible";2 p. ?& Q+ p7 V; `  V4 g* W/ I3 `
      contentWidth=supertext.offsetWidth
$ ~: v& S& m* J% D8 \* Z% q      contentHeight=supertext.offsetHeight5 {9 u4 b/ W. X& N. X% i& i
      }
' ]1 }" f. R- T0 c   else if (document.layers) {- T( M- Y$ C; j5 X4 `
      xMax = window.innerWidth;% ]" o" m- s! j) i
      yMax = window.innerHeight;
# @/ z( i" J- I: Q7 p2 i5 q      contentWidth=document.supertext.document.width+ W1 J$ e! o& ]* }
      contentHeight=document.supertext.document.height
9 z5 |) A% u9 |* ^; \      document.layers["supertext"].visibility = "show";
6 C8 e) b4 K* F  x( `, \" c: g+ T      }/ W3 n% r+ u! E4 ]! k
   setTimeout('moveBall()',400);
0 ~4 q/ e5 ^: Q- O+ B" |5 s6 p   if (hidetimer!='')3 v" |7 j2 c7 y
   setTimeout("hidetext()",hidetimer)
+ Z1 }' I3 S6 y4 }* ^   }% |* @8 r8 E( p/ m5 ~
6 ]$ O4 [* d& j8 ~' `1 r( @  N
function moveBall() {! A) v- X0 z' a. j; |  z
   if (superballRunning == true) {
! D$ u4 q$ D1 v2 E" F9 U! I      calculatePosition();
9 {, U+ G& Y" r% {  k1 {) q& E      if (document.all) {5 R2 @2 `* A& M8 m7 j
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; J4 V- p1 |5 H         document.all("supertext").style.top = yPos + document.body.scrollTop;/ M  ?6 d' m! m
         }
2 m6 e9 q6 L7 d; V. v      else if (document.layers) {
; d# a4 I/ H) f' y         document.layers["supertext"].left = xPos + pageXOffset;8 f6 n( S: B4 C
         document.layers["supertext"].top = yPos + pageYOffset;6 q1 g& g  }# ?: M; Q( U
         }* b( }1 x* N& {' A* W
      animatetext=setTimeout('moveBall()',20);
( g0 V( e) q4 ?4 L) U* I      }* L) ?" U4 w8 O9 w6 ?
   }
; P7 Z5 P# }/ _
3 u% J7 |, M! v: w& t  xfunction calculatePosition() {
9 d5 Q  X! j" a0 l, o% F9 z6 K4 _   if (xDir == "right") {
: ^! A0 R6 a( a5 J- B: g% \      if (xPos > (xMax - contentWidth - BallSpeed)) {
. h( B) L9 b+ V- {         xDir = "left";
2 A  U4 N1 ^. I! c0 R         }3 Q2 z6 \( y! g5 h; x
      }, h; m( S; W& A4 `- U$ b
   else if (xDir == "left") {
: v5 }( e( A& {  R+ @      if (xPos < (0 + BallSpeed)) {9 u/ O. x  g' M. ~( Z, L4 q  Y6 n: R
         xDir = "right";) ]  a0 `) q# ?& X6 l0 V5 C. M
         }
& M: x" N4 K$ o- d: Y1 l2 b# V4 d7 q      }# A/ w+ _" f: D" l+ T
   if (yDir == "down") {
# J! i: p* G0 p      if (yPos > (yMax - contentHeight - BallSpeed)) {
; Y, n% H0 p5 ]) k6 e2 S         yDir = "up";6 Q& T7 X4 F/ v
         }
0 J; J  }* s" l" C, R# i) |      }
) z8 h) p# Y. ?, p. B   else if (yDir == "up") {7 t0 R3 P" q8 S- j$ \& ?. c8 ]0 x: w
      if (yPos < (0 + BallSpeed)) {
4 a0 `; a2 j6 W$ b# g( @         yDir = "down";  T3 l1 f1 X7 X( l$ ?) U5 v
         }
+ V/ z; L; f- t# }' s      }0 [9 I* M6 h$ T! j3 t0 q3 E
   if (xDir == "right") {- T: r6 u& B! \9 i
      xPos = xPos + BallSpeed;' J2 o: r5 F3 o0 f2 C4 ?" [, g
      }' z( K4 _' d  y4 b% D3 }
   else if (xDir == "left") {' e) w/ r2 p+ ]- V$ g& x7 [
      xPos = xPos - BallSpeed;. T# T7 Q% n- ^* O
      }
' z* B7 U; [; K0 E! }   else {
4 E/ P3 @+ l- H( C0 C& _. B( p      xPos = xPos;
+ N- e2 F# ]) V" G' c8 j* r3 H      }
6 I2 {5 c3 g) Z* l" L   if (yDir == "down") {6 M( @) R( l5 B/ W
      yPos = yPos + BallSpeed;
2 m8 Z- t, l# ?+ L      }/ O- }6 s' L, _7 ?
   else if (yDir == "up") {5 l# a* _1 [, F$ u; m4 W' i
      yPos = yPos - BallSpeed;* |; N' q% x/ K& d: o
      }
$ t+ c* A  R) S8 G% J# r   else {3 d. F; q* G+ J& v2 ]
      yPos = yPos;
) l( {& a+ e! u: W- `, f$ K      }
+ f( f, w+ g; M& H" S) c" E   }
) q$ g# ]1 ~2 q2 w8 o0 }
4 M* w' J% ]( ]function hidetext(){
: J# s! r0 _- Z: O# T9 c# l. oif (document.all)
- t/ X; b# L$ o. Nsupertext.style.visibility="hidden"  b- {- c/ R8 F% u0 Z
else if (document.layers)
6 S, [/ m9 |: N& W3 jdocument.supertext.visibility="hide"2 `0 u  l- \$ c) N0 ?% [
clearTimeout(animatetext), ?# ~* q- G- i8 k' \3 m- j
}! X7 z6 a; ?& D# v+ q

$ f! X2 X: T; nif (document.all||document.layers){8 ^* F8 w7 q! @, v* d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). u& ]( c7 Q; z( y) v3 O! a
window.onload = initializeBall;
  J9 Z/ Q6 Y8 Jwindow.onresize = new Function("window.location.reload()");
3 F+ s" C) h/ j: U! v& [4 e- i7 O; h}
& C4 }3 Z2 w& }3 j8 W- ^& q
/ ~: Y4 x' k$ q, c4 P5 _7 ]</script>