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

zw2004

<style type="text/css">
* w! h3 M# m9 ~/ I#supertext {4 U/ I3 k' P5 v; q. ~0 J
position:absolute;
! G: [$ F1 B. S( Z- uleft:0;3 e2 h6 d+ B1 s6 v2 L8 G0 ^7 q7 s
top:0;7 z5 \  u# u- w2 C" V
visibility:hide;" w" o) ^+ e# V8 X
visibility:hidden;- b. {3 V- @' \
}- \' L( {( g  _) }1 H- p6 R% x
</style>% Y" P: p/ i. D) s  P* F6 O( t+ j
<script language="JavaScript1.2">
9 N, i, \- k8 W<!-- 改变下的字体的大小。颜色-->9 n' I2 a$ j' p* q3 Y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( L  k3 y6 Z! f- e
var hidetimer='';
! C! Y# b% Y& a) E& X( M<!-- 改变下的弹跳速度-->
9 a' Q4 n6 M! N  @2 w3 \var BallSpeed = 20;
8 |1 P8 a( O2 ^: Vvar contentWidth;
& l; d3 }/ z5 O! Kvar contentHeight;
% i" O- N2 X  e7 L1 }$ C/ C: evar maxBallSpeed = 50;+ `( E: {" ?4 C' U' h4 x- E( v

/ V" R5 N) a7 F5 r
+ n9 {6 n. G; o" I1 e7 avar xMax;- _& K' a- K* q6 W6 g
var yMax;
: A$ J/ ]: p* w6 l0 c1 F7 W5 m, S" Hvar xPos = 0;, v3 m7 s0 ^+ x6 @, Q2 T' \
var yPos = 0;
) Y0 s& d9 `4 W7 kvar xDir = 'right';% s/ G' v, o' |
var yDir = 'down';
) w, T( W: m2 e5 o; W6 x( Xvar superballRunning = true;" C, f- d0 W% Q+ ]4 C. f5 N
var tempBallSpeed;
" P. s0 H2 V$ c5 H) H3 H0 bvar currentBallSrc;
) I/ U4 A1 @6 ]5 k, a0 O0 rvar newXDir;$ C) d9 Q# T; m5 Y
var newYDir;
- k/ j% b# m) ^5 ?: @# {& D0 @% Z/ w$ R8 `0 {
function initializeBall() {6 J4 a/ o( H4 B5 E8 F! I/ T
   if (document.all) {
" B8 {$ w& j8 }: ^" e" u      xMax = document.body.clientWidth
1 q5 F9 m* Q& ~* v. D+ C      yMax = document.body.clientHeight
! m- Q1 d% g0 ~6 D3 z2 }+ C      document.all("supertext").style.visibility = "visible";8 ^0 g9 r6 |* j2 ~& m: ~# ?8 H$ N
      contentWidth=supertext.offsetWidth1 P% {$ W) K' [& v+ m) I+ W
      contentHeight=supertext.offsetHeight
) w" z& Q: E1 I9 A/ j9 r      }
: M2 l" L- r9 |; J% B% g   else if (document.layers) {
$ s( w& ~( _: S9 `" ]0 P" E      xMax = window.innerWidth;( L9 C* Y" Y! F7 G
      yMax = window.innerHeight;
3 k2 X  a% E" Y& b& y      contentWidth=document.supertext.document.width  c7 @5 T3 W7 v& u# T# I& D4 ~
      contentHeight=document.supertext.document.height
7 A# g; Y9 U6 X3 E      document.layers["supertext"].visibility = "show";$ H0 Q0 g3 E  \3 h6 `1 M3 t
      }0 h) {! J8 A2 a* I& V/ u
   setTimeout('moveBall()',400);
5 o4 I0 B# G. d: A/ A+ f1 z   if (hidetimer!='')/ ~, N( z* M% P. I* ^% _3 Q
   setTimeout("hidetext()",hidetimer)
) N( o- B; L* Z( y   }
/ B3 Q* X. o2 P# {& _! V& x, e* U5 @& K: l! L. w+ p
function moveBall() {0 t, r$ ?6 a1 F5 l
   if (superballRunning == true) {
+ u3 k/ u% T" w/ v9 A/ `      calculatePosition();) N' I& I! B3 S5 z: R0 f
      if (document.all) {
1 V6 h, b, T. Y3 @. |         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 l1 S: ?1 n" \" j$ G2 O         document.all("supertext").style.top = yPos + document.body.scrollTop;
( X* H% G3 ^% r         }
( C, j5 T/ U% ]% x0 Y% p; c, g. ]      else if (document.layers) {4 d) w' e, o& t$ Z0 m
         document.layers["supertext"].left = xPos + pageXOffset;
7 h+ K8 j' l3 O, M. s3 u         document.layers["supertext"].top = yPos + pageYOffset;
" ~" S0 l! @, ^- f( K4 Y3 d         }
) S; z8 R: X8 R/ a8 {) g  I      animatetext=setTimeout('moveBall()',20);7 x1 T  _9 Y, o' _# a+ Q
      }6 |+ m" q  [  f) x3 W1 y4 ^0 g6 R
   }6 v7 k* ^9 K) x9 Q( {
! X( D, Y% |) j4 @4 K0 B
function calculatePosition() {4 g, A: i8 R' @( s" u; E: T
   if (xDir == "right") {# v1 X; e/ A; m5 z
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 `4 ^" c5 E9 U! d
         xDir = "left";
1 F! A. S1 Y% b* `1 x0 ]' G         }6 K' W$ {% H: w
      }/ S0 W4 R9 U8 |& G- \
   else if (xDir == "left") {  U- t$ m% H) Y2 E" M1 p9 \- w6 h
      if (xPos < (0 + BallSpeed)) {
6 U7 E) X, C1 K7 h         xDir = "right";
. @: |: H) @! C( _, v         }+ D; p! Y- T/ C) o' [
      }# D& u, b! a0 T- A
   if (yDir == "down") {( z7 D2 G# e8 s8 Z
      if (yPos > (yMax - contentHeight - BallSpeed)) {; {' i- I: G) U& B: J; E
         yDir = "up";
0 {" [6 D% N1 K6 g! I         }
) H  j$ r* O: f. G2 M: Z! D7 J9 }      }
% {+ [7 U1 A7 g& C   else if (yDir == "up") {5 x! V$ p4 r( n5 I" a
      if (yPos < (0 + BallSpeed)) {, J9 V% R; ]8 o+ F) x: C
         yDir = "down";; D: B9 ^! Z# M# Q; x  l: ?
         }) v9 d) i: c! f' _
      }
% O1 X5 v; K3 O2 j8 A. s( G8 ^9 s4 T   if (xDir == "right") {; b$ Z2 F* O) F! Z% ?
      xPos = xPos + BallSpeed;
3 _- l$ ~2 g/ C& O$ S      }
; f( S  _5 z7 z7 `   else if (xDir == "left") {+ }  M5 R/ b" ?8 C, q
      xPos = xPos - BallSpeed;
* _" f  f) M( P3 r; I' w      }
4 H8 e+ ?" _$ k' H: a! G! q   else {9 F0 k2 O- G& h+ ~* s- B
      xPos = xPos;2 b% A" r' x0 K: q+ l* F7 l
      }- t7 k6 A& k" R! X) O: Q  R  }8 h( b
   if (yDir == "down") {4 l: Y' b) F8 H( y
      yPos = yPos + BallSpeed;
) j2 n  {) ^3 ?6 y) B; W      }' v! P" Y9 w6 g# @0 G# n
   else if (yDir == "up") {
; t- O3 e! `' b      yPos = yPos - BallSpeed;
; s0 o; r. t: {; j5 U      }! A! D' E  S& m8 `
   else {* p  [; X& v4 X) X
      yPos = yPos;
" s2 l* D% b9 {- Y$ |      }
, s( D6 G% e; {9 d   }
. w, G, [0 P! M) C) H6 u9 S( [
; l+ m, m( |  o' D( d- k' r! Ifunction hidetext(){
) I& g& d& s1 ?* ], sif (document.all)5 m  {% w, F$ R# H
supertext.style.visibility="hidden"
* r5 Y0 x2 q3 O. D, i& K* g1 Q1 o4 w; lelse if (document.layers)0 j/ k) F6 Y. D# v* t
document.supertext.visibility="hide"
$ b- r- B6 j1 I1 d2 O" n3 qclearTimeout(animatetext)
  B* m( B6 O9 F5 v}) L' w- U$ ]% `! q

  c% i3 b# l! F; D) c3 p$ |6 sif (document.all||document.layers){
1 p/ B( k9 h& I5 P" c4 `  edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 F! f' ^9 e3 N3 \6 Nwindow.onload = initializeBall;+ o( a& b: I! w" z& J
window.onresize = new Function("window.location.reload()");2 Y' e! f- C8 L' i
}$ h7 f; }: c* F4 v

6 M) e2 G2 Z2 L/ j# D) S* c</script>