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

zw2004

<style type="text/css">2 g) o8 U  |7 \( \. p' g: ]2 j
#supertext {
: S" e( \/ o4 l) f  j- aposition:absolute;
" x8 D* ^! [1 j( _! A! Fleft:0;) g; n+ A1 E9 C  _* a  `
top:0;/ i' l' Q5 w  V" x  s5 q' O  b( [
visibility:hide;
* D% V4 i! X7 N3 Cvisibility:hidden;
7 s" C4 P, s5 D! t6 A9 f- h1 E1 @}
# p+ r4 f/ |9 G. A$ m1 s6 W</style>. ~  A. A, M5 V/ C% }
<script language="JavaScript1.2">
0 J( u1 b* K0 K# S<!-- 改变下的字体的大小。颜色-->6 a5 l5 i2 |& d* L0 F3 q* d- D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, z9 B1 X4 ~4 p; v, r6 bvar hidetimer='';" e) f+ k8 _* R6 C- b/ u0 O
<!-- 改变下的弹跳速度-->$ U8 ]% R6 J! |* e: f
var BallSpeed = 20;
! j; q% L$ w5 @9 j5 vvar contentWidth;
3 l$ m+ q0 w# T3 r3 @var contentHeight;( Y8 X. z% E+ b+ L: `; O( w8 T9 }
var maxBallSpeed = 50;$ N, ~6 N% ]! i( B, e3 n7 H7 H

) a; H* K) I: f/ U, o) ]9 c
' N5 M7 c3 M) B2 L, ]var xMax;% s, B3 C+ w3 ?0 Y6 a4 f
var yMax;
' S1 C! z6 A8 ?  v6 K( c0 V: Dvar xPos = 0;% I" l* z6 y0 |4 A3 ^" _3 r
var yPos = 0;
5 [" }9 j% G( {  t2 |/ Svar xDir = 'right';
; E" B9 J8 s$ Svar yDir = 'down';, ]/ J5 N% G' _) J9 F+ {/ [7 s: _
var superballRunning = true;& p+ Y/ r( ^% W
var tempBallSpeed;
# G+ s6 ?) q- J. ovar currentBallSrc;
) F/ L5 }, Q1 o$ A$ U7 qvar newXDir;
0 |" P& B: B1 r0 j/ rvar newYDir;
- q) D! u$ {& S" n  [; j( z) x0 h; ?  H; w1 d
function initializeBall() {
1 x& x* m& ?( f2 \) q# T* K4 t+ b   if (document.all) {
: c. o- _2 `: s1 h. e      xMax = document.body.clientWidth1 I+ ^2 `+ s. A0 I' c8 B
      yMax = document.body.clientHeight
8 f" M% N' D# K! \  {2 u, J      document.all("supertext").style.visibility = "visible";# }1 z1 |! Y9 F5 F! M" T
      contentWidth=supertext.offsetWidth* b# j: Y# \$ Q4 h0 e
      contentHeight=supertext.offsetHeight
; q: @: }* M+ E; h4 E( Y2 {2 Z      }
2 G* x8 B' p. C1 e9 l# J   else if (document.layers) {% m1 L) m" O; @3 ?
      xMax = window.innerWidth;
: z+ @) s/ j" x, I; p* u      yMax = window.innerHeight;
) C# Q9 y. l& c* w9 T2 a      contentWidth=document.supertext.document.width3 t; E4 ?3 L' V& P  h: d$ L
      contentHeight=document.supertext.document.height
* T& h- j) w! b2 C      document.layers["supertext"].visibility = "show";
6 K& H7 I7 Z8 d/ E3 O, x      }/ ^: V7 _: g# [3 T  B- ^! Y
   setTimeout('moveBall()',400);/ T: n7 n0 W- }6 @6 I  p
   if (hidetimer!='')
