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

zw2004

<style type="text/css">  [  V. N% u2 ~) X( c
#supertext {
4 s7 i+ t) G! A: Nposition:absolute;
( A' W7 E' P% ~9 n* t# `4 N6 B4 [4 }* cleft:0;  K$ l* O$ B; h+ q8 O1 X
top:0;
7 q7 J1 d- c/ V: }visibility:hide;. K7 o8 \6 J3 E
visibility:hidden;
8 y7 ]: I9 n" s}9 w! `. x( \6 A/ E7 w
</style>
. f) A% o/ ^2 ^' u+ i8 q<script language="JavaScript1.2">
4 k. f0 ~% s  }& `" J<!-- 改变下的字体的大小。颜色-->
& Y6 L9 M- K" [$ G+ ?! X3 g7 ?9 R8 ?# Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. y8 R% h; i2 b3 I
var hidetimer='';
' V7 D. i: j) p. f% v" o0 E, L<!-- 改变下的弹跳速度-->* H& T3 Y3 ^- {  M( I) Y  f
var BallSpeed = 20;4 v* y) d# v; g( T6 `) X  `
var contentWidth;
: C1 @* T$ d/ {! bvar contentHeight;  @1 Z' r/ `( o: e3 f
var maxBallSpeed = 50;& s" k  B- ?; S* `6 h# C; u% ~3 W
$ S* ~( W4 h' R. V( \
( D% W( _' p1 Y; @+ q
var xMax;
. [, k8 f" F0 U: |5 A2 j- j7 pvar yMax;1 o. X, r3 b& G: ~
var xPos = 0;! K; E! c- K% F
var yPos = 0;# D8 o) n  W  ?2 U3 b; M! }
var xDir = 'right';
2 b( v- z1 p6 bvar yDir = 'down';
. i& p, c4 ]+ X) `var superballRunning = true;9 S# ~$ |1 L; {# T% s5 n! g& \
var tempBallSpeed;. W5 k0 i# B, k6 g; g- W
var currentBallSrc;7 I# [- z5 h) ^& g1 I
var newXDir;% W; |/ X# q2 P3 M- w
var newYDir;6 h- q% h! S! d# n) ?& t4 x1 S
8 O/ R8 z2 ]/ d5 m( }
function initializeBall() {
  Y1 s# q1 w" y3 ]   if (document.all) {5 H3 w' w" v8 s  u) C* D6 M
      xMax = document.body.clientWidth
9 D9 X0 c) w  B  z* H* D: q7 F      yMax = document.body.clientHeight$ ]" x9 z7 D$ k7 ?1 O
      document.all("supertext").style.visibility = "visible";# N1 h1 m" V4 ?* N% T* N; D
      contentWidth=supertext.offsetWidth) d$ [6 K- C$ Z: h
      contentHeight=supertext.offsetHeight
4 Y, j, V$ D0 [, N! Y      }- T+ C  P) q  M1 s
   else if (document.layers) {
1 U$ [2 a; z- `      xMax = window.innerWidth;' }6 G1 W( h5 v8 G
      yMax = window.innerHeight;
3 Y; }* J1 o9 V8 y      contentWidth=document.supertext.document.width1 R- f$ a5 x$ o, t7 ?+ e3 {
      contentHeight=document.supertext.document.height8 \8 s& r; v2 g! p2 ?
      document.layers["supertext"].visibility = "show";
* g" Q# D( n" ^. m      }* U8 E; e* K" q2 t6 y  U) V9 h
   setTimeout('moveBall()',400);
# Z/ a4 i  l8 P( Q( `# ~   if (hidetimer!='')4 ~6 O, B' R  E# ^# `
   setTimeout("hidetext()",hidetimer)
/ R% U) L% B; o8 p% h. G   }
% T2 \* ^; F# Q! G# v+ H6 {2 ^( m& c
function moveBall() {
$ m5 r7 l1 l/ j0 M   if (superballRunning == true) {
7 i* [* D( g1 Y% r  o; V, F      calculatePosition();& P, a' x- u1 N/ q
      if (document.all) {
; a& t+ v+ o5 ^- }         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% \6 ^3 C+ S+ S         document.all("supertext").style.top = yPos + document.body.scrollTop;
* u! _1 @$ n' [6 `5 z         }
5 y) r! o" C, g. c( C      else if (document.layers) {
4 U8 x. t8 G% j$ J         document.layers["supertext"].left = xPos + pageXOffset;
0 B8 D0 ?" a; }* a0 B: w8 a         document.layers["supertext"].top = yPos + pageYOffset;
* _( G% e: M! r  S. e         }5 o5 u* s' e+ E9 J' v+ p  F
      animatetext=setTimeout('moveBall()',20);
8 V8 m( G2 v( E3 K( Z0 b      }
! @6 C6 b/ \1 ~3 R8 j% h   }+ x; v5 n2 a( S7 Z  n
% u/ x8 V. {, s& C% s: Q
function calculatePosition() {
0 ?7 P, `% Z( x* ]) g  c1 K   if (xDir == "right") {
# {+ }: Y2 Q1 d! x      if (xPos > (xMax - contentWidth - BallSpeed)) {) S( k2 [, Q  S& [) J- J+ m! j
         xDir = "left";4 q  @7 ~7 s2 b+ [8 f# r
         }5 o6 w+ I; q0 @6 L8 ]
      }
, Z) N5 s. x. f! r! D9 x   else if (xDir == "left") {
# p! U4 }. o9 l2 Z$ `      if (xPos < (0 + BallSpeed)) {! f: P+ E; C4 L0 D% A! s, V" B
         xDir = "right";( O4 [$ ]- d0 Y2 \) b1 |
         }
. ~$ e4 }# X! T0 D' b( C      }$ ^( u8 S( q4 o) r: _' ~6 ?
   if (yDir == "down") {
" E$ r. e* l% v: g' }      if (yPos > (yMax - contentHeight - BallSpeed)) {# [% g) r7 G, Y3 o
         yDir = "up";
' _" [$ X( g5 G7 j; f' m         }
3 P" t6 S6 y( S- x/ |5 y/ @& ?      }8 b0 J" Y$ r& A+ _$ j, b
   else if (yDir == "up") {
2 P; u0 Y+ x% e' V      if (yPos < (0 + BallSpeed)) {+ E' y( g0 C- J, G/ Q9 q* f
         yDir = "down";  ]+ A8 n' A2 t( R3 h/ @
         }; k8 O! d5 R. l/ O) ]' D7 O
      }" Y/ o% i5 i/ P1 ~8 W
   if (xDir == "right") {
$ u, ~' z$ j8 g7 t* {. C; J0 j- J      xPos = xPos + BallSpeed;
/ i( Q, j0 y# l' |* H      }, U1 r" ?2 Y9 m6 v& [
   else if (xDir == "left") {
( `& L1 n; M3 t7 G  D( G      xPos = xPos - BallSpeed;; ]4 `: I( T8 d  I# d
      }- @4 E& Z& B- p  E4 J* v
   else {5 S5 j# Q( ~: [5 ]* z: G
      xPos = xPos;
, [% F+ w" v+ ?; G( j      }5 X. g' h3 f" ^9 U
   if (yDir == "down") {
2 R" x9 M  x- B      yPos = yPos + BallSpeed;
4 |3 X$ B- A" S# E      }( Y, ?* B1 W- U6 ^  J+ X
   else if (yDir == "up") {0 b+ ]6 ~- E/ p+ S, L
      yPos = yPos - BallSpeed;! r" _( p( s: _
      }! Q: G9 a5 q9 u( C6 V* n
   else {0 n6 I* n" }' S$ O
      yPos = yPos;  z7 k( p" \. ?2 y- ~$ R7 b
      }
6 _: a' E/ o8 q! b0 s0 R; g& H/ j   }
2 {& v1 {6 ?6 L  H
& }3 u+ N, y9 w6 I, z+ E! p6 Ffunction hidetext(){
. D; j8 [) d& D3 Uif (document.all)
- u3 \7 V3 u9 j* Lsupertext.style.visibility="hidden"+ }7 I& l5 T3 |& Q
else if (document.layers)
. z6 p. _% ~7 L6 Z$ ~: c; T- P, Pdocument.supertext.visibility="hide"0 f4 K: H: R5 R( N# t1 L' Q
clearTimeout(animatetext)
; U8 Q$ n2 F5 Q- c3 N}: T' I) \8 K8 u
) p7 n0 L& B/ S: ]* X: g! A. v  e0 F
if (document.all||document.layers){- R) D, G  k, v7 A( k5 K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# Q  ]+ ?& L( y& k( r
window.onload = initializeBall;" l7 Q5 x- {, s2 T" k
window.onresize = new Function("window.location.reload()");" j" r5 d7 |% v+ l) Z( v
}
5 M/ k  {! e) [+ \6 A
8 e! b8 H/ K; k. L  q</script>