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

zw2004

<style type="text/css">4 T+ F! C5 ~/ D' r" ^
#supertext {. |( l7 @+ W% _
position:absolute;
* z& k4 t+ o& y! x! p* z, Xleft:0;
; g3 V6 f7 B5 Z: ~9 v) btop:0;: Y9 @7 k8 f: q8 K6 j0 ]" H8 \
visibility:hide;
7 ^8 _! x! W* Z/ u7 b* T" u! N5 cvisibility:hidden;
8 M3 Z5 ^2 P6 G* f- t( ?}
; ~( y4 [- g3 R( D7 h/ Y4 j: z</style>
( C' K8 A% b- k$ ]$ B; F  x' E<script language="JavaScript1.2">
5 E2 k1 ~. g# @3 ~3 H2 X, d! l  O<!-- 改变下的字体的大小。颜色-->5 b6 G8 D2 s# \1 D+ I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ T" G6 z; E* O3 Kvar hidetimer='';" H* }1 R* i/ K3 n/ V; E" e
<!-- 改变下的弹跳速度-->
5 `0 b' S; Q3 z5 l  }7 r+ gvar BallSpeed = 20;
9 w4 i3 P4 Q5 D, y  ]var contentWidth;
9 `( C/ A; T( ?. I4 f# p: ~9 g$ {8 nvar contentHeight;
! a* h. T( G1 q8 d( W8 e4 tvar maxBallSpeed = 50;
7 t) ]$ E8 I2 R; h. ^5 v& q$ v2 M: H2 h

1 @* E2 W$ |) H6 S# j/ bvar xMax;
' T! a& g: Z1 I) _, J: ovar yMax;" x$ R2 ^4 W; A! |1 T1 K, c
var xPos = 0;
: v. [$ ~5 w% h* F- U7 N: evar yPos = 0;
4 Q! U& V: J) evar xDir = 'right';1 T8 e' y5 t" }! r( f1 u" [
var yDir = 'down';
: u; Y6 k4 D& A* L" Svar superballRunning = true;- V; b3 D: d/ x( z4 W
var tempBallSpeed;
3 j  D' `" ?& n& B4 H) y4 T( Hvar currentBallSrc;
7 Z2 K- ^5 m5 K: z4 dvar newXDir;) a% O) h! z3 [/ k2 z
var newYDir;0 d6 {) R6 ~" s: N4 P% u  [
$ p( i% e' D4 g1 }. e
function initializeBall() {: u1 P- h: i" P8 `4 [9 d
   if (document.all) {
0 y9 ]7 _9 o1 N/ {8 z      xMax = document.body.clientWidth
. u- M% W6 w( t! h& _$ _" I( a  z+ a      yMax = document.body.clientHeight
  r; F- W, ?- c2 q8 g      document.all("supertext").style.visibility = "visible";4 u% K1 b0 g5 w; N/ ^
      contentWidth=supertext.offsetWidth: N# S& P7 O% |, ~6 v7 C
      contentHeight=supertext.offsetHeight2 ]9 P7 h& P8 O" r( x! e
      }
7 l6 @3 }3 ^: _, z, G: P/ m1 u   else if (document.layers) {. Q2 U% D( _( p0 N
      xMax = window.innerWidth;
' T! s/ ~; k  |8 n+ Q8 o      yMax = window.innerHeight;
9 N% |% C' S. T$ Y( {! A      contentWidth=document.supertext.document.width
3 `4 o# j0 n6 a; A, p( T      contentHeight=document.supertext.document.height
9 m8 V3 i- s$ S$ m' X7 b      document.layers["supertext"].visibility = "show";4 P! |# S5 r/ K- A
      }- h$ g) Z$ K" Y+ Q6 W
   setTimeout('moveBall()',400);) S  [* H5 m3 u0 V- U
   if (hidetimer!='')
. z2 @2 F( T3 J6 J; T   setTimeout("hidetext()",hidetimer)
: V8 x; i  S& Y& C4 o! w2 G   }
1 I/ W  W- |' q1 [" m! p' V  ^$ d7 X" Z, l( G- D; v5 f1 l
function moveBall() {
7 c# i% N* t" T, l   if (superballRunning == true) {8 H/ a/ v# j; Q9 u' |) U
      calculatePosition();6 }/ v# E; V+ t6 _1 ^" _' e
      if (document.all) {
9 j& i2 X, Y3 a4 J4 E         document.all("supertext").style.left = xPos + document.body.scrollLeft;! p3 C% {; u3 i; V  @8 U3 I
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 y) d% f  Q9 P% l
         }
2 Q" s) g( P; ]. g      else if (document.layers) {
9 H4 o! \& B) g3 G6 o' `         document.layers["supertext"].left = xPos + pageXOffset;) p7 h. w3 B$ S/ Y4 d2 u
         document.layers["supertext"].top = yPos + pageYOffset;
& ]. ~5 p0 e* ^% @         }
9 Y7 P" D9 s8 x  f% Z      animatetext=setTimeout('moveBall()',20);% Y4 v. F: z3 [0 |$ H
      }
  F* K0 w' [  k6 l5 s# e- t2 \   }3 F6 G' W" _% D3 w1 f5 P

! }  C' \: b  Z: e) N% _function calculatePosition() {
, X5 r; @/ s) d% @0 n4 d# |   if (xDir == "right") {; i. \& ?8 T2 z: E& z( Y
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ w. V( g# h4 s* k
         xDir = "left";
1 g" i1 E0 |4 F; s         }
: ^: u& r8 N# P& D# ^$ |6 @. o$ z% Q7 Y      }1 D8 {4 l( C0 G2 |
   else if (xDir == "left") {, o: y2 F' ^) `/ o
      if (xPos < (0 + BallSpeed)) {" b# A. m) k# h- L" Z
         xDir = "right";
0 b$ k- h* S- l6 h: I; y         }4 b2 n' A" E3 W$ M* i
      }
: j+ y4 f! e* h  c: l) Y) {   if (yDir == "down") {
: I* l9 y1 e" \; T      if (yPos > (yMax - contentHeight - BallSpeed)) {
  D8 c. H3 g( b  u3 _2 i         yDir = "up";; s9 T% A$ t: E4 C6 ?5 S$ d
         }$ w1 K( n' I' F6 i& ^4 o  V! W
      }
. @& S% s* y  n   else if (yDir == "up") {/ M6 s& [' L7 n9 t
      if (yPos < (0 + BallSpeed)) {
) E5 G) ?( X* |& X9 }* G         yDir = "down";6 h" g: I# G/ F1 J- A) f
         }
* A) a1 G8 k- V  K0 m, N      }' H, y3 I/ h% `% w7 @' r
   if (xDir == "right") {. ~) D. a5 p! y3 v$ y% H: t; {
      xPos = xPos + BallSpeed;
( `" }4 K* k+ K: z; U      }
9 ^+ r, L7 E- e- n8 I: R   else if (xDir == "left") {
& d: X1 V. u4 g& h  q# Z: H      xPos = xPos - BallSpeed;
# t5 e: J& v% ^- ?      }
5 s# F" ^4 N6 }   else {- V% e' c& c- y
      xPos = xPos;
/ c7 q) ]! e, |& H' d      }
' |, _1 \2 |$ c2 j   if (yDir == "down") {
9 [( \! c; [9 Y, y2 z      yPos = yPos + BallSpeed;
2 F/ r3 K' R9 f! S) g6 \      }3 y% t) \) ?, a2 T1 B5 e2 z
   else if (yDir == "up") {5 i- V- S5 }7 X6 L9 i) r) g" t
      yPos = yPos - BallSpeed;
1 S. G2 R1 f4 E0 F      }& K2 N# S7 n$ F  S0 ?0 h& O
   else {: Q3 I3 b) r3 p, R* h
      yPos = yPos;+ A+ D1 I+ T" z- ^0 n' f0 \$ v
      }- a; h% A  e8 H' w. O5 l' q
   }/ Z* @+ L& V  f: b! I3 L& d* }

6 @( ]# _" I0 U& Hfunction hidetext(){
$ O8 O# F- u2 L2 eif (document.all)" R' S% P; h, ^2 |
supertext.style.visibility="hidden"
- _) t2 Y* P7 ?, I' welse if (document.layers)% m8 y7 ~+ L' G! f- u3 |3 {, c
document.supertext.visibility="hide"
( I9 S+ z5 g) P3 \2 Y$ @9 {5 R" IclearTimeout(animatetext)' l5 q( |1 @+ F+ `6 J
}2 F* S7 V6 J% F/ E9 a
( ?7 U' w; }  F7 Z; ^0 u- H
if (document.all||document.layers){2 a  w' E* Y6 y( `$ n8 W- l$ Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 Z  n( i  N) v2 Z+ a% X0 v
window.onload = initializeBall;
: q6 X- }8 s9 ywindow.onresize = new Function("window.location.reload()");& Z3 K. j1 ~" S4 A- n2 c+ c, e1 i
}
4 y  v  f* A) r3 f2 A0 [+ _% O) v" w! k  a, j; o) H
</script>