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

zw2004

<style type="text/css">6 A" c  S' b, F; J) O
#supertext {. W( L7 X: r# }2 F& @% k
position:absolute;4 ~8 Y3 e) P$ G2 u9 @$ f" b' ]+ B6 r
left:0;
$ i- W+ J* F7 H$ L5 x$ K: htop:0;: |4 o1 f$ X" \, w& L
visibility:hide;
, O9 n, s, D/ P; r- w+ l! uvisibility:hidden;' v1 ^% l" y7 n: H$ j; x
}* {2 K/ }6 a! k) c+ \
</style>
6 E3 C3 r( X+ k1 k5 e<script language="JavaScript1.2">+ O  [/ ^. B* y; j2 L% S5 C
<!-- 改变下的字体的大小。颜色-->% }% y! a/ c  S/ Z% T( ]4 k+ R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# Q2 w$ K6 e/ M: Qvar hidetimer='';; b0 n* X2 h9 t6 C7 d
<!-- 改变下的弹跳速度-->2 g2 \6 r. @; l2 |: @8 ]1 T
var BallSpeed = 20;
6 }5 g' z9 v4 k( j5 I8 s; v2 xvar contentWidth;
! c& q9 Y) n  u% e+ |! ?- D# y2 hvar contentHeight;
8 h2 a) G# H- v& {/ G+ j5 ~& tvar maxBallSpeed = 50;% o0 B2 ]# O1 O+ _

  a  p8 C7 m0 i) d  w
