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

zw2004

<style type="text/css">
$ ~. t) u& q9 a5 @1 `4 n! }#supertext {
7 Q* K3 ]; `8 B! p5 h6 A( c- ]position:absolute;
; U/ s* H. Z3 j* p+ s1 K" @left:0;* X  H: Y6 b: |5 r9 t- Z* C
top:0;
8 Z) N+ H2 @; Rvisibility:hide;- o6 E' U; f/ Q' Z' g
visibility:hidden;3 p/ y" @; S) l- ~7 b- M- ~
}+ h) q4 z% V- L& I7 O$ \& a' l( b& i
</style>
. o; g  R+ N4 \+ s2 d) H<script language="JavaScript1.2">
% Y( k8 j2 g" |$ Y<!-- 改变下的字体的大小。颜色-->6 S2 ?, v: `# z4 w2 N
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 Q0 p% h! u+ lvar hidetimer='';, _) k/ o9 g3 a; y5 |' G% l) `
<!-- 改变下的弹跳速度-->% o& W" n% L) A  O  M: I
var BallSpeed = 20;
0 s+ c$ h8 p5 D2 J% Jvar contentWidth;$ l+ L+ E) {; g
var contentHeight;8 N4 C  M% p7 K# ?8 m$ W5 ?
var maxBallSpeed = 50;3 D/ G/ {4 t" @

( j" w3 `0 N. G9 J0 F
+ _1 ~. \5 N3 d7 x- nvar xMax;
' ~; O8 t! s1 X) Qvar yMax;
$ J0 G5 [2 z% v0 Z! |- \var xPos = 0;
  Q; Q5 V2 n4 L# A- ^+ N) hvar yPos = 0;5 {, t  a7 r& b; ]& Y
var xDir = 'right';
8 K+ s- [1 |& j9 T! a. p0 hvar yDir = 'down';* S5 w% K% |$ p: ]+ j( `) x
var superballRunning = true;
/ }9 a+ e5 x: \! @9 jvar tempBallSpeed;
/ V) h1 z8 G  L* ^! @# W) n+ Qvar currentBallSrc;
% @+ Y7 C; s3 v1 c0 S# dvar newXDir;; C( _3 L0 a4 M8 x1 O
var newYDir;
$ C+ `% p; h. L6 p* H" P6 i% t, u  }' g/ v- R, Z. R
function initializeBall() {
" x, o( i; R* \   if (document.all) {/ `/ G8 n4 F' c
      xMax = document.body.clientWidth
& K4 o7 f1 [  U0 M( P      yMax = document.body.clientHeight% g6 |7 P" N0 F9 H4 }8 `5 t& ~
      document.all("supertext").style.visibility = "visible";6 R+ K! L" c2 ^5 Z; O
      contentWidth=supertext.offsetWidth1 ~9 k3 g3 d9 e# K
      contentHeight=supertext.offsetHeight
' V: Q: X9 A  j1 U      }5 [8 U/ G% b6 r9 v( D& M3 m
   else if (document.layers) {! X' H/ h9 I) N: s) r
      xMax = window.innerWidth;
' r" L9 J) v' H* c      yMax = window.innerHeight;! d5 W. b, P0 i2 T, z
      contentWidth=document.supertext.document.width
; J+ s0 c, b  N1 `      contentHeight=document.supertext.document.height8 ?8 k' x9 O' Y6 H
      document.layers["supertext"].visibility = "show";) H0 I2 I+ K* `) c" j$ P- F
      }
% d0 z, ?, l% V   setTimeout('moveBall()',400);/ T( h( A& S" }/ q" |/ _0 j
   if (hidetimer!='')
# P( M4 t  @% n% H# d   setTimeout("hidetext()",hidetimer)
' `4 Y3 P( i' f   }
! h: w3 V6 S4 a% x  W7 r# l6 o9 n! U' P) H  O$ w, ~- t
function moveBall() {5 F0 F/ d4 U. l; W* C& ^+ t" a1 I
   if (superballRunning == true) {6 L- u! I( V# c
      calculatePosition();
2 F+ H4 V/ ?! O      if (document.all) {, S! [# J" C' G/ I( N# S& U
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 I% C: N8 y4 f' w- r9 i8 s& y7 ^         document.all("supertext").style.top = yPos + document.body.scrollTop;
' s, `( m- V2 X! U8 N5 F; J+ u         }
0 p9 k: j' v8 P8 y5 q      else if (document.layers) {
. J3 ~5 `' O# m5 H* |" {- P. b4 ]         document.layers["supertext"].left = xPos + pageXOffset;
% w- v' g6 T- H! \0 z* T         document.layers["supertext"].top = yPos + pageYOffset;
) Y; B3 s% @: M4 H/ p         }& ^1 }  G9 n# A; X/ a
      animatetext=setTimeout('moveBall()',20);  T: n2 D% }7 W- K; [& H
      }# Y( O( P9 e- i+ K9 N6 G, ^
   }
/ f! d: t1 T8 v% T' F+ \
9 E/ ?9 m, T+ U" ?% Mfunction calculatePosition() {
! ]  j" u9 ?- v- s# d" ]6 m   if (xDir == "right") {6 y# P- f  O$ f% p- m% R
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# h* }# T' t3 ^: M$ }9 @" S         xDir = "left";4 Q5 S* t/ |# H1 j
         }2 i& A. l' w" i
      }
  i3 w' {) J1 M6 L" |2 {   else if (xDir == "left") {
1 d5 ?4 \- f7 v2 k8 ]      if (xPos < (0 + BallSpeed)) {
. X9 B" Y$ P5 ^6 o         xDir = "right";
! _; @, M# ]5 Y7 r( `         }! r  g! y* f; W" Y, J9 p
      }2 |1 r8 |" h& I4 a" b, h
   if (yDir == "down") {" K6 w; }4 R9 z7 L0 a: \' |
      if (yPos > (yMax - contentHeight - BallSpeed)) {+ ?: p0 i$ Q& b, ]
         yDir = "up";  A. K2 s/ [9 j
         }5 j  \% v: T" z- N+ r% `1 [6 v
      }
- C! M0 q! i+ _2 H   else if (yDir == "up") {
: o, C5 g* T6 ?4 t$ X7 q      if (yPos < (0 + BallSpeed)) {
9 d2 h8 p$ Z: g5 z5 J         yDir = "down";1 z0 W8 }6 E8 [5 v* n3 i1 O- s" b( a
         }8 T* ]: n5 W* Y2 p( [3 S
      }
# h- [' p: }; v   if (xDir == "right") {
: `/ H4 y* P/ n      xPos = xPos + BallSpeed;
4 I8 q7 ?7 l& Z  f      }
& A2 r: b, T* w) \; u+ |   else if (xDir == "left") {' u) o8 ]1 Q" @' t: o( e( ?0 U
      xPos = xPos - BallSpeed;
8 L4 E2 J; Y9 o" }      }4 \9 {3 u) J, Z
   else {# R  U( Y5 S5 \0 [
      xPos = xPos;
/ t& w- Z! U7 H' p% F      }
" e& |7 e* O; H/ {0 u7 H   if (yDir == "down") {  D9 u1 F! s8 e7 I% e
      yPos = yPos + BallSpeed;$ U- H3 `4 _5 e* J4 n( R
      }
; n, Z4 L- U' v4 ^5 q5 X   else if (yDir == "up") {
( ~5 c: y7 G# k' R+ j6 \( X: l      yPos = yPos - BallSpeed;
7 w: Z7 Z1 ~+ T* e/ O. K" `      }" r  c) q: Z6 }0 a
   else {8 ]4 C& w; m+ J, s
      yPos = yPos;
- |/ [2 b4 c; C+ D& [( }( S      }
/ ]0 c  X$ X, d/ d- C  e   }
& X5 n) p! U$ H. E" F1 M
6 w, j) b1 O! i$ c2 Qfunction hidetext(){
3 x2 u  j* r. u  D& e8 wif (document.all)
8 V7 }% A; Z; r+ V7 esupertext.style.visibility="hidden"5 u: ^. B  S* F# p1 r8 F) r  R
else if (document.layers)
! e# c& y/ r/ l+ \4 t2 S3 J4 x9 Fdocument.supertext.visibility="hide"
2 G. R" I  y# \clearTimeout(animatetext)9 d- g+ P- S+ e% w
}# V3 o9 w+ F# _7 d' F
! F, E, i2 w& \5 `
if (document.all||document.layers){, e! q6 t. x. @! e2 ^8 V8 G% I' r, @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& E/ D) c4 }# [8 T1 y9 L
window.onload = initializeBall;7 l* y+ P5 j0 c
window.onresize = new Function("window.location.reload()");
1 b1 y7 \3 \/ V5 q- C4 t}6 Q. z/ \# U4 x3 N# v

: p3 W- A4 A, W" I7 M9 C* g1 m</script>