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

zw2004

<style type="text/css">5 R) o# s; h1 [. D2 z! y# W; ^1 j
#supertext {! c  {" B  U: N3 G1 n# w# \
position:absolute;; K) m& P- a7 J2 c: J" b) {/ j( ]
left:0;
( O6 F( f. j2 dtop:0;4 P1 B. n! D/ q( u% ~$ D6 _+ g. p
visibility:hide;
" ]  }& U3 a; ]; A5 E# l" A% J) Rvisibility:hidden;) y  {1 y8 i' l2 ^
}
9 }* K. A! x( E+ c' }/ U* M1 q</style>2 }! c' C5 v1 W1 f4 T$ A
<script language="JavaScript1.2">
% Z4 o) P" x5 z7 P<!-- 改变下的字体的大小。颜色-->
- v0 ]( L! e, ?* z7 y2 Nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" O1 ?1 q; J2 C/ L4 lvar hidetimer='';* M4 u8 `$ k8 H
<!-- 改变下的弹跳速度-->
9 s+ u& y8 l6 u# cvar BallSpeed = 20;* H5 }5 A- L1 Y1 h3 \2 w  V6 ^
var contentWidth;
. _6 A5 f; b0 ~0 f. R$ y2 I4 uvar contentHeight;
- A3 _9 _  L9 d6 r) h, Evar maxBallSpeed = 50;# d9 ]- U7 i* p" ~/ Q
( Z. w) p1 {5 k3 t, {# |

! ~( G: y3 T. _var xMax;/ D) F9 F& X8 W  `! f; i( m9 j
var yMax;
. W. R. e; z8 E" n* p3 }5 Zvar xPos = 0;
" Y, w! E/ O6 z* P1 c) \var yPos = 0;
8 h$ |" o. t# i" [: F# j2 Q8 Yvar xDir = 'right';
% Q% {* f! P1 Y- Z- E- k5 u  wvar yDir = 'down';
: E( ?3 W( O, F7 O' v3 Mvar superballRunning = true;. F+ H7 |+ H3 ^, R
var tempBallSpeed;* V2 W$ r" O6 R7 m
var currentBallSrc;
0 h% V0 g, l1 S0 A+ g8 [4 d6 V4 wvar newXDir;
7 P; @) j% _; z2 Xvar newYDir;4 @* M+ W, f  n. e! k
( s! W, c8 Y, S7 I* @
function initializeBall() {5 w& j% A8 f8 s, F
   if (document.all) {
3 m4 A  S  j, \; @/ e      xMax = document.body.clientWidth
' p7 Q5 ?! H8 ?3 H5 z2 o% R      yMax = document.body.clientHeight1 d' M# |1 c1 Z3 y
      document.all("supertext").style.visibility = "visible";
0 P& y# Q' u' S& C! J1 o      contentWidth=supertext.offsetWidth
; \9 W. m& M2 l- N$ U; a: o, D7 l      contentHeight=supertext.offsetHeight
0 }7 C  i! T- c- F9 C+ ]      }
* N9 H: e6 X/ D; O' L1 s; \   else if (document.layers) {
) c6 s3 _  m) e      xMax = window.innerWidth;- L% ~' C2 a* m  s* Z) p
      yMax = window.innerHeight;' m2 J  A# d2 V5 ^/ u" V
      contentWidth=document.supertext.document.width9 C( K# a9 k7 g" [" e) E
      contentHeight=document.supertext.document.height
0 `# F" a$ T8 u: O2 O& R      document.layers["supertext"].visibility = "show";
' k* [$ |5 d7 ~( r      }
1 t! e! o  P; z1 @2 b( I   setTimeout('moveBall()',400);
) M: t+ u3 X- H; q% O   if (hidetimer!='')4 L+ F. C; U! |, G1 r
   setTimeout("hidetext()",hidetimer); y  p/ J% [) C' e2 H# A
   }( P2 c9 X6 w9 J7 S. z  ]

. v: E7 ~! H& m( Ofunction moveBall() {) I) d4 H: z% d6 P# z
   if (superballRunning == true) {
" Q/ q# F) q5 L" _6 p$ f      calculatePosition();
/ A; e( ~# i9 x! Q      if (document.all) {" j, X1 r4 J+ \, E; s
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ k8 K. Y$ r. n  `0 R! }         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ ^: h4 c1 Q/ U( @- v         }
( p5 v5 S6 O$ L, ^- s8 L2 g, b      else if (document.layers) {1 f# D: s1 [) f5 c7 P& B
         document.layers["supertext"].left = xPos + pageXOffset;, g8 r) L5 `5 |  a3 I9 X
         document.layers["supertext"].top = yPos + pageYOffset;
% j; }& a4 g3 Q' {/ G, A+ x7 D. m7 H         }% O' f- x2 n& r  X
      animatetext=setTimeout('moveBall()',20);7 s% |+ {2 @. ~0 `# T' j% i
      }
) b0 C: b$ {6 [   }
3 z6 y+ ?, u1 S5 {; W
  ^- }: U  t* U$ I" i0 Efunction calculatePosition() {
& e5 l4 r  H2 y* @0 N   if (xDir == "right") {
3 H+ z! u! H5 P1 F4 `1 D* P      if (xPos > (xMax - contentWidth - BallSpeed)) {
% N4 f6 g! m3 h* L* }3 @8 B) \         xDir = "left";
% z* U, v2 ~9 O5 O! L4 g6 v         }
' T3 ^# }4 @* D      }+ f2 p$ j0 G% |) y
   else if (xDir == "left") {
# P6 _& d1 c; \% V8 [7 E0 }      if (xPos < (0 + BallSpeed)) {
1 v; G  f7 E4 A0 C7 E$ K9 ]* O  w         xDir = "right";3 K- `# N6 I/ [( Z5 ]
         }
* K- O7 A' C# [* O: I      }0 m9 q) o. G2 v7 \9 x1 P5 R
   if (yDir == "down") {) C  t! O/ u! H6 i$ l' s- K
      if (yPos > (yMax - contentHeight - BallSpeed)) {
, C& i' e# O" E! z! D3 R# C3 O+ B         yDir = "up";- l0 Q( T" A4 f* Q9 v# c$ j
         }8 n# v" V1 r- ^$ S5 W
      }
( k$ y6 c- V+ }0 H: @, o. I   else if (yDir == "up") {
. M; U9 U7 p9 P) Y* q      if (yPos < (0 + BallSpeed)) {! }& {( O1 R4 ]& m
         yDir = "down";
! Y" q+ O, l5 i2 y         }
4 Q/ Y8 d, H* w  u( N9 U8 i  [      }
9 {# t% O- t) ?; |$ w) a) \: O0 b; ~   if (xDir == "right") {8 r1 Z$ ~% R. y; P
      xPos = xPos + BallSpeed;
2 G4 y* P) i, q4 B; [) P$ Y      }
7 p3 R& b( z% q% H5 [. h   else if (xDir == "left") {
: C1 \, j( f" Q: B( u, B7 I      xPos = xPos - BallSpeed;- C5 i5 Z) y' ]8 b
      }1 ?6 L7 F' ?  {7 t* T: U- r
   else {$ I4 S- @$ b6 k9 G
      xPos = xPos;
7 m$ m; R, G" _& c( x3 I      }
' C  Y% h; }  U   if (yDir == "down") {
7 P- W7 m, u5 i7 M8 Z- e, `      yPos = yPos + BallSpeed;  P8 _: X# l7 v6 t1 G2 R0 `( F
      }4 }8 ?$ ]6 L2 F1 N4 s9 T/ K
   else if (yDir == "up") {
7 H0 E6 [' {; S8 }% j      yPos = yPos - BallSpeed;
% l3 P! x/ {  P6 `2 ^      }
4 x5 o" f1 h. L' z8 @   else {
: \1 ]& D$ v- |3 b0 s      yPos = yPos;" @5 C( \* u0 ]3 j+ o
      }) T' l: f" A2 W' H/ j0 h7 p
   }6 o2 Q7 E# p% B& _: U- Q, g
1 \  S( O, k  g: H2 Y9 D0 u, Y
function hidetext(){
" B; ~( W0 c: `6 v  J" nif (document.all)
' T+ Y( E7 q6 v* w3 L0 g0 N) Rsupertext.style.visibility="hidden". ]2 d# ?* K; b3 X
else if (document.layers)
. V6 x1 c; ^$ a4 ^: c1 Wdocument.supertext.visibility="hide": m/ D; ]7 `( e6 z
clearTimeout(animatetext)& w6 R5 i+ d4 ^/ I# Q) u. |
}7 n8 O- b( C; a- F/ ?! }( ~
5 ~; l, Q3 Q: H, ^  C6 ]
if (document.all||document.layers){
  M: M  M) a% N. cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  D9 d% ~8 B; I% xwindow.onload = initializeBall;
+ c, M' X: }4 P# U+ T% uwindow.onresize = new Function("window.location.reload()");
* @- ~/ J5 w" H% a) @( ?; C}# v2 x/ e$ u3 i9 }

+ Y2 B- w( [/ z1 ^* Q. j</script>