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

zw2004

<style type="text/css">
) }. `/ w4 X* o2 n#supertext {
8 [: J) w- q+ ^' X2 V8 C5 q$ c+ Iposition:absolute;
6 d7 w6 G, ~# Wleft:0;' E$ s' m; l; \" f# z  q
top:0;
8 t" B. G: ~3 H: k: _5 Nvisibility:hide;# F, E3 p9 I  Y8 U5 z$ w- G
visibility:hidden;
0 l. _- \! Y' g7 e8 f2 O. \6 p}
/ ]( y# t, C9 o/ U+ {- M4 ^</style>6 _8 `  Y  Z8 v8 B
<script language="JavaScript1.2">! F1 f# [4 Z) u
<!-- 改变下的字体的大小。颜色-->3 }! K! o6 J. n3 `7 k& v
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ I( V/ e( O0 Rvar hidetimer='';# f7 `+ V, P/ V2 Z/ r
<!-- 改变下的弹跳速度-->
9 M! @, ^* [3 I6 o* Bvar BallSpeed = 20;- r. F, T$ W+ \& n# B( O: Z1 R
var contentWidth;
2 W. ?% q/ v$ j4 ~0 uvar contentHeight;
! @$ d8 n" i8 t3 Q! C' a  Xvar maxBallSpeed = 50;( u. K$ C2 g$ O/ H$ a% T% [8 ]
! \. M1 f7 ~% h7 J( G
# u; f, q+ ]8 L, z5 d
var xMax;
1 a' s) i, Z- J$ ~var yMax;
$ j2 g' v! V' k+ Q7 o" Ivar xPos = 0;/ T/ d$ z; Q- o' R' E
var yPos = 0;
' n* B9 N  h$ W7 l6 o0 Cvar xDir = 'right';
0 [* Q- G1 k+ ~' ^# Hvar yDir = 'down';
! {' \7 X, W+ ^1 D6 ^# d; uvar superballRunning = true;
3 \9 Q' m6 x' J+ c' {8 u7 j+ Svar tempBallSpeed;
* n  b$ ^+ n# s! P6 Y' U+ ?3 wvar currentBallSrc;
  g4 B$ ?* J0 W( G$ Avar newXDir;
" l  z, K3 I! }( y8 b. hvar newYDir;3 _$ L9 W6 n0 S* K1 w  ]. c
5 c  z, y. R% ?. n% |+ O/ S; v
function initializeBall() {" f: q% k. _1 U. _# C, z% [
   if (document.all) {0 y. t5 A3 [+ }/ x6 B. N$ I* `9 `
      xMax = document.body.clientWidth
0 @: i+ W# m* z5 C      yMax = document.body.clientHeight+ f+ j6 N  h8 ~& |- n# k9 H& Z
      document.all("supertext").style.visibility = "visible";
$ ~3 B# C3 x* {: T      contentWidth=supertext.offsetWidth
! v( [3 S: ]. `3 u      contentHeight=supertext.offsetHeight1 }* Q  F4 K& S: z  z8 W
      }- r0 e2 z2 M9 j
   else if (document.layers) {
6 E) X* S2 B6 c( [2 F! U- x      xMax = window.innerWidth;; o% }/ }4 n& Z
      yMax = window.innerHeight;
+ X5 w# S: U, Z2 }      contentWidth=document.supertext.document.width
! Z0 }2 U/ H' }* y2 p" ?6 `2 V      contentHeight=document.supertext.document.height- b& x& `  b: _( ~" F0 n
      document.layers["supertext"].visibility = "show";
0 Q2 i! o+ h( l# i1 S1 s      }
" C5 ?# ]8 K3 f0 l# y   setTimeout('moveBall()',400);+ f; L8 E( i/ d
   if (hidetimer!='')# p/ Y3 h  `- C3 a$ n5 q
   setTimeout("hidetext()",hidetimer)
  }, \8 n- {, ~) G9 b. o* B   }
# ^( Q! Y6 {6 Z
% A: q0 a+ q! a8 Cfunction moveBall() {
3 C$ k5 [( Q+ E" l: F   if (superballRunning == true) {
  C- d1 W: }- k+ Z# k) }      calculatePosition();* T2 g; v( E# I; ]7 c: v' o/ ?$ B+ x
      if (document.all) {
7 \/ a/ l8 t5 g1 _         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 }. q8 J" `% A9 h& [         document.all("supertext").style.top = yPos + document.body.scrollTop;
) A" w2 \+ P9 O8 _6 I) E% \9 z         }
3 M' O( Z, h9 U% [9 N. u8 ]( N      else if (document.layers) {
: x# c. e. g  y# u+ L' a         document.layers["supertext"].left = xPos + pageXOffset;
1 v( N! K; s  ]0 ?) R         document.layers["supertext"].top = yPos + pageYOffset;3 }8 U5 {6 I, r% f8 V
         }' s3 v; k+ ?! J6 \' C5 Z# ~
      animatetext=setTimeout('moveBall()',20);. m9 Q; R, g5 P, y$ @! I
      }
# P$ d: z0 s6 _1 v4 d   }
& s4 B. m9 i4 |/ k! v! d- o/ T; O) D3 @1 B
function calculatePosition() {
5 f8 V3 d& `9 P, Y# Y- o6 X' H$ P6 M   if (xDir == "right") {6 _  S% t7 L# x1 @9 R
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 O7 f% U, V5 r, v
         xDir = "left";2 s$ {+ s2 I$ v: F% W9 K
         }
0 _' N; p2 }$ M$ Z' d* J+ W6 p      }0 q" Z- W, Q1 X  ?
   else if (xDir == "left") {: X, U8 v! t8 A2 x
      if (xPos < (0 + BallSpeed)) {* b3 V9 Q7 ^6 Z; |6 z1 [
         xDir = "right";
# [& Z3 p: u8 y- H6 G         }
7 U% g" K! g2 p      }
: Y( B: k  C& F; N% m0 Z   if (yDir == "down") {( O0 ^' b8 ?( R7 G  P, _# k
      if (yPos > (yMax - contentHeight - BallSpeed)) {1 L$ Z/ I, J: s/ N" P4 ^
         yDir = "up";6 C% O! f$ U1 k1 U, s$ n
         }
" W$ `* M5 D' M! H6 a* I      }' u" o+ N0 t/ M* X/ Y( [- O5 C2 _
   else if (yDir == "up") {3 ^/ W' L: A  m1 e
      if (yPos < (0 + BallSpeed)) {. Y. T' V- ]  k+ m
         yDir = "down";1 t* ~5 Y+ [2 ]" N8 Z
         }8 B0 @, G; `" T
      }
1 T4 f$ L3 r' x/ {8 M4 ^5 O. _) u& Q   if (xDir == "right") {" D& u) _& s# {; g, D8 j* T
      xPos = xPos + BallSpeed;
  K4 B5 o& z! X' P- ~. L: K* K4 @      }
, |9 S/ o; x/ c2 A   else if (xDir == "left") {
& U# A. A7 y. D: r- X/ k      xPos = xPos - BallSpeed;
5 T$ b, t8 f1 C, a$ v' M      }, M; b' {4 ?; \( z& u; p" x
   else {
. N. f* n8 Z5 J! ?$ `+ a      xPos = xPos;
7 p3 i' ~: w0 _# S+ Q! l/ R) k! P      }  R6 N. X6 L: j  B
   if (yDir == "down") {
; i8 b& Q4 V; ^/ G      yPos = yPos + BallSpeed;
$ M' Z" `: |1 J7 K      }
/ u$ f: R, h/ {3 B/ j/ ?9 G" [   else if (yDir == "up") {6 X( J% x2 B: S: G
      yPos = yPos - BallSpeed;& a' K% p( \4 \) V% F. v
      }
8 r$ v& D' d, c: @" [# O( w# ?   else {
: x: ^! Y) U+ g* V- j      yPos = yPos;' c3 D. v( q  Y
      }
4 n0 s# H3 c  s( O5 C4 b# _* `   }! [( m2 `' E3 h; X3 n6 y6 j
+ B3 e5 O5 n8 q" I/ E: o
function hidetext(){
/ y6 t8 J( ^! {- S6 sif (document.all)
$ X  |7 J. t1 e/ j6 Dsupertext.style.visibility="hidden"$ h+ v! }( F+ d0 X. \
else if (document.layers)
0 |: ]  ^5 i% _9 Zdocument.supertext.visibility="hide"- U9 @( e7 R( h* G& B+ T1 z9 s
clearTimeout(animatetext)! |" ?$ m: c5 b" |  d  u6 m# J" O% \
}* H- j) H# b5 w, g; b8 V
1 O0 ?% @9 }& u: L
if (document.all||document.layers){- N1 f, _( O" J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! v  J6 t& T7 B7 P
window.onload = initializeBall;& q7 K6 e! o  ]$ a
window.onresize = new Function("window.location.reload()");
' O7 A8 ~0 `  L3 T: a}
' X$ y6 Y$ t6 J/ l' ]
% T6 l, }% |8 U: T- @</script>