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

zw2004

<style type="text/css">0 n% d) @% f+ A: w
#supertext {
  _  r' X' {: e$ I2 H, Sposition:absolute;0 F0 L& Z. O% }
left:0;
9 C% c# O6 F/ K- t: Z$ Btop:0;  F- ~) T: a* W+ P6 A. r
visibility:hide;
& q; |  w+ N- zvisibility:hidden;* [' y4 K) u% {" Z; {+ g
}
1 h8 |1 S0 k0 d7 {  |</style>
( q+ P; a; X6 u" O2 |<script language="JavaScript1.2">, m* J* I6 r1 J; R5 e; f
<!-- 改变下的字体的大小。颜色-->- _; n# O; P+ {' |: ^. l4 ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 s* k) |) B  _6 C0 yvar hidetimer='';
. R' k6 h. j1 d; f<!-- 改变下的弹跳速度-->+ F% j! q3 b4 W2 @7 B! r
var BallSpeed = 20;
1 ]. a$ f) y) w3 H/ g4 a2 v8 y0 mvar contentWidth;0 x" w  B" d/ S8 u
var contentHeight;" G/ A2 |5 Z6 `3 \/ y
var maxBallSpeed = 50;1 J, p6 v4 W9 t
& q5 _5 y% r% Y6 G
! N# C, I9 ~5 \( t1 z- i& F
var xMax;
) b/ n8 G; ^1 ?8 l) }1 d/ Z& f7 evar yMax;( [6 r! }7 q9 [6 S  F
var xPos = 0;- h: N2 O/ I: m! ^' J. o
var yPos = 0;
, M0 W- t0 y6 ]0 Q$ t0 ^) C3 Zvar xDir = 'right';) O8 w( W7 J+ b( E
var yDir = 'down';, W1 a( |$ S' H4 P# s
var superballRunning = true;
7 W8 k8 h! k! g% @8 s! W1 Bvar tempBallSpeed;9 O$ r- ~: O* `3 e, G0 K& }3 g
var currentBallSrc;
/ s' `: v1 d/ p" Dvar newXDir;
5 T, N; S' |. \& {4 t- z. uvar newYDir;
8 C7 X3 m3 H: Q9 o, P0 m1 m1 i8 G7 ]+ \) {
function initializeBall() {5 p( s3 U5 O; r, I/ O
   if (document.all) {
0 J- P4 B6 M2 {' E3 B      xMax = document.body.clientWidth. P0 a( a( q- h& n
      yMax = document.body.clientHeight
' _! q& n# p- _% h1 T6 x5 d3 Z2 @3 B      document.all("supertext").style.visibility = "visible";/ ]5 q/ x: y# v# g# p8 [
      contentWidth=supertext.offsetWidth
! b% M# y; O; [& X8 i* Q  s2 c      contentHeight=supertext.offsetHeight
; n+ i. k! q0 @  c, a; h, p      }8 v: t/ c+ H* F# k
   else if (document.layers) {" V# V7 \; p7 {2 T4 y# v$ L" A
      xMax = window.innerWidth;  @  y( k" m' h, `; l$ y" F
      yMax = window.innerHeight;4 V5 J! P) Y+ F
      contentWidth=document.supertext.document.width- M2 P/ o1 d: I1 \
      contentHeight=document.supertext.document.height
! x" ?/ l2 ~" m' k      document.layers["supertext"].visibility = "show";3 K; I. ^# T3 z; G& w
      }) b) s1 F: W% I& H
   setTimeout('moveBall()',400);& I3 W) \# y; Q# p% ?$ K
   if (hidetimer!='')
& K! r+ x2 f) ?! Z* G) h  W3 I   setTimeout("hidetext()",hidetimer)
" E/ g! J! F( H! B* T  z   }. M) M, a+ f2 h. q1 Z0 [
& a$ U+ L, A1 T' W# H5 G( r
function moveBall() {
) f1 R* @/ g# @) v  F# w  L, n   if (superballRunning == true) {% X' c! I1 g' \8 J8 d1 P# U8 X
      calculatePosition();' J4 a1 k5 h& l. H" M1 w) L8 n
      if (document.all) {
6 c3 ~& i. r7 h9 E         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  I  L' [: M# ^/ T1 n         document.all("supertext").style.top = yPos + document.body.scrollTop;
& j; y. E) L  W5 h. L2 ]) Y4 Y* G         }
( n; O  g* u' G+ y) k1 Q3 B, ]$ C      else if (document.layers) {
3 a" n* r9 t1 u+ {" g" z         document.layers["supertext"].left = xPos + pageXOffset;
) X6 R3 z, K& H& j9 F- e" F         document.layers["supertext"].top = yPos + pageYOffset;
0 E  B1 x5 J# B5 f' y& k+ H/ O         }
  F% v* j2 z, I* c* S' ^      animatetext=setTimeout('moveBall()',20);
