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

zw2004

<style type="text/css">
0 ^6 D. \5 s% r3 Y5 w9 X9 W#supertext {
* q) a+ d' V- ]position:absolute;
+ ]6 |! I7 b. cleft:0;
) A0 z' X, A9 \8 v) O. |+ a; n, U2 I: K7 [top:0;
0 p9 r% L9 b; @) Q9 Fvisibility:hide;+ ?+ u! q2 d# m; g0 D
visibility:hidden;
+ M% E: d7 i, {1 }1 A  ]7 L}( a. b/ ?, n* |# q
</style>
4 R+ I$ n  l  y" P) \/ h7 a<script language="JavaScript1.2">: m6 |* a7 H/ ~: j( ]
<!-- 改变下的字体的大小。颜色-->
; |3 b) k3 v1 M1 kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 j* D; h3 T: O, `  c( Uvar hidetimer='';! B( g% S2 {# T' t: b* i
<!-- 改变下的弹跳速度-->) g5 _7 P7 Y; Z' i
var BallSpeed = 20;7 l3 y1 l2 _- b/ g% o% C- Y
var contentWidth;& {; E, |9 E& q5 Q  r$ m
var contentHeight;; r% h8 P( b! m7 K# ]
var maxBallSpeed = 50;
, ?5 x, C: m; u+ \; B: h) e+ r! {
5 D$ z0 ~& d% X7 h
var xMax;, ?2 a7 c( n2 Y5 S" A- L* c
var yMax;) g( }6 o( {  n
var xPos = 0;
5 A6 E& }0 r+ c7 T1 ovar yPos = 0;
! u2 W- A" F8 M0 j% L. vvar xDir = 'right';
6 @/ \0 c- E  Z+ P; ~& T* Fvar yDir = 'down';% S" j% g* @+ b4 q4 X: m
var superballRunning = true;
# j8 N) P* ~1 z3 r) b+ T/ \3 pvar tempBallSpeed;$ l0 Q1 G" d- }! t6 ^+ }
var currentBallSrc;
4 \& ~# ?) c, {2 P, |var newXDir;
3 z# q0 p" B% i9 E3 U2 vvar newYDir;
) B1 N" i) D, t
/ b( q0 t+ i# e. @function initializeBall() {& K6 \( F' }" p" |
   if (document.all) {! @% d1 {! h: t( j
      xMax = document.body.clientWidth
; Z2 j9 i, y7 e% Z; D& t      yMax = document.body.clientHeight& M8 G, p, H0 K% ], g4 S. ~+ I
      document.all("supertext").style.visibility = "visible";
/ ]2 k  e* _+ e4 m6 p      contentWidth=supertext.offsetWidth9 V1 y. j+ w1 ^) X9 y5 E$ ^
      contentHeight=supertext.offsetHeight5 Q4 }/ v* T- P+ ~5 g! W" K
      }
, p9 ]* c9 |8 e2 U2 Q5 @   else if (document.layers) {
/ C, Q+ X  {% q; o' G. c& }      xMax = window.innerWidth;
% x# ]  p6 n7 Q3 w6 G' X  u4 ^: M% k      yMax = window.innerHeight;
% U1 v; S  h; J5 l" C2 I2 ]& M      contentWidth=document.supertext.document.width
) [" e  Y1 I) y/ ^/ u( J: E      contentHeight=document.supertext.document.height
1 \" j. ~: b- K. s. |2 n      document.layers["supertext"].visibility = "show";
7 O! l5 L% Y9 ?      }" D. i4 U4 W' W
   setTimeout('moveBall()',400);3 [8 v3 @; [: T5 m
   if (hidetimer!='')# y6 A% L* X1 W3 t  l
   setTimeout("hidetext()",hidetimer)
* x$ _3 U5 i/ d* Q   }0 X2 p8 m6 v1 F1 Y& d) m
- ^7 }- L- X3 [1 Y2 |
function moveBall() {& p1 a3 j/ i6 [
   if (superballRunning == true) {
" F3 R' T# f9 }! @9 X0 r- v$ f( Z. i3 Z      calculatePosition();
& i$ L1 f9 l! |. D. }$ a+ s6 Z      if (document.all) {: Z4 n' _/ [" s' q6 b& s
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 v4 K& c1 y& b+ n+ I2 L! @         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ v4 u- S1 p( c1 n         }
" @7 e$ ], Z8 [  ]      else if (document.layers) {7 e" E9 w2 s/ e/ e; ?
         document.layers["supertext"].left = xPos + pageXOffset;1 P1 H+ j' t" D
         document.layers["supertext"].top = yPos + pageYOffset;
0 j7 z. O; e  V  c0 k4 c         }% `- R$ o+ H" R
      animatetext=setTimeout('moveBall()',20);1 i3 q; {- l0 }5 n* h( y) @7 P. k3 g- H! j
      }