/ ^$ g) ?7 q, \: h$ \9 H6 g" r1 ?   setTimeout("hidetext()",hidetimer)
; {& L; Z( y6 j: H3 l' q3 N   }
0 r6 y* b3 R) _+ Q% T/ T
& U( Z0 V3 z8 Q" F% U; b4 Gfunction moveBall() {" ]  F$ V8 M8 ^) ~, u7 y( p* d
   if (superballRunning == true) {
1 {9 N9 v: _. w5 D( ]/ a      calculatePosition();  j! Q- B, E# S4 F/ _
      if (document.all) {7 u0 I7 w# r0 S3 }: D. d6 V  c
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) k- n" W  _1 O8 `0 I' a+ z( Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) |* C3 {, W, N* |$ i5 o$ B$ w7 c* B         }
. n' A- f: T7 ^3 v' b! N2 o5 ~3 ~      else if (document.layers) {5 }" |& n& u' D. z( N0 e: l2 D
         document.layers["supertext"].left = xPos + pageXOffset;
+ B" @( V8 {8 G1 X- {         document.layers["supertext"].top = yPos + pageYOffset;
( k, W6 b& u$ i1 v$ T4 E         }8 ~0 j8 N! C) d
      animatetext=setTimeout('moveBall()',20);
1 \# z& j% T9 j- d      }" ]$ O- |! F$ W' t
   }
) E& P0 M7 J- h( U3 k8 @- g2 c- Q2 y, R
function calculatePosition() {
" w' x( d# C4 w! P$ q6 f; y# u& ?7 K   if (xDir == "right") {$ z' ]0 v# y6 _* l! F& [3 U
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 U8 Z' ^( X  {
         xDir = "left";, N4 X# L3 v5 A% @( r
         }$ {# a2 R, I& K- |' `$ P4 Q5 O
      }6 ^, B9 e" M/ ~
   else if (xDir == "left") {
0 `8 W0 v/ n7 n      if (xPos < (0 + BallSpeed)) {9 v" o* O$ Z- z
         xDir = "right";
) x9 \, X) ]0 m9 r7 \2 i         }
- b  a  e  h; p9 ~( l      }
. O. R% a7 S' |- {8 h, j. z   if (yDir == "down") {9 p( W2 U, v. n; Q! Q6 a+ \/ U
      if (yPos > (yMax - contentHeight - BallSpeed)) {
. S. g+ Z3 L1 U9 K! Z! b" \         yDir = "up";! F4 X. Z9 s$ V
         }
) E+ k) L! H, L      }5 B+ f" f9 X$ ]2 R6 S
   else if (yDir == "up") {0 s% P3 v1 t" [# B7 V
      if (yPos < (0 + BallSpeed)) {
. L( @! {% f* a2 G         yDir = "down";6 _8 c; e/ u% _$ D; W# x
         }
! C8 S* ]' y% u; [* v4 U6 E      }
, w2 D3 {; r, D% s4 t( i   if (xDir == "right") {% |) L' T' Q9 }( M% R3 P
      xPos = xPos + BallSpeed;& V/ F" g5 U6 U* r$ Q0 j: f
      }/ U# d' `8 Y9 k& z+ R: `
   else if (xDir == "left") {$ m2 @6 o5 p. j2 P. x
      xPos = xPos - BallSpeed;
8 w  D3 Z- ~# z; c  g& z* H      }/ i1 p. s3 n& j. ^. _
   else {/ p6 X% ~/ g! o* Q
      xPos = xPos;
" o+ ?! w( h6 u, n. C  l      }4 a& Q4 @; i! l# r( _5 m8 d
   if (yDir == "down") {6 t0 s6 ^; ~" O/ a' ~
      yPos = yPos + BallSpeed;$ t% E+ K' @5 B: s$ z, |
      }
, d! f  D# j% W7 _9 a( F* L; G   else if (yDir == "up") {
- |6 e$ o& Q/ j! T- K$ @, f      yPos = yPos - BallSpeed;
3 ^- A7 ]2 s- w      }" u4 @. N7 [5 Y( l2 s0 w
   else {
/ }$ H' f, k: N; j8 p1 r      yPos = yPos;( W' Y. g  F' J% ]
      }
* Q% T- X2 Q5 U  I   }: o8 V" h0 r( X, g" J+ L  b

/ v- v" ^' L& `6 k  T5 t! Mfunction hidetext(){
" Y" v# X3 p! z0 G1 Aif (document.all); o3 h, U5 b& Z+ I- i; L
supertext.style.visibility="hidden": z8 Q/ `' t  z5 s
else if (document.layers)
* t& g) J3 F0 Q' J" f3 ?document.supertext.visibility="hide"# k  f+ o: S$ s1 P; ?
clearTimeout(animatetext)
- B5 e) y! _$ h9 o2 G}
9 I7 R- `: L4 [% @# z
) O' t5 r  X0 B0 f1 v! d/ Y: gif (document.all||document.layers){
, |3 D: v% R3 Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 j. A1 w! [" R7 u/ Z/ lwindow.onload = initializeBall;
) ^$ i2 X& ^3 k2 Kwindow.onresize = new Function("window.location.reload()");( x* o0 K5 B2 p; g: Y
}
+ A4 ^3 S5 W( w. [3 @3 v; ?: S" s
" i, z- n( ~4 }* W</script>