; Q9 j2 R, {6 L# }- G      }
$ Y0 _2 ]  l( u3 V9 a& e   }" h, E/ o- R$ q& ^6 E
/ |* P* T( P. n$ B9 h  i( \6 c
function calculatePosition() {
, d& R( N# B8 H  S2 N7 }   if (xDir == "right") {) L4 K8 S2 E3 f5 k* p6 m: p- _) ?
      if (xPos > (xMax - contentWidth - BallSpeed)) {, h: s. z+ }! X3 k5 D
         xDir = "left";8 u9 Y( R2 H% K% m' `/ g6 a1 Y
         }2 R0 d# d5 {/ C6 n/ x
      }1 _* E2 \; a  T/ e5 I" n9 y! {
   else if (xDir == "left") {' o! u5 E/ ^1 }8 r% b
      if (xPos < (0 + BallSpeed)) {
; Z: q6 l" n6 c9 r% k         xDir = "right";
7 P/ X+ L, u4 ]! x% q8 C* Z7 ?* h         }" u! `' k  z% P
      }
+ c- n) R/ U& i" [   if (yDir == "down") {
% ~/ U/ K+ {+ t( J# {      if (yPos > (yMax - contentHeight - BallSpeed)) {
* k. @9 u) ~! B: b/ s3 g         yDir = "up";; w# b, [' H0 e$ P2 w- I+ g! f
         }
6 ~' {2 z8 Z" a8 A3 Y# z: z      }8 R9 o. j8 _" r7 A
   else if (yDir == "up") {- J2 o+ p, ]( q3 c
      if (yPos < (0 + BallSpeed)) {; m3 t( C0 T8 _+ b0 b9 |
         yDir = "down";
3 [& J: z7 N) y         }. i' v* w. _) K& I; g' ~7 @% U
      }3 k$ \- {7 y" Y
   if (xDir == "right") {# b$ ?  V# i% F1 e
      xPos = xPos + BallSpeed;+ x' q$ v4 p: F
      }' O6 U, O, W4 @8 B; o
   else if (xDir == "left") {
  }- g. }, i, Y+ t9 }      xPos = xPos - BallSpeed;% V2 L' z# a6 U; l8 D$ @
      }2 X7 u; x/ s4 k2 u
   else {
! s1 c8 o: K/ b      xPos = xPos;( k& I, q- n8 h# y( m1 j) Y6 }! q! K
      }
( ]2 Q1 B) A6 Y$ ?* b5 A   if (yDir == "down") {
2 c' v, @* K0 X% t7 g      yPos = yPos + BallSpeed;" I, o4 D/ W# H$ g6 \4 A" u. ?
      }' d% [: P  L7 P" k
   else if (yDir == "up") {
! w' n$ }- `9 }+ w1 H+ X      yPos = yPos - BallSpeed;
$ Y! X+ ]8 P& z3 f! S      }* t: U; g- Z" T, M+ e* G
   else {" Q9 K: f# s7 P/ G9 P
      yPos = yPos;
$ c* b* j0 a- V# y2 s" G      }
* o0 f7 J6 B# [   }+ c5 `% Z0 ~6 |0 _/ h- D4 ^# Y* j

7 C5 J8 o) U6 f  g& f& W4 y) Ffunction hidetext(){
8 D3 f2 n( U& N( q2 cif (document.all)
, ^, T' X) h0 I* N$ _  @6 o8 l4 N/ Isupertext.style.visibility="hidden"
# S+ X  }8 P6 j& b5 g9 J0 relse if (document.layers)
( i- `- d3 c7 N( T- L, N. X0 Idocument.supertext.visibility="hide"$ T5 ^% T' e% ~5 z8 x+ s
clearTimeout(animatetext)
( a8 @6 v3 C0 A% o- ~}
+ V- \, V6 `3 O8 V8 X1 l$ W- P' I' d# P! T: H
if (document.all||document.layers){7 Z$ a. ]3 ~& V$ j8 p4 j, |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 _& d3 L6 l4 O% n9 i: G
window.onload = initializeBall;: A6 ^+ R1 I9 O$ B
window.onresize = new Function("window.location.reload()");) B: H, E2 `% R% T
}: ~* O+ `" H% H5 c# @, ]. x+ M

: |2 f5 O0 G0 w) M. ~" G4 b+ {</script>