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

zw2004

<style type="text/css">. L2 E. {8 i! e7 i7 s: A' B1 U! I7 C
#supertext {
5 i( E- u, h3 T" w6 ~" T9 n3 Sposition:absolute;
3 z, u( A( C- B3 T) e4 \: Xleft:0;# A! o/ N1 `' |% F5 V
top:0;. l+ @3 d" X' h7 I9 v
visibility:hide;) K. G7 H1 i/ N( n( K; S, A
visibility:hidden;
6 @2 Y, o: f- O& K& j( g: L9 a}
1 L7 I  S4 R' e8 B# K/ Y# I. Q' e$ t</style>$ T8 W$ ~1 s8 v/ t: L- e" ~
<script language="JavaScript1.2">
4 }. ^3 N& f- D- J% o<!-- 改变下的字体的大小。颜色-->
! v* T* r+ `9 k: r- R8 fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  B, v0 A; N* E& T# C% b
var hidetimer='';$ x! R# q" [" j! o% L( S1 F- a
<!-- 改变下的弹跳速度-->
. I( K3 F: P' z; a. B( \/ nvar BallSpeed = 20;
4 a" ]7 ^/ V1 y0 `2 q+ v# Zvar contentWidth;
; x7 z5 b: f/ ]& V( C- {var contentHeight;
, ^( {/ O# x# b2 y. P( f/ ~) Zvar maxBallSpeed = 50;9 m3 e( K9 X2 B6 k, P
+ M5 A# f' j* A
/ Z, D8 p1 n1 Z6 ?$ A) [0 J
var xMax;
2 k  b7 E& c8 |8 M8 G/ Ovar yMax;6 ?0 B1 q7 W. Z. F" C
var xPos = 0;
3 N, c/ z$ i/ j& f# d. P, Z/ M* Rvar yPos = 0;" y4 O2 H$ p7 F8 [0 `) W8 X
var xDir = 'right';
2 ^- Z- W/ i9 T% C! svar yDir = 'down';( A- ^: T# A0 D+ E1 L
var superballRunning = true;, v8 E, g" }7 W2 H# x
var tempBallSpeed;) |5 `3 }/ m8 [# E" K- ]* m
var currentBallSrc;
9 Y7 N9 h5 H2 _. [7 r) _( ?var newXDir;0 B! P/ b5 I6 w1 k7 y
var newYDir;
6 J. F: O2 N7 G) a4 V+ f. Q6 K6 G& E1 N! [$ U2 u
function initializeBall() {" h. |3 S" K" d8 j. \. A6 @
   if (document.all) {
" @9 F! g& F. `4 k4 l3 R: ^; q      xMax = document.body.clientWidth
6 X$ h" y. r" o      yMax = document.body.clientHeight
8 @9 b8 j* A9 W( c' h      document.all("supertext").style.visibility = "visible";
4 N! ~( s4 N9 H( B/ r1 }      contentWidth=supertext.offsetWidth
* b; f. Q# M& j' L5 Q      contentHeight=supertext.offsetHeight9 U+ m1 |6 s3 @' {
      }) p/ K8 {( b# F; R: c( S, d
   else if (document.layers) {# s; z+ N/ {( t5 K
      xMax = window.innerWidth;
' ?( n( H0 O* p1 A      yMax = window.innerHeight;
9 e  v# R$ b9 H; H: E1 ~/ ~* n      contentWidth=document.supertext.document.width. k1 N$ [9 S; Z% b
      contentHeight=document.supertext.document.height; x( u7 F. |0 s+ h4 ]6 E2 w$ a
      document.layers["supertext"].visibility = "show";) U+ @* y; o" f/ }8 @" k4 ]
      }
$ {* C! J- y6 \- i/ s   setTimeout('moveBall()',400);
$ c8 l6 B% t; z   if (hidetimer!='')8 D- `8 C) f  @2 S6 c$ F# K
   setTimeout("hidetext()",hidetimer)$ M/ }0 Z' F( \) M. Y
   }' v0 N9 F& {! s  V. `1 f* |

3 x/ b. [$ N% L0 Rfunction moveBall() {
) E9 c8 s# l' L) t# l+ W   if (superballRunning == true) {
% n( w1 C3 i' }      calculatePosition();: L( e5 A! I$ K; P* ~8 d
      if (document.all) {6 ?( s- _" U) u7 C8 z4 {% ]
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 d/ R3 V: m/ d7 O$ d5 z7 F' o
         document.all("supertext").style.top = yPos + document.body.scrollTop;0 I% X; q! t. }0 ?5 d% D
         }
7 Z* b( E: h) R4 ?: b$ I# i3 _' V4 m  \      else if (document.layers) {
  P2 o7 b$ f1 g/ ^         document.layers["supertext"].left = xPos + pageXOffset;
: e4 W! g" y. {" Y         document.layers["supertext"].top = yPos + pageYOffset;
; G( m* P/ F  W) C         }
/ W! R7 H1 w1 [! r      animatetext=setTimeout('moveBall()',20);
! D$ G, l/ y9 ?2 `. f      }7 x0 f# W3 {- ]  J- B
   }$ u: R' M0 Y( e6 j

& |7 Q) M" U% O9 `function calculatePosition() {& W7 l9 i( l7 y1 W
   if (xDir == "right") {
2 M6 k' u; k7 D4 W- M# z0 W      if (xPos > (xMax - contentWidth - BallSpeed)) {
; a- J0 K+ j5 g         xDir = "left";
, L. U6 `' \. {) D9 X         }
  ^- L# i/ F) ^      }
0 i' ?% n5 q" x4 z6 o   else if (xDir == "left") {* S& ]* o  e) L, M% e
      if (xPos < (0 + BallSpeed)) {
% `/ w- F4 O3 L3 G/ e         xDir = "right";
: M9 O  b, R4 u         }
/ y+ q% Q3 l7 j" J# h      }
& y9 A; i+ `) U% q: A/ _   if (yDir == "down") {
$ n; b/ O; N& ?7 L$ t9 ?, z      if (yPos > (yMax - contentHeight - BallSpeed)) {
# G! y7 [8 T" \% n         yDir = "up";6 N5 {0 t) l5 [; p& x
         }
6 P' S+ ?3 b- K0 u      }
3 o! ^5 V3 f6 k9 ]   else if (yDir == "up") {$ n7 C+ i+ f! N( D: J
      if (yPos < (0 + BallSpeed)) {
, ?& r, g( r* Z         yDir = "down";7 L( h' r) K5 V, v( m' R
         }" b/ Q- m* h) w4 \% ~& k0 w
      }' @" _6 r8 ^- c/ W/ ^
   if (xDir == "right") {9 H0 D0 V4 e2 d+ z. ^' n4 ]
      xPos = xPos + BallSpeed;
- [+ j5 p6 H: z' X, r# w  \7 P0 }      }! `8 N: U& K2 Z! v
   else if (xDir == "left") {/ u, t! o$ Y2 R* b, j9 w9 M1 ^
      xPos = xPos - BallSpeed;
& f2 f2 n( D2 Q* v      }- e$ u/ K( f+ {* p
   else {
! K! `7 ]* I+ }2 \9 W      xPos = xPos;( x+ P' n( E4 b* @: B3 }
      }3 J6 i; W! r+ I3 Y# Z
   if (yDir == "down") {
' Q; \  ]; S1 `! U( l& h5 L+ m      yPos = yPos + BallSpeed;
- ^+ O5 h% \7 |      }
- D+ |, e# m9 Q. n3 b# ?/ Q   else if (yDir == "up") {
$ i: ]' m: C, N$ ?      yPos = yPos - BallSpeed;6 U! g/ Q+ R6 }4 `( i
      }
, p0 p& `! ?8 C   else {
* v$ r5 k9 ?) v* s: {( m+ _( Q4 c      yPos = yPos;
' J  N! c+ b2 e8 R0 J' Q# t9 G* t1 Z0 l      }& b, u9 }: z8 y/ q9 z
   }; S2 H# P& f$ W

1 P( r0 k2 L; \8 X7 c; g$ Hfunction hidetext(){
$ h1 t2 a9 q" S/ x/ S  K! qif (document.all)3 V4 u% N# o! p; \2 t) K
supertext.style.visibility="hidden"
, ~0 g; k+ N- b  {( ]7 Nelse if (document.layers): ^+ q0 M9 M. L1 M( l4 R
document.supertext.visibility="hide"
. g2 ~% f  }( Z) D) Z- Z" x6 @clearTimeout(animatetext)+ I' p# ?0 D5 E, Z2 o$ u4 W
}
6 d7 y0 ?/ \# N6 S) k% v8 X' u5 D  ^" J9 \
if (document.all||document.layers){
7 O- w/ |. @; I# R& Z7 C9 O  t! ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) _+ J' L# p1 [, o2 h5 l+ Swindow.onload = initializeBall;
. O" p0 Y5 P' }/ v, fwindow.onresize = new Function("window.location.reload()");
& k  R7 k" g) G+ G9 ~# K' Y' I7 @}
/ W' V* L, o3 B+ {6 p! D3 G
  m. T7 K" k2 ~& }; I2 y</script>