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

zw2004

<style type="text/css">
" {3 u) h+ ?1 D8 E0 J) m1 I#supertext {
1 h( J% p0 F: Z4 `- z* V& Rposition:absolute;* P2 N0 E0 I- `( m
left:0;. I$ T( f( M9 l& e; y
top:0;. `) E$ r6 B4 H2 Y) m
visibility:hide;6 O7 R! N$ N1 o; k8 [' V$ b! o
visibility:hidden;5 v, J/ f! T. p. {$ ]! @6 c
}$ H7 a* a1 P1 `6 S  `! G
</style>
- ]- b- M6 D" I0 l<script language="JavaScript1.2">
4 F& S; y  f( z) [3 X7 D<!-- 改变下的字体的大小。颜色-->  J/ ^3 ~' h- [; f* e3 I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 I$ q. @2 f  H$ s% D. e
var hidetimer='';
, a4 {" C2 H& \  _<!-- 改变下的弹跳速度--># C( }1 J# G, ~$ S$ Q
var BallSpeed = 20;
1 P/ q. _7 Y/ ^2 D: _! R8 {var contentWidth;
9 o1 Y& ]9 g; V! b" V/ Y! x8 Nvar contentHeight;5 h) ~, J/ A6 f0 h/ d0 W
var maxBallSpeed = 50;6 I( o9 q, e: F+ b: G

& i5 F# o; L7 {: b$ x! V0 P1 ^% {. p* q7 l3 y7 t+ s& N
var xMax;
3 W! N4 f4 _3 }8 ]: wvar yMax;
3 v: L+ [4 o7 Z. s  ]5 U: i# r0 Evar xPos = 0;
1 T# l7 x5 J( T9 S1 ~# Bvar yPos = 0;
( U+ D  G1 c3 zvar xDir = 'right';, u) r+ s1 W9 u5 C/ l
var yDir = 'down';3 k( ]0 w! ?  ?7 u
var superballRunning = true;$ Z8 {! a2 z1 r0 @
var tempBallSpeed;
  z  O, u+ M8 t7 e; L: ~+ Kvar currentBallSrc;
+ p  S5 p. u* Z* v5 hvar newXDir;
" A1 `& D4 @. Cvar newYDir;" C, q/ d8 b( b# J

" Y5 e7 H: p# n" B" ~7 d% R% `function initializeBall() {' ^4 t2 O' T+ g3 y3 |- L
   if (document.all) {
1 g. b0 D) ]+ U$ o8 q; e* m      xMax = document.body.clientWidth2 P" J5 M; [0 R( M# Y5 _; [4 k1 t8 ?
      yMax = document.body.clientHeight
, m5 s: O  H, n( Y# K3 }6 R8 C      document.all("supertext").style.visibility = "visible";
' p! j& S. E; Y/ K) q      contentWidth=supertext.offsetWidth+ ~. n5 k6 W+ V! G7 |
      contentHeight=supertext.offsetHeight
+ F& t9 S" I1 W( ?0 m" K      }3 S& h: f2 O* q2 l
   else if (document.layers) {
. D% n: g, y5 l  u. H3 P      xMax = window.innerWidth;* T( T( d# M! X  [* f
      yMax = window.innerHeight;
; ]7 v. D  b+ |2 c" Q3 `' A      contentWidth=document.supertext.document.width9 ~, V3 b, P, G' U9 U1 U& B& G
      contentHeight=document.supertext.document.height- ?8 U' R8 J5 ]( Z
      document.layers["supertext"].visibility = "show";4 S4 H' G, o# P+ _  J1 O# Q
      }
5 ~" g: M/ W1 |* i' c/ Q: W; `" E! R   setTimeout('moveBall()',400);
' m* G& U( P( X# m+ r3 F# i   if (hidetimer!='')5 I& F% i+ J9 H7 {) E; T/ |
   setTimeout("hidetext()",hidetimer)
( O4 L5 v2 J  l0 t: f" z, V   }+ e( F7 V5 J5 e/ p1 f% J  N

% c" Q% t- A; x7 z2 x+ Ffunction moveBall() {; J# @1 E& M; d
   if (superballRunning == true) {8 m# J, ~' `* }" M
      calculatePosition();
$ x1 k% D& z7 L      if (document.all) {! N$ i2 m0 d. I, ^8 Z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" I9 y* p1 `1 T$ Z
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) C3 k! h2 o7 }7 h5 Z% i         }
8 T. ~6 f: M+ K" @- _, w      else if (document.layers) {
+ z$ t  Y) r4 D, D3 L( h3 B( ?1 A         document.layers["supertext"].left = xPos + pageXOffset;
0 ^, h( h2 ^5 t; m8 e         document.layers["supertext"].top = yPos + pageYOffset;! z& z: L- h" z/ Q0 K* b
         }0 g6 O, K- j( R9 B  F
      animatetext=setTimeout('moveBall()',20);; F0 s9 r1 B9 H8 H% `
      }
! A; h7 `) x% z% [# H   }8 O$ S" Y  g4 `) Q1 [9 s
% e7 ]7 H0 G/ X7 I' {% b. s; u
function calculatePosition() {
5 n" q4 T; |; j# \$ e   if (xDir == "right") {
) m' i9 x$ k- E: k0 Q4 [* s      if (xPos > (xMax - contentWidth - BallSpeed)) {
( }0 \+ H3 B, J! w3 |         xDir = "left";
' i5 o; k2 ]$ h& _7 M0 u9 U         }
8 F- H3 n6 ^6 t" ]; q& r      }
: x! g& X1 L/ \" V  w" N. M) T   else if (xDir == "left") {
! h2 z+ {- ^0 F8 O$ F# X8 }) l6 b3 @      if (xPos < (0 + BallSpeed)) {
7 @: O6 d" w" N1 a5 f8 h% }* o3 o3 E         xDir = "right";
) \8 c3 Z; o& S) t7 g         }
/ F+ ?# a/ {& |2 T      }
0 a0 j% H" z; q7 N3 T3 g   if (yDir == "down") {
: s+ c% ?8 y; M8 K# u      if (yPos > (yMax - contentHeight - BallSpeed)) {; p  w  @- X; f
         yDir = "up";
. P0 z2 p& c1 A/ k         }
1 w1 H$ U( S8 S3 ]7 M+ e& q# ]      }0 o6 ?; [! |& m1 ]# S8 ]
   else if (yDir == "up") {
! H& l+ V& A7 l      if (yPos < (0 + BallSpeed)) {
$ r$ m- `6 y6 k: {% m* _& I- O/ h         yDir = "down";0 J( n6 A: m1 t6 P6 V
         }1 o4 J9 A* c$ f0 V
      }6 X$ H1 w* D& g$ P' l
   if (xDir == "right") {' Q+ f" Y+ C! I
      xPos = xPos + BallSpeed;* r) m7 S' b+ w% q" Y& o: e6 c
      }
# m6 V1 E. r, C   else if (xDir == "left") {2 d9 p+ l$ V4 N
      xPos = xPos - BallSpeed;0 E9 h8 @2 M- r3 `7 f6 s
      }9 u6 j, U8 i+ ?% }2 ~
   else {
! }- ^/ K, l& A- |' v8 ]5 K. x      xPos = xPos;0 D: s7 ~: M! T# _8 G% c
      }
