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

zw2004

<style type="text/css">
; \  A  x- o/ p* z+ z#supertext {
* ~& P! x8 i+ [+ Jposition:absolute;3 x+ }* j) Z# b; C( @) C5 u
left:0;; O$ T% e# G) i6 n2 z- t
top:0;
1 S6 v6 c: M3 Y* Hvisibility:hide;1 X) v1 P, z" A, |1 {2 s2 H
visibility:hidden;5 W' ~9 B3 c9 r% I
}, A4 p: o/ c6 Y0 v# }$ X
</style>2 j3 g2 X" S  \: x# D# Y' z4 K
<script language="JavaScript1.2">
( A0 f( n9 O+ u/ v1 m7 X, Y& i0 Z% ]<!-- 改变下的字体的大小。颜色-->+ x) V2 I, Q& f2 f. J+ A  j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 t% y3 Z  ?2 Y! W
var hidetimer='';
: v* E0 a! v7 U9 f- p" k, I<!-- 改变下的弹跳速度-->. z7 g* Q9 C9 r7 k' y1 Y
var BallSpeed = 20;& j: m  D% o+ p+ R1 ?( l
var contentWidth;
+ `, [" X  _: l' R8 k# u- Z: c# O, }var contentHeight;  M/ m& Y# g3 ?$ x# n
var maxBallSpeed = 50;
5 |- M; W) ^7 R7 V# N1 d) R& z# \
  ]4 v' t, e" J: N. e. }( R
var xMax;+ c6 I; Z. w( g; T: Y) q
var yMax;
5 |1 V7 X( Y% \2 Avar xPos = 0;
1 V6 b! _, V: e: n$ Tvar yPos = 0;
% K5 D3 G9 ^' B2 ^+ jvar xDir = 'right';
' R$ C. b+ L- E* Z5 Y/ }var yDir = 'down';/ ~' l* ?, ?# Z5 c
var superballRunning = true;* N. n) `9 ]% D* y6 c+ }- f
var tempBallSpeed;" f5 D+ U/ q+ ?" p9 D. D5 v
var currentBallSrc;
8 i  b' w" `% G3 G, j% [# kvar newXDir;
. x& N9 P% s) }; R2 o2 ?( {& nvar newYDir;( C6 o1 Z, W! i' ~  k' v/ ^" e
3 |  B6 s- i- C3 u) r8 c1 Y6 ]) ~
function initializeBall() {
& Z# @* h8 E' w/ X   if (document.all) {
: F" R4 U* w: s. v      xMax = document.body.clientWidth
& V4 \* c4 A. Q2 w6 `4 O7 M2 Z# J) O& L      yMax = document.body.clientHeight- O0 h: W2 m, Z% N( N/ a
      document.all("supertext").style.visibility = "visible";
* a" V  W* p0 Q6 e/ t) R9 \0 K# n      contentWidth=supertext.offsetWidth
, |2 i6 r: F5 e1 N; E( U      contentHeight=supertext.offsetHeight# I- D6 l6 R, u; r" P4 l9 W
      }2 n" g" H: |5 J
   else if (document.layers) {, ^: g: y# b9 L2 @* n/ X
      xMax = window.innerWidth;
9 {5 Q- I2 V& _# _6 I      yMax = window.innerHeight;  G8 y5 w) S$ O5 d' D4 A
      contentWidth=document.supertext.document.width
$ v, e- I2 ^( i/ |+ o+ y      contentHeight=document.supertext.document.height
; u; ~6 X  J" N3 h) \' @      document.layers["supertext"].visibility = "show";
& L/ P; G0 H7 T. }" p7 S0 v/ S      }! s# }4 a% }% A- {
   setTimeout('moveBall()',400);
6 |% b' J. p! }! M8 r, z$ K; N; ~   if (hidetimer!='')! Z+ v2 ?- z7 E# P  f0 y* P
   setTimeout("hidetext()",hidetimer)
" l# ^# j, S$ k3 g( I+ s* r* [   }# C; w9 b' G) {2 l& f- s6 D) w! A
9 |7 `9 T7 ~. m$ e8 P
function moveBall() {
" z- Y- h/ e1 o3 a' b3 b   if (superballRunning == true) {% C8 j" d7 b+ w! C% T: r7 e
      calculatePosition();  M3 _" h6 T% T! k) f
      if (document.all) {0 l. ]! E0 z5 @8 e7 p$ l
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% b: `% @$ p- F. `) v2 _* c         document.all("supertext").style.top = yPos + document.body.scrollTop;" I. B2 z: v3 l- N4 ?7 e2 t1 D
         }8 w! d' D0 s$ P4 y+ @3 X8 e3 I7 ^
      else if (document.layers) {
$ @+ Y5 E4 ]/ F- D+ k' u+ y% Q         document.layers["supertext"].left = xPos + pageXOffset;6 T. ]2 C3 y! M! ^
         document.layers["supertext"].top = yPos + pageYOffset;