+ S9 D: I# R# b$ l) M   }8 j. [& [" ]% r' a8 \7 k
) ^8 t$ l, J, e. `
function calculatePosition() {, I0 q' S! `/ o
   if (xDir == "right") {% o/ B) R" C' F  G/ O( e3 q9 D
      if (xPos > (xMax - contentWidth - BallSpeed)) {" b. \8 u. R2 U
         xDir = "left";
# J$ F% e1 t6 L         }3 X: q; Z" T/ V! u
      }$ d5 Z) u. M1 [  Y
   else if (xDir == "left") {
: q8 [& x# S& \" [4 j9 v" D      if (xPos < (0 + BallSpeed)) {
' o' }# T, J5 l. r9 U         xDir = "right";
( V/ m2 n+ {7 ~, @         }7 `7 y0 `. ~( r6 X
      }
: j8 ^2 h1 `4 j   if (yDir == "down") {0 M3 m8 G3 C- r
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ j; _5 c( ~7 Y# G* L/ E2 N/ d* Z         yDir = "up";$ M3 i6 j9 R& F
         }& X+ @% o8 H- @* r4 }8 u
      }
1 o- a+ Y& V1 F3 r9 ?   else if (yDir == "up") {
* N2 S; o  u( C* q! B      if (yPos < (0 + BallSpeed)) {  i4 F/ ~4 t" T, q2 e- X& R3 s5 E# w
         yDir = "down";, `5 E8 ]4 `: w  J  Q- q9 _
         }
2 }0 `' H7 c: u* m) t      }0 C' i2 }; G$ n- l
   if (xDir == "right") {
% `+ l6 a/ S. y2 d% G" [, a      xPos = xPos + BallSpeed;
  Q6 s, H6 f: M/ M5 z/ a# J$ @      }+ H! o- e$ q# |1 n, K, _& P
   else if (xDir == "left") {8 r, O4 q& B3 i7 Z# G  y; {( j) Y
      xPos = xPos - BallSpeed;
! Y5 ^; F& ^+ u/ {$ u      }1 L, Y; C2 \; G; W
   else {
% D, X6 `. O' q1 |' y# n      xPos = xPos;
, `; I+ z2 X& x" z* F      }
  h8 {% c! m# x+ b8 j1 K% g$ }   if (yDir == "down") {
2 c% X2 V8 g! Y) Z      yPos = yPos + BallSpeed;
, m  m& I. W9 w7 G3 l+ o7 r5 p/ z      }
( `3 e: o- w# U4 n/ P6 h! x& I   else if (yDir == "up") {0 h: B) x/ v) _4 F
      yPos = yPos - BallSpeed;- t4 p5 k, _# x1 Z
      }; M. }- [: l1 B. e6 t- d/ u
   else {
9 g( U# U$ _$ T7 V" h6 o4 m      yPos = yPos;
# @; K9 _7 r: J& j! E$ H! i      }
( q* C( e9 H" R3 a! }   }  a6 F7 _4 j* b7 H0 g5 U
6 k7 I+ U  f  l* ^
function hidetext(){7 ^; O2 }9 j  q2 e2 ~$ [7 i9 C
if (document.all)
" c% r- b% i$ M8 Ksupertext.style.visibility="hidden", H; m: M/ y5 y" w
else if (document.layers)! I, k$ z6 v7 J
document.supertext.visibility="hide"/ `& Y* H- |, W$ J
clearTimeout(animatetext)' R* \% g; D6 i( ?7 ~& A+ s: O
}! E" O, x; V+ F6 y

& X1 r# ?1 I" H* M+ h% tif (document.all||document.layers){4 ]0 Z  F6 {# p, ?5 P# w
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 k, r" @# p5 C$ K! E3 G* s& Q8 u
window.onload = initializeBall;5 }3 ^' V$ D$ }  e& b) |
window.onresize = new Function("window.location.reload()");9 i4 q# A# j1 y' h7 J3 n5 z
}
  k7 ~) X+ }; i* y5 y% ]0 b6 Q* k" r2 H  K
</script>