0 d+ ]0 ^" r7 U2 U   if (yDir == "down") {5 t' }* d; B" }( N6 T, d) u
      yPos = yPos + BallSpeed;+ c) z* n: H. @7 y4 w% x9 {
      }, |8 X, n% z5 H$ p& C$ ^
   else if (yDir == "up") {8 G1 f% U# ~$ [; S
      yPos = yPos - BallSpeed;
6 g3 R. s. L% h7 b      }9 r& ]1 j, d# \
   else {( q' _4 I$ C1 G. E$ ]$ }3 m1 L4 P
      yPos = yPos;
' n4 a6 x) h" T+ t6 h# m9 ]      }
' q- O/ E) }; G1 m) w$ w   }
) C* i8 k9 y) m8 m1 m: g: ?# q. h2 ~; B% i  f% [' M
function hidetext(){4 y1 G, p( s: V! M
if (document.all)/ G* n4 h$ M6 v6 g
supertext.style.visibility="hidden"$ O: u3 B  V1 l2 l
else if (document.layers)0 U' p9 g7 e% c  P6 G, g/ _
document.supertext.visibility="hide"% S5 C7 p: {4 @$ o  c5 S
clearTimeout(animatetext)5 @8 L. e* w4 z) S' u& Z
}" M" C& z1 m: s  o/ l" M
/ E0 O& d  v, n& T4 d, g
if (document.all||document.layers){
- n! A* N; R; B+ tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' _8 p* S$ }) |2 _1 J  kwindow.onload = initializeBall;
( c' e5 g$ V# k) q: k  G4 [! owindow.onresize = new Function("window.location.reload()");3 @+ m! g: a4 X7 l- f# O2 J
}
- E6 L) F7 H; H7 f7 \, N  G2 s( _' D/ P  L! P
</script>