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

zw2004

<style type="text/css">
) z( V0 M3 d2 V! z#supertext {
% B9 c% [8 X% y% K0 Xposition:absolute;
( b. j/ u+ A+ I2 t! f9 Z7 mleft:0;
: B+ Q! w% V  c/ o* |top:0;
, u7 ]: g- J, mvisibility:hide;
9 G1 m) R/ g, O! S1 ^( j: }visibility:hidden;
7 K; Y& b+ ~' W" s* ?6 f( _( v}
5 V9 W- P' U& @* x: S</style>+ P- W$ S$ C" g$ z+ W1 [) Y
<script language="JavaScript1.2">
% j% \0 p* o4 ?; X7 i<!-- 改变下的字体的大小。颜色-->
2 H7 n% x: E5 s; i6 U+ g' Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& t7 g+ L1 _: X
var hidetimer='';, F' x+ M  z( q; l7 L7 F
<!-- 改变下的弹跳速度-->
+ a5 r" V. K8 `1 a' X; ivar BallSpeed = 20;. H! M4 M" ]# W, {- z" L' G# x
var contentWidth;
6 C- i9 `0 b7 Avar contentHeight;
3 \" v8 ]# ?; V6 [( _3 k( @& hvar maxBallSpeed = 50;
; l8 e) d! L; m1 i
# E8 [1 i4 e% j0 y" ?
5 w- v+ f. g4 M5 W! m: uvar xMax;' w4 M- U/ K# _
var yMax;0 T3 [: X2 y) u  O' t! C$ \4 o7 g
var xPos = 0;
" |7 K5 ^, t: ]! Bvar yPos = 0;' p) b* k; g, m( \9 o5 X' R
var xDir = 'right';
; P" e& T2 z3 M$ q6 `& o' k! Cvar yDir = 'down';
6 b  l; i& N3 M4 L! Q6 N( Hvar superballRunning = true;) T1 m) Y1 w6 B
var tempBallSpeed;
1 S& m! Q7 ]* J- Q6 c# Kvar currentBallSrc;4 ?! [1 C6 i! A0 I1 _1 _
var newXDir;+ I4 \) u5 ^5 R5 I. V
var newYDir;9 k8 R9 i, V$ z

; u$ h! Y0 A, L2 f! w( k) @# tfunction initializeBall() {
: I0 d/ _0 J3 O& P6 T   if (document.all) {
8 k; \2 n4 ~1 B( _8 h% ]      xMax = document.body.clientWidth4 d, f- E- f( e# n) F7 a
      yMax = document.body.clientHeight3 u; Q- \- s  ?5 d2 ?1 i# A" ?2 j
      document.all("supertext").style.visibility = "visible";1 f/ }# g& R( g+ j7 i3 ~7 X: g/ v
      contentWidth=supertext.offsetWidth
3 s) Y9 M' D) f) l4 U, }      contentHeight=supertext.offsetHeight' i9 a' j6 V8 m
      }5 h' i: t+ E5 U
   else if (document.layers) {
8 L6 f6 w5 k/ X' x; D      xMax = window.innerWidth;$ c: I, D7 E& z
      yMax = window.innerHeight;+ D; l: X7 y) N$ X  p
      contentWidth=document.supertext.document.width- f) U5 ^1 p# O4 g. s+ t" E
      contentHeight=document.supertext.document.height) `  T) k. l& L& z& z
      document.layers["supertext"].visibility = "show";
1 S! K) Z7 v# P  U/ n      }
9 W0 r" E7 U% A+ @9 l   setTimeout('moveBall()',400);
: w( q6 w4 w9 m+ @$ _" q   if (hidetimer!='')+ Z, Y# j! M' S& w
   setTimeout("hidetext()",hidetimer)# g+ n& C2 b9 r5 |+ T+ e' w
   }5 w' r5 n2 b# @4 Z
- ~8 p, B' q1 f1 k' V9 }
function moveBall() {2 ^( ~1 F9 j' z( ^
   if (superballRunning == true) {( z- f* L, Q" v7 ]2 K; a
      calculatePosition();
) b% T: R1 b8 ?7 }' D      if (document.all) {$ N& H. [) ?& q5 [" Z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 a/ \$ b* g# J+ s
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, S9 _8 }' y6 n: _! O! X         }
9 @% T2 e3 F9 n; v) X" ~      else if (document.layers) {/ f; y* u  y( l
         document.layers["supertext"].left = xPos + pageXOffset;
& I: q3 R, D/ @. \! T0 A         document.layers["supertext"].top = yPos + pageYOffset;
% M4 I% X5 U9 L         }
. ^+ u6 Q1 d. D( v0 q# T      animatetext=setTimeout('moveBall()',20);0 N/ Z7 f6 u* W% q% v/ y
      }
, M5 ~& S  E) c   }
4 P0 V# y/ B! C7 `
. T& I4 W* j) A  \- B( Zfunction calculatePosition() {3 \* i. T6 N/ |1 Z: Q* w
   if (xDir == "right") {' s5 G, v/ t' A4 A4 T' C5 @
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 }7 o' ~: z; m$ {9 \0 g# y2 @
         xDir = "left";3 H% n6 C. p* M7 r
         }3 ?  F/ f9 O- p7 n  ^
      }
