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

zw2004

<style type="text/css">
; U! w# G+ |/ o2 ~#supertext {
7 f1 d# w) L$ e4 A4 J  _position:absolute;
' m5 y0 @9 \9 p( vleft:0;
( `- Y- p. e' B4 f  t/ L, l7 atop:0;0 N7 n, W" s1 {9 ~/ J
visibility:hide;- M7 H  F% g  L+ _8 r8 y
visibility:hidden;
' [* a/ o! Y) f6 k4 B}
' d0 }5 \& h. H3 i3 l2 C</style>3 L0 P1 M+ u! [! U! q
<script language="JavaScript1.2">& c* B9 Y3 D" F9 s6 ~, d$ j& s, ~
<!-- 改变下的字体的大小。颜色-->
" f0 ]+ t, {* N1 g2 x' ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 z+ R. p: g/ m# |1 G/ x- @var hidetimer='';, f0 L+ f) A* O; |6 i! s
<!-- 改变下的弹跳速度-->9 A* G) d& W( {; O3 t6 ]
var BallSpeed = 20;
; j, c- u1 N- i  Cvar contentWidth;
" x; ~& k2 [& d: Gvar contentHeight;( J) ^4 J  C4 B
var maxBallSpeed = 50;( k# j+ O3 L, u, C" V

8 r. Z: @$ K$ M3 I* v3 Y+ }6 ]# m9 g+ T
var xMax;; k4 N" O. g6 D$ `3 j) I0 @
var yMax;
7 K( k+ ]! B. Z. ~& }  |var xPos = 0;
+ t$ f& o" @9 C4 vvar yPos = 0;& i! D/ {9 [' P3 _  @4 q! W
var xDir = 'right';7 Z9 {8 H( h: E9 K
var yDir = 'down';  h* j" T4 |, c# {7 y
var superballRunning = true;
; z$ s4 P3 l! ~9 ovar tempBallSpeed;
9 l: b# ^. s- ~: V. Gvar currentBallSrc;
# j! w( D- y3 r( yvar newXDir;1 O4 j, i/ i7 z+ L) T& x( y9 I+ ]
var newYDir;
" ?9 L% s) v: R4 \5 @
7 Q. d5 z) W1 l, V$ t7 L' V. z1 {function initializeBall() {
5 Q6 }$ A% }* R4 }: c& p   if (document.all) {
6 l& [6 K1 t4 y/ M2 C9 J      xMax = document.body.clientWidth
5 H0 ^% T, y9 ?& F( g* `      yMax = document.body.clientHeight, q# U! N) d. a
      document.all("supertext").style.visibility = "visible";$ k/ l5 i4 U6 `& ^3 x
      contentWidth=supertext.offsetWidth5 ]$ V' S# N* x) U
      contentHeight=supertext.offsetHeight
, @3 m/ L, b! ~% F1 z7 E& v5 I      }. ~$ ^$ j1 a* d  v  O. T3 N
   else if (document.layers) {
+ P$ K- A9 h) k      xMax = window.innerWidth;
4 _) a- L: s& G3 u  g      yMax = window.innerHeight;
% K5 V8 A0 ^& R% H- l$ W# x      contentWidth=document.supertext.document.width* {2 a6 Q0 X- J# ?
      contentHeight=document.supertext.document.height5 r5 E( i3 e1 G. |# L* D' t6 }+ n
      document.layers["supertext"].visibility = "show";" I) ~9 u$ s3 p4 }
      }) u, G9 F8 [/ M! C. j! {$ r. p" d( j4 w
   setTimeout('moveBall()',400);: i7 f6 o2 K2 n$ V
   if (hidetimer!='')2 E: T* M$ V+ S) l$ P1 ^
   setTimeout("hidetext()",hidetimer)5 [8 _0 S* m" d& ^
   }
* C3 {5 m1 X: s6 l7 w3 S7 q2 k$ ?2 L% w! _  U* ^/ A
function moveBall() {
/ U1 w4 {: o8 }) s  e6 f8 B   if (superballRunning == true) {& D. @2 z9 E4 r! y
      calculatePosition();
# m& U& w& N2 A/ i$ w# u/ `      if (document.all) {
+ P/ V9 B; w# i$ @3 y9 f2 f" ^( }         document.all("supertext").style.left = xPos + document.body.scrollLeft;( W& A' ~9 n! b% K9 G
         document.all("supertext").style.top = yPos + document.body.scrollTop;- I" A& U5 f5 j) Q8 ~
         }
8 [. ~2 E) C$ Y5 s1 [      else if (document.layers) {9 Z( P% f  {) n) r
         document.layers["supertext"].left = xPos + pageXOffset;. v* P" r9 e$ C2 @7 r/ b/ D; E
         document.layers["supertext"].top = yPos + pageYOffset;2 Q$ y$ y; A$ B3 F/ f! s
         }( z9 c4 N$ V0 V3 y/ c
      animatetext=setTimeout('moveBall()',20);
+ q3 I4 ^. A5 p1 w9 b8 W      }
& B/ G4 o6 p/ o2 ]' `   }2 f1 G, }( t" O) d5 O, E( U
+ G- K$ b2 f- C  l3 k8 Q
function calculatePosition() {
, C% s( ?) w6 @% |6 T   if (xDir == "right") {, y* i5 s; Z+ u
      if (xPos > (xMax - contentWidth - BallSpeed)) {! M; `! C% j  h
         xDir = "left";" D; n9 x/ u/ y- x% q) s) d
         }
' @. t: V8 A7 T, P- S      }% a& ]. _+ l1 R; Y# }  Q2 j9 x$ b9 w
   else if (xDir == "left") {
/ s" N8 B: ?9 a, U) Q% \      if (xPos < (0 + BallSpeed)) {/ R7 U+ j; F2 y& d4 y
         xDir = "right";
9 G/ V$ W5 F9 W3 S& r         }
% _, D5 I2 R8 j0 {3 ~      }
2 u5 E0 k5 K. J9 h5 n) N   if (yDir == "down") {# ]$ ^- ~, F- ]6 j  b& f4 }
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 U+ ]" U; a0 ?: u% u$ Z
         yDir = "up";
: J5 @9 }) M' O  i7 V/ R4 U         }" p+ \3 Y# M: M9 e( A
      }
. I3 d1 A- c, I9 t2 a   else if (yDir == "up") {
: o( L8 Z' z* [  F; ^. d2 P" _. ^, n6 o      if (yPos < (0 + BallSpeed)) {4 d% p0 q+ N, E$ E( e! }: E/ w
         yDir = "down";
/ j& k& C4 [5 p1 f0 C6 g         }
  Y+ P; R6 O1 Y7 x+ W  q& a      }
- m& r! |) q  \" `4 |" m" Z" O   if (xDir == "right") {& f3 a/ @* B- b' l" \9 |
      xPos = xPos + BallSpeed;
7 m8 [& {6 t0 `6 a# ?- m; _5 ?! E& K      }
. H/ J$ p3 m. h" x7 N   else if (xDir == "left") {' @8 }( l# X- X7 C, u
      xPos = xPos - BallSpeed;% J- Y9 o: p9 O* u8 ^9 b
      }1 X9 ?' |$ C, l( \5 ]! d0 j1 B
   else {2 A" z4 o! H2 C* V# c
      xPos = xPos;" [% n) Q  w8 i1 d" Q  p' Y5 L
      }
# U# a4 {3 d  I8 N& k0 `# J   if (yDir == "down") {
5 @' c- R3 }% \# J( A* T7 j0 z+ E      yPos = yPos + BallSpeed;
+ A( d: j8 b3 O9 S& \' d2 k! S      }) l. J. h; V/ O  a' k/ P# K
   else if (yDir == "up") {
6 x7 ?6 D% E3 I% f8 j) K: \      yPos = yPos - BallSpeed;5 s% h* e- A: M) q. Y( Q
      }
# k# o4 u% b3 @3 X7 w& w; u   else {. y% f  `3 N2 h7 c  [+ c2 c
      yPos = yPos;3 S. R! m6 d+ h; F* S2 e& H$ j2 m, w
      }0 y7 @' B- ~, D  i  g( h
   }
/ M; K9 e& }4 }; D/ Z  D& {, Q* o0 l& k& u+ z3 C2 ~! O% O
function hidetext(){8 G$ \4 i7 Q3 Q
if (document.all)5 i' w, _3 L# u4 p+ Q# p8 D
supertext.style.visibility="hidden"
# C! W8 o+ c7 U* O/ Kelse if (document.layers)  `( J3 g  N, l$ w0 b
document.supertext.visibility="hide"- _/ X1 [% W8 W; z+ i
clearTimeout(animatetext)& I5 l. N3 E- F! l* \
}( t) z6 x& `4 T# ?5 ]4 j/ S
" j& B; [0 c1 {2 U
if (document.all||document.layers){
* j) R2 B" J# Gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 j5 [, V) A# O/ ywindow.onload = initializeBall;
& y; \6 A5 A$ N* Y' J; W7 o5 v1 twindow.onresize = new Function("window.location.reload()");
  E& `) K- \5 ^2 L6 T  Y" j' v}: h; k! K8 W0 M6 `/ i

& {  v/ k5 {! t8 c; U" d</script>