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

zw2004

<style type="text/css">
( Y  W: I# V4 W! o) C2 A#supertext {
: u! O  ~3 [5 i8 q( Fposition:absolute;+ w! Z7 ^* D+ ~+ Q% ]# ~
left:0;2 o4 F- p  W5 o- d* R! _% X9 N
top:0;0 h. l" @  R0 T9 Z& H
visibility:hide;
, A. A% u4 E/ o* P# G; l2 E  `visibility:hidden;
+ M9 q( g( q. q! y6 A) f7 ]9 j}5 m# m2 g$ ]) Z- S
</style>5 l* d; K! M: ^* U6 d1 j9 O
<script language="JavaScript1.2">/ N( Y/ r9 ^, I# I: \4 d1 s+ N5 t
<!-- 改变下的字体的大小。颜色-->
( I. r# u8 T6 a) ~, G7 xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ g0 v  Z# N" t" fvar hidetimer='';
9 Y/ g! Q8 V6 \1 Y' H% n! ~" R( u7 C) p<!-- 改变下的弹跳速度-->  W. x: ~, [( w* h
var BallSpeed = 20;  `6 R# l1 y$ i8 b8 X4 p
var contentWidth;; R& U4 e: ]( h: l2 B5 \
var contentHeight;$ X4 a; x3 ~# y* `* l
var maxBallSpeed = 50;" Z) w4 B1 b8 G0 c% u

# H! V+ b* f1 Y8 X) b
8 Q" I! d- z( M# Xvar xMax;( k) `( L7 {! g. {, q6 A) ]: m  ]
var yMax;
; x# B8 {4 _3 W1 Lvar xPos = 0;; p3 q. l) l9 I
var yPos = 0;1 T1 n) D* X9 D1 ?
var xDir = 'right';6 ]8 H: s' U0 d, d7 U/ X
var yDir = 'down';1 N# r; _7 S; E, c6 q
var superballRunning = true;) ~, v% `7 |& Y) b. }! A$ p
var tempBallSpeed;
5 Q6 }) n3 k  E. N1 Avar currentBallSrc;6 o6 @4 P* G/ L3 f
var newXDir;
  y4 q3 v5 P! g7 |7 ~8 ]% v6 b( wvar newYDir;
- w! |% o3 L. S! l; K0 m6 N$ L- }" x( a$ ^2 `
function initializeBall() {
, w% b  Y. N  U) d) e' B   if (document.all) {# B4 C; G) H' V: Q
      xMax = document.body.clientWidth