* D5 {! h0 `: {+ H   else if (xDir == "left") {- L( q$ X. z3 a$ ~. r" c, w! e
      if (xPos < (0 + BallSpeed)) {
/ e4 Y, I4 W3 p; ~3 O$ h" R4 k         xDir = "right";
! r) O- a! n1 |4 g( j         }( U+ M4 q+ o4 ?, L2 ]0 A$ l
      }' w4 j0 R$ [1 h8 h+ f+ F6 x9 P. [( Y( }
   if (yDir == "down") {
# G: ~7 ]* [7 m  D      if (yPos > (yMax - contentHeight - BallSpeed)) {# G( b4 x- ], m! }9 Y& Y# I2 d
         yDir = "up";
& |- ~$ H2 ~% B6 c         }
. c7 U6 i8 w& M! @! L4 q" a      }
, D* B$ A8 [5 ]( j  F9 n   else if (yDir == "up") {
' {& K( q6 E* G3 @; E" |      if (yPos < (0 + BallSpeed)) {
5 U6 @% f! Q8 |         yDir = "down";
6 f/ n; V+ B2 {4 @1 l         }
7 b& ]+ ]2 p9 k3 u* D$ M% W      }: g& B1 _( q6 D0 U0 O1 V
   if (xDir == "right") {
& \! H* m/ z- x      xPos = xPos + BallSpeed;  ^) `( q7 O8 \( Q) v
      }- L: C' B# j- ]$ G! }
   else if (xDir == "left") {
7 q0 c% x& l  d# i/ _2 t! B      xPos = xPos - BallSpeed;) O* g" Y# g. d. s/ j
      }
% R& X8 C2 `" B5 h& y- E, z   else {
1 ]  T. z+ |3 h4 m) @      xPos = xPos;
5 a  {5 |% k! U. v      }
7 W- F! K# u. e# c8 @" l   if (yDir == "down") {$ }; z/ w7 V3 ~8 s9 ]
      yPos = yPos + BallSpeed;
* k* J% u" O# F* Z* }      }6 k2 X9 ~; A; R& }
   else if (yDir == "up") {; c% v+ @7 m4 r+ j4 S# R
      yPos = yPos - BallSpeed;7 [, ~8 D" ]/ _5 W0 _
      }
8 `5 t3 N6 F9 r% j   else {  I/ p7 ^% ?0 T0 C) I
      yPos = yPos;
. h8 W) G8 f% i; m7 i# g      }
) v+ c7 h% R" C4 @7 J- e9 x! N   }- H2 Q  R0 w8 T6 ]' R; L

* l! D; z9 j, hfunction hidetext(){' t+ s' r5 H2 e# \# z& z
if (document.all)0 a! G% s0 w, `% \( J
supertext.style.visibility="hidden"
' M' f# h( K1 h: ielse if (document.layers)' x8 B  H# {, X! L8 o
document.supertext.visibility="hide"$ P9 y# ^' t/ P1 I- J+ Q
clearTimeout(animatetext)- Z( v: ^. q9 B& p1 C8 N
}
+ |6 W; }9 a  A% Y9 E' e
2 X: d+ s3 o! h8 W  aif (document.all||document.layers){
. r0 g0 |' q: w# s1 `6 w6 X; vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 X3 H2 C5 ^: m& }( i, qwindow.onload = initializeBall;
. P7 {  r% y" N% F& K+ Lwindow.onresize = new Function("window.location.reload()");/ s# H. v% x2 I' z" P1 H; F1 Z
}# F4 v- T. |9 Z7 |. ^# S1 m
7 S0 H; ^7 Q0 E* ?" y2 g
</script>