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

zw2004

<style type="text/css">% c, o" u) ?& c- q3 o0 p( c; c
#supertext {
" e9 I8 |& c4 {  Rposition:absolute;# [# x3 R9 ?+ V
left:0;. D9 S3 `, F6 t) N8 H( i
top:0;
- F. M* X0 ~9 |6 S4 U6 S8 J( u6 Bvisibility:hide;; |' ^- q0 l" B1 ?0 j- x
visibility:hidden;0 O1 R& P. ^8 z4 F  O  I: S
}
- r- d# g9 i* u, H* D</style>5 ]5 c+ r0 F. [9 i( y
<script language="JavaScript1.2">
1 X# z; V( f! g% G8 S<!-- 改变下的字体的大小。颜色-->
2 p5 x: S% [3 Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; o  a7 D* l, i  w& y  `7 H7 l2 svar hidetimer='';
, L& \4 C, x( z* Y7 W5 b<!-- 改变下的弹跳速度-->
! Z$ R3 \/ Y6 ~& G8 c, n! m3 i" N7 xvar BallSpeed = 20;
9 W% C1 d' d4 v3 @8 j, Zvar contentWidth;
& W. A# L- i# O& wvar contentHeight;
. V3 b6 b: L7 svar maxBallSpeed = 50;, S" C& Q$ M' d7 m. e. n

: D4 p/ k9 a4 b7 X2 A4 h
; L0 k+ E. p' ~. D. Yvar xMax;
" P( i. n! Q6 }4 T' ?- L, bvar yMax;
2 m! `; c, g  E2 pvar xPos = 0;  @% e4 d; b6 G  P: A! D
var yPos = 0;
/ [/ E+ X, e! f; \3 \var xDir = 'right';& O+ F; z, F# H/ X. n
var yDir = 'down';: b8 u1 A- B) ~- E0 q
var superballRunning = true;5 l7 L2 `+ q, J; A9 n( }! y
var tempBallSpeed;
+ ?5 g3 S4 X1 `3 u8 bvar currentBallSrc;; y  j/ E# s3 X$ |7 y8 u
var newXDir;
( y2 d% t4 r2 A) x( _2 Z9 Rvar newYDir;
0 G- v- B; r" Z8 ]$ W# I) ^) n( o+ m- u* z" {; X: O
function initializeBall() {2 W; ?+ Y/ Q) Q
   if (document.all) {+ h8 r5 D7 I: ]$ X- f+ M8 m
      xMax = document.body.clientWidth
: V  H" ?1 K7 C: j) `( k      yMax = document.body.clientHeight0 T, V* L, Q! o4 h
      document.all("supertext").style.visibility = "visible";
4 q/ g7 c- {! u  y4 e( y' U' g      contentWidth=supertext.offsetWidth: b6 Y( @6 W$ R* [
      contentHeight=supertext.offsetHeight
" l0 t( @5 P8 g9 a& V( s      }
, L9 C. t' v6 T   else if (document.layers) {
- H; @8 v( V2 m- p, `8 ~8 w      xMax = window.innerWidth;
- l9 L  A# R  R0 X0 z9 {5 ^5 n9 @      yMax = window.innerHeight;0 H7 \7 U+ X  ^, r
      contentWidth=document.supertext.document.width
: |* E0 \" e" h! \+ H' c+ o      contentHeight=document.supertext.document.height! M" x$ a( `2 ~
      document.layers["supertext"].visibility = "show";
6 n. v" D1 ?+ m# x% d      }
; f$ d6 G6 F0 u0 j   setTimeout('moveBall()',400);
* i; S( V, F4 n. w% g   if (hidetimer!='')
& m$ X; v! m& p0 B8 V4 j( H   setTimeout("hidetext()",hidetimer)4 Z2 P/ H, |; q- m- }  Y* h' e
   }, B& f8 b; i! [/ l: z
7 n, R6 O5 a7 C$ P5 \6 C7 L
function moveBall() {) q$ m- _0 R4 f, T8 P+ f
   if (superballRunning == true) {
. A$ L4 u$ i2 K* Y' k, v! \) y: o      calculatePosition();
: s. u) H0 G4 @2 W- }      if (document.all) {
+ ^- z3 s% I5 a9 B& y3 W; [, R         document.all("supertext").style.left = xPos + document.body.scrollLeft;* s: \7 F8 @$ R" Z- T8 j. w3 Q' w
         document.all("supertext").style.top = yPos + document.body.scrollTop;
# e; h; q0 \  i) b( g1 d         }
$ v, [5 ]2 Z8 n* k9 U      else if (document.layers) {! I+ X4 R$ X) E7 K  \( Y
         document.layers["supertext"].left = xPos + pageXOffset;7 U% W2 B5 q- p- @" @
         document.layers["supertext"].top = yPos + pageYOffset;9 x0 U  t" [: A( g1 ^$ n, n7 ]
         }
# d- t2 K& ^7 Z      animatetext=setTimeout('moveBall()',20);
$ e. I( [& ^- I. T. @      }% g  j! e, F% @4 a5 y1 M
   }
" l' h% s0 M: ^" Z( `7 I3 W$ q# o5 W
function calculatePosition() {
1 j- b# N/ s9 N. m   if (xDir == "right") {
" {8 O6 Z: ?  H, Q2 g      if (xPos > (xMax - contentWidth - BallSpeed)) {: V; y5 Q* b( d, r
         xDir = "left";
" C$ S+ ^& a9 _3 l# i" W  F& i/ d6 I. m         }: a9 a& U8 o% b" c; H& f2 u% m
      }
; f7 V5 r, f+ s& {, ~   else if (xDir == "left") {
. H8 G# j% p( [7 R+ L. Q      if (xPos < (0 + BallSpeed)) {: W( _3 c+ I8 a5 S% A* s
         xDir = "right";
# o. K* V4 u% N4 c- \6 _; V         }
, ]4 P0 r* P: H) y7 g      }: w+ `6 V* b1 y$ o7 U% u' b& D/ X
   if (yDir == "down") {, {6 c. J' H/ B2 B0 }5 ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {' f( [9 m! a9 o' e8 |
         yDir = "up";# j. ~! m. W7 T% O  x
         }* T. J* K& j5 @4 c! m" x& @
      }' I/ e; |$ ]3 J( v" ?
   else if (yDir == "up") {
. O2 t& \( {: {% l4 q$ |4 P3 c      if (yPos < (0 + BallSpeed)) {
8 R. W8 a! @% T: J; N8 Y- j         yDir = "down";! F! i4 B0 u2 E# S
         }
- g) R" q9 A8 y; v7 u8 E      }
1 W* N& G+ j1 J1 b! v" s   if (xDir == "right") {/ d3 r. E, c6 m# _7 |( l, N3 S
      xPos = xPos + BallSpeed;. J, _( {8 k& g0 a$ Z; X1 ^
      }
, i% P: d3 F( a( A1 f" i3 r3 t- w   else if (xDir == "left") {3 }0 x3 Z/ w7 ^& W* u
      xPos = xPos - BallSpeed;9 C8 u6 C" z+ j: u
      }
; f0 ?4 G9 U7 E( W* f* z4 |   else {- Q& z) B7 Z7 z
      xPos = xPos;) l5 n1 J) Y) v0 B7 d
      }
+ p1 V! z3 C! P" {7 F3 U( q   if (yDir == "down") {
, s8 L" b, R5 ]' H' @4 N      yPos = yPos + BallSpeed;
4 B" h! p* @2 }+ a: z0 ^6 |      }
/ i0 L( W. F9 `; F   else if (yDir == "up") {4 H5 @8 f  o& r; {7 y& v* q2 ^* u
      yPos = yPos - BallSpeed;
' }  M$ b1 j0 ^7 i! Q      }
  ^; M0 [& w, d( l* b: d   else {  e2 F3 L! o/ ]9 o. A# e- t& T2 P" ?
      yPos = yPos;: ^( p( I# s/ k' a# d
      }
; i) h0 [2 f, ?1 S   }$ I$ R1 X' j8 o
* T/ _8 t7 i1 B( f4 B
function hidetext(){
1 F& C$ s' w% W# v/ W4 G, R) x! ^1 jif (document.all)+ `/ N/ ^# r1 Z. e0 g0 C
supertext.style.visibility="hidden"
, y# W/ t( L2 Kelse if (document.layers)% F+ w6 S2 n  E2 q# R
document.supertext.visibility="hide"' i+ ^, Y) _3 o/ R+ R
clearTimeout(animatetext). N7 q0 h1 ~8 i5 y! y4 u7 q  n
}# S1 w% i! L+ Y  S8 {& u& o( S
) P( k/ i$ E2 ?! b3 ~
if (document.all||document.layers){
. r; |7 m5 b2 g  K. J2 tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ y( k1 o2 }7 N# i
window.onload = initializeBall;
* H0 f" ?  p( F) l+ xwindow.onresize = new Function("window.location.reload()");
+ O, Q  u! L# n6 h( T}3 u4 T6 q( N& g  L" m8 `8 v' c7 ^

( ?% Q8 J$ ]2 h</script>