' J) {/ f- ^8 ~: F8 M" T         }
+ p  ]- J, `0 a  [4 t/ S0 j      animatetext=setTimeout('moveBall()',20);
* D4 h! A# x) b9 y      }
3 d+ t0 a1 W1 ^( m. U   }
5 ?# S) U3 }0 ]/ k+ k
0 U- t, k% y! Z$ t( @function calculatePosition() {
$ U- f. p) G" l& U   if (xDir == "right") {
- n. @4 J# l6 I      if (xPos > (xMax - contentWidth - BallSpeed)) {& d- ~7 B7 P; X6 B
         xDir = "left";
: J/ V1 H# r+ ~, X, ]         }* T3 `" p, s. R- @
      }/ t' B3 N2 W7 \! |4 l. e
   else if (xDir == "left") {; i' S- N5 p1 ]5 n7 R5 @7 p
      if (xPos < (0 + BallSpeed)) {
3 E5 @5 s; F+ P: w- E         xDir = "right";. |+ V0 l0 n' b# C! X
         }
* L9 z! J* `' v, n+ \# C      }( M, U; s1 C5 e( l! b8 X* C4 q
   if (yDir == "down") {
( _4 t2 F; x$ P  q' _+ w      if (yPos > (yMax - contentHeight - BallSpeed)) {2 `2 Z. v3 s& Z. ~7 q. O+ [1 u3 A
         yDir = "up";
3 d8 R' e7 U+ G& e; [         }8 K( x; y6 c* P+ I9 G# {' s
      }0 G/ f" b- n) R" d& }0 A
   else if (yDir == "up") {
$ h- P  |! t7 Z, [% L      if (yPos < (0 + BallSpeed)) {
9 ]3 }5 D0 U$ a2 O2 F, v         yDir = "down";5 o2 s% r# O0 I; o  }/ @7 I
         }
9 Q# ?" `9 r- H# w5 V: |; t      }
" R& B! T' o; ]3 ~   if (xDir == "right") {
' v3 P$ z# d& A/ _# B1 F      xPos = xPos + BallSpeed;2 T) `% b3 @% ^1 z  t3 p
      }
, z; E+ e6 U) a   else if (xDir == "left") {0 l* r1 b% c- t2 a$ o4 m# {! ]
      xPos = xPos - BallSpeed;
9 f$ V. i; [$ z1 E      }* y' f8 h. O. ]- z% K+ V3 ~
   else {8 c, O0 ?  Y8 V7 H9 L( K/ Q, Q0 y
      xPos = xPos;) ]3 }* A! i; E9 d6 O# L6 q6 m& B
      }
3 R; J2 [, z% q$ Z2 v   if (yDir == "down") {
- V3 S* u8 p$ z# V! B3 R      yPos = yPos + BallSpeed;/ ?8 [. b5 a# f) \# i
      }
- r' f7 U# G( z4 c* M   else if (yDir == "up") {2 @. \" |9 B2 K& [( q. B, A
      yPos = yPos - BallSpeed;8 Q/ f4 G# {7 Q( \9 E3 c4 @
      }" e/ C4 A; u3 I5 o) Y& X: G+ F' R! ^
   else {3 L$ b" N& ~3 u! j
      yPos = yPos;2 k+ {0 F- a/ M  ?2 C/ f
      }
- P$ X1 T% L0 w: M. c   }( \; z9 B( c5 Y$ Z

6 L- w0 y- ]/ `$ M: J; hfunction hidetext(){; j! @  i7 }! ~6 H
if (document.all)
8 n7 g6 v: p" e, csupertext.style.visibility="hidden"- N( A) M$ q1 S" _3 F" a8 F" {2 X
else if (document.layers)/ u& g; ?$ v8 u% p6 z- E
document.supertext.visibility="hide"
2 e0 Y, w' W0 P  tclearTimeout(animatetext)# W+ O! Q% _( K0 j* t7 y$ |+ L% Q
}
9 z% [  L* J7 x3 E6 x# T" v
! k' b9 u# F9 D" U3 [) D! Zif (document.all||document.layers){
% ~+ L; }: x( u$ S' ?6 ^! bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 [9 c* _8 I- ?# N. n( z& M% g' owindow.onload = initializeBall;3 ~$ [) `- o4 t4 u( T* S5 S
window.onresize = new Function("window.location.reload()");
3 f7 ]7 x  G3 h+ ]9 L  A) Y! |}
2 G! r( S( d/ m/ C( P' b
6 H, d. n: O8 f! w</script>