8 X; u4 p/ `7 Q9 V. r+ W; Q1 O1 W      yMax = document.body.clientHeight
6 d4 u; Q- ?" ?) h1 I1 x, t* o      document.all("supertext").style.visibility = "visible";$ y! ~5 o( F& D
      contentWidth=supertext.offsetWidth3 N1 L' _) D3 K! N" o# I9 P6 ?
      contentHeight=supertext.offsetHeight
- q7 R0 p+ y0 [. M& g      }
- i7 G& b; o2 a   else if (document.layers) {; z; a7 j5 ?1 w# F
      xMax = window.innerWidth;
" g0 {: ?4 y1 w2 v4 F      yMax = window.innerHeight;
+ |# K% J' t& ~3 f      contentWidth=document.supertext.document.width$ w  _: D0 c1 F0 \$ t( z! c
      contentHeight=document.supertext.document.height, N6 V# h/ r/ b) h# v( b
      document.layers["supertext"].visibility = "show";# b9 d$ F0 }6 G1 ^, y9 g
      }
; O3 s- d9 V/ d( u3 n   setTimeout('moveBall()',400);1 p: W1 m6 i, D" |
   if (hidetimer!=''), k6 W; Y4 T+ F9 ^4 y
   setTimeout("hidetext()",hidetimer)
8 x9 A) A$ I3 }3 w. T   }
4 W8 B5 v6 ^, d2 i% h0 C' F& e: q" M  ~+ e
function moveBall() {
. {& L: P( a# h9 R$ n/ Z. d( c/ \+ n   if (superballRunning == true) {
+ A9 J0 I& K1 Y& f      calculatePosition();( f4 q% v$ _0 t# V: C' ?& C
      if (document.all) {3 o; R2 x+ I+ ^/ q( H4 K8 R3 n! n# {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 s( q5 L! s9 I! _* [7 E         document.all("supertext").style.top = yPos + document.body.scrollTop;
" C/ C$ s4 L( q1 B         }* J! }( S7 ^: j* A/ z
      else if (document.layers) {
( Z  v8 h4 h6 E. ]         document.layers["supertext"].left = xPos + pageXOffset;
0 L+ J6 y$ H' L! S, }# _* @' ?6 d+ Z         document.layers["supertext"].top = yPos + pageYOffset;, L: \8 |' p7 A4 i+ L
         }
/ y8 P7 X' i# }1 `      animatetext=setTimeout('moveBall()',20);
, k0 h$ P) `2 x! B, I      }
# }# M" o& }+ C" R7 R   }6 c& @1 _5 e5 @; D" O) u

7 r" K! V8 h7 T0 D. @  xfunction calculatePosition() {  y" }- U* f" _1 ^
   if (xDir == "right") {: |7 @/ A# r! f. b* L
      if (xPos > (xMax - contentWidth - BallSpeed)) {  A% [+ C" i2 ?0 E" ]
         xDir = "left";
. z6 W3 ^3 p( t; r0 ~/ s         }$ u' E  }4 X) D- O8 q
      }
$ e8 S: [, C$ c' h4 ?   else if (xDir == "left") {
  R2 G! I. i1 f1 b2 s4 L" ]% Z      if (xPos < (0 + BallSpeed)) {
/ f/ Q6 ]# F* l3 g% \( z         xDir = "right";
7 w# z% H$ G9 m5 O         }& N3 m/ o: \% |- r* G" D6 o" l
      }8 v! B* n$ E: |/ j
   if (yDir == "down") {- W8 k! R. o+ R% [' J6 y
      if (yPos > (yMax - contentHeight - BallSpeed)) {( q$ y2 t6 z! u. D$ {6 T
         yDir = "up";# D9 a6 o6 N! ]5 q
         }
1 L  }+ @, t+ D" U  r/ h      }% n0 Z$ t: Y% `" C$ |, d& m- _
   else if (yDir == "up") {
2 X6 }# R  _) Z: S      if (yPos < (0 + BallSpeed)) {
9 y0 s& w3 a9 N! K5 n/ q         yDir = "down";
* i" [1 X0 d" h+ R* P1 i1 @7 P         }
5 u. r' k8 ?+ r8 f7 k9 v0 U) z      }- C) r* {$ A5 {1 g* b  J* r' \
   if (xDir == "right") {. }! h* `1 `/ v2 d( O! _' f7 }
      xPos = xPos + BallSpeed;) `7 }' K) }0 f3 {/ I% K/ g8 V
      }" V0 F8 V" A4 W; x- r, k
   else if (xDir == "left") {/ q: k/ Y" l$ c& E- f$ ^
      xPos = xPos - BallSpeed;
. m+ F0 S. e* o/ M* {' j5 H8 e      }
) P7 X' N0 R, i& [   else {: C) e* @) _5 {, u5 v
      xPos = xPos;
- {$ J$ @. k0 n      }, e" `$ ?/ c+ u
   if (yDir == "down") {4 S: U  [, z, A" \6 H! x! ^/ g* T
      yPos = yPos + BallSpeed;4 D. j  f; L4 m: Z/ {
      }8 x; p9 _* _) U+ _  A' e! i# C
   else if (yDir == "up") {
$ F- }8 Y# ?/ X/ I7 ?- v      yPos = yPos - BallSpeed;" L0 w* I1 K- O: b' V" w3 H
      }
" b5 D9 P0 I- @1 b  \   else {
% w! d8 G6 A& }( Z      yPos = yPos;8 D) p+ q9 S3 ~
      }
- R7 c# _# {3 `. i5 j   }
  j! s& B* u& E- [
7 Z0 G  B- R: K, Vfunction hidetext(){
! d5 ]) _! A. d( k+ Z- C% tif (document.all), ^. s9 d* m2 H0 b! K% {
supertext.style.visibility="hidden"
/ V) C8 h1 N9 ^% A0 d  Nelse if (document.layers)- ~  F: l. i# d# [! K1 `
document.supertext.visibility="hide"
( [/ x) e. A% W3 A+ HclearTimeout(animatetext)
5 P8 s1 T2 L! F6 {; r0 b6 b) Q$ a}
; y+ H% c0 j7 D+ h  v4 A# J* P( D, _. F
if (document.all||document.layers){% m" }& M. \' }  L' o/ B9 L0 c4 S
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  K5 C1 [; b( Y* c: P  E1 Y! \% C
window.onload = initializeBall;- w# i% O8 e" J( x5 s& S9 y& C
window.onresize = new Function("window.location.reload()");
) ]( U2 t9 Q/ S}
$ R3 I6 d0 ]: v* i/ o9 ?# p- q1 u6 s6 {2 [2 U7 Q9 `2 Z- z
</script>