8 t7 R7 n, \# a7 A/ J  z6 n8 N1 Gvar xMax;- ?0 q: a4 r. Y, c, I- u
var yMax;! h$ R; ]* j+ \, N: z
var xPos = 0;- X2 G* |& J( m
var yPos = 0;2 y/ \6 @& }- J4 V) M; d
var xDir = 'right';7 C6 b  D8 k! O* W8 T) S6 E
var yDir = 'down';) T" p" Q6 G! z+ P, V
var superballRunning = true;( J/ |4 K! N; E* M3 O" M
var tempBallSpeed;
6 u, n. _- \, U& Z  Uvar currentBallSrc;
2 X% k+ B0 Z; R* [6 Z! x3 ~- W9 xvar newXDir;  s* d0 c3 ?0 ^, M3 W
var newYDir;% k# w, X9 C* y
- }$ m) q5 ^3 v2 v5 J
function initializeBall() {
( T- L; b3 U! I" j+ z+ R   if (document.all) {
- \1 G1 L1 {+ p      xMax = document.body.clientWidth
8 B) C: T9 s: T2 d( B' ~4 H      yMax = document.body.clientHeight2 L2 D; Y! O: |+ D0 c
      document.all("supertext").style.visibility = "visible";  k1 X/ ?/ [7 L8 n( u" T' m
      contentWidth=supertext.offsetWidth
! A9 G( k9 c; z* K) O0 y      contentHeight=supertext.offsetHeight# N" Y8 a0 m6 J5 q. h
      }
' Q" m4 I; x9 f9 y& |   else if (document.layers) {( k/ ~. F8 a3 h8 T/ v) M
      xMax = window.innerWidth;% U' U- a' S8 {9 i9 q9 ?
      yMax = window.innerHeight;
5 s# o  a8 _+ k. w; ?$ l      contentWidth=document.supertext.document.width0 d* F! x1 D  ^0 c" {: f
      contentHeight=document.supertext.document.height  a( r2 ~$ `8 R- z* ^
      document.layers["supertext"].visibility = "show";
# `5 w' i9 y. p' t- z      }
  c6 x+ r' g& y   setTimeout('moveBall()',400);
: T+ P2 ~" J- e   if (hidetimer!='')8 z% U: ^, g# H9 ~3 ~
   setTimeout("hidetext()",hidetimer)
& v* R5 R( ~2 ^# G2 _3 W$ k- _   }& G+ f6 o" F$ N3 P1 h! [

  R5 ]5 j: {& Y' g! efunction moveBall() {5 L7 V8 T- a' S' w" g
   if (superballRunning == true) {) K9 p, j1 X$ w/ b
      calculatePosition();
" ]% r" k" L6 n1 S' z5 w& {& m      if (document.all) {
% T8 p- y# n$ `8 E         document.all("supertext").style.left = xPos + document.body.scrollLeft;, ?/ `& P4 n" [
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 y  \0 T) T* S- a, D5 q
         }
4 Y4 b( e) N! v9 d4 x      else if (document.layers) {
# I7 L" D. e0 R7 u9 U# S- r         document.layers["supertext"].left = xPos + pageXOffset;1 l/ ]3 i& `! d7 M* J3 L
         document.layers["supertext"].top = yPos + pageYOffset;
* d- a( y/ q; L! C; F% {4 v         }! y( L( t$ A% U% X0 u: j
      animatetext=setTimeout('moveBall()',20);
- D' Z: J# K3 G! l# @      }
" r; J2 O( \( f6 g* o3 s   }# i1 L. e3 r% m, S3 t. W' i, q5 z

" m' k6 @! J8 a6 s. dfunction calculatePosition() {; _- ~/ T) j6 Y$ v$ ]9 }
   if (xDir == "right") {1 d5 t; Z" h. P1 h% m2 k1 u4 U% |/ r2 D
      if (xPos > (xMax - contentWidth - BallSpeed)) {
' E/ I  ^; j$ O         xDir = "left";
! @- Y4 U/ j( T4 S7 Y         }
% J1 v7 J4 X9 f) N7 _      }
; j) h2 w; ~: |! v0 z: c   else if (xDir == "left") {
4 e  d. X' N/ A' r( l6 w      if (xPos < (0 + BallSpeed)) {
3 `8 P+ P# J# W# M4 R7 A' i9 l( ]         xDir = "right";! m- D% y, y- P
         }# q7 m. [$ N0 |" D1 `
      }
4 g4 O+ o/ K$ j, ^7 E' U   if (yDir == "down") {
. A3 w1 R9 m) C; T6 W4 K      if (yPos > (yMax - contentHeight - BallSpeed)) {' I* C3 P/ z3 R$ m- B! k' @" p
         yDir = "up";' o0 Z4 n% p4 _+ W2 E& e4 w" M0 a& i
         }7 f3 G9 r$ a% c1 m7 L" b- C
      }3 t& x- T) U* m" u- h
   else if (yDir == "up") {
) Q2 o" `, H0 y, N" e      if (yPos < (0 + BallSpeed)) {
* X6 C8 M' D. C' H         yDir = "down";) h2 \1 C: }$ N( k$ f
         }2 J1 R" `2 u8 b$ V) A" W
      }7 v- i! e3 l  s
   if (xDir == "right") {# N) ~3 m" Y/ n! a' S) e
      xPos = xPos + BallSpeed;
5 G- t$ u( G4 D, O      }& x1 d) y, _& S+ j
   else if (xDir == "left") {% T  h7 y, v% _# V3 I' ^& p0 w- J3 C) j
      xPos = xPos - BallSpeed;0 W) [6 g' y: d$ {& f  ]5 f' J
      }
2 E& h3 F) [  K9 ~   else {
, x% V" k) p  X# l4 l4 h      xPos = xPos;
- O& R9 V' Y& G5 E4 I7 f      }
' P& z5 M& o  ]# ^   if (yDir == "down") {( ?& O9 u4 N4 ?" X% u
      yPos = yPos + BallSpeed;
$ [6 a' L" v! a$ M+ g      }
1 `' q  A2 i$ x6 v   else if (yDir == "up") {
1 r; t. B& h* s! {6 M7 H      yPos = yPos - BallSpeed;
$ G. d' h+ ^. c' |5 {3 b      }
( c& j. t) D" _( C7 {   else {2 z4 X2 R' [$ {- P5 i
      yPos = yPos;
( @; u2 B$ A6 y: k      }
2 b- ]' ]5 ^3 r( K! ^1 t   }
% ~8 S# y5 t1 T" S; z# O! q  G+ \1 k
function hidetext(){8 b% s% R+ E8 z, L- U$ [
if (document.all)
0 C6 Z' Q; }3 U; @8 Lsupertext.style.visibility="hidden"9 ^/ _; H6 R) K% e7 v9 |
else if (document.layers)
! R# }$ S& i; c% c* adocument.supertext.visibility="hide"9 r% ?) }0 b5 O4 G, m3 D
clearTimeout(animatetext)' g8 J  `; V1 E" X
}
2 C# a/ C  V  C
! L) e2 h# ?1 P# Jif (document.all||document.layers){
& L; a4 K$ t5 `, N, e* u( @8 Z8 f/ W9 ^document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) a& g, h3 \  j  v  b5 S; S: e4 z
window.onload = initializeBall;: u, H* Z0 `& V; d- f
window.onresize = new Function("window.location.reload()");3 Y' C# `# A* b: S# K4 R
}
+ F" B9 \; ?) |0 `- A) s) j; A
</script>