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

zw2004

<style type="text/css">
5 i; G; }- b! I#supertext {. }& H+ d; p' p, }
position:absolute;
7 ?: q& B0 y; E2 T# ?7 E8 q" I3 f+ Gleft:0;
2 K: R/ a0 k' s  Ntop:0;5 y# o' j% E0 {; C& x& R+ x/ M1 O
visibility:hide;% l; z" k' l/ T) [  _
visibility:hidden;
8 H9 ]- u. [5 s  _" ?7 g}7 a- l, b6 T# X% H  @" f; a+ t/ Z" E
</style>
6 j  }( h4 q+ R<script language="JavaScript1.2">
: ]& M' u' o3 F+ Y0 `: G$ H<!-- 改变下的字体的大小。颜色-->
1 u1 Z5 B' j- S1 Jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) A+ \' d7 i$ s- A1 dvar hidetimer='';
( z8 X5 Y; M2 k) P<!-- 改变下的弹跳速度-->; N  i6 D) y* J) Z( o
var BallSpeed = 20;
! U5 L& m8 X# fvar contentWidth;. n7 D5 o3 j9 ^0 y
var contentHeight;
3 V1 |1 |( a& o+ zvar maxBallSpeed = 50;9 L! z+ I2 }5 q

) [' N& k( C0 O5 B# X% m; T% H' z! o8 r' W+ I
var xMax;
/ o. S$ V: \2 o7 pvar yMax;
) {% }% K: }4 rvar xPos = 0;
7 J3 o' R5 v3 X! s4 b6 cvar yPos = 0;) r3 e0 W- k0 @1 ^! x
var xDir = 'right';
% t+ v7 r, ?4 q9 @9 rvar yDir = 'down';
2 m" ]8 d- e7 p; {* ]var superballRunning = true;; Z8 B/ u% N  b2 \
var tempBallSpeed;
1 b7 i4 ~$ I7 F# V9 k# k/ Nvar currentBallSrc;2 L# s% G. n$ \0 L4 l9 _* a
var newXDir;7 l0 r  `1 _. x5 g! X
var newYDir;
! n9 r2 c0 t5 ]1 X0 v
) L0 I1 A9 N8 Y" g$ @, m: bfunction initializeBall() {2 b: N3 d3 Z8 n
   if (document.all) {
' T8 B) e4 m- m$ a8 U7 t' _      xMax = document.body.clientWidth
0 P- W5 S8 U, g1 _1 P# [      yMax = document.body.clientHeight1 j( Z6 O6 z* `/ L- R% U9 L: p8 r. H
      document.all("supertext").style.visibility = "visible";
# T  f- [0 u7 G8 _" U' O      contentWidth=supertext.offsetWidth
) x! u' y- o9 b4 g1 J      contentHeight=supertext.offsetHeight8 ]0 v. E( l/ d. ]2 H  {0 y
      }4 v# _, c5 S% Y# c, W; d: k6 p
   else if (document.layers) {* w( q% p6 J. t1 @" M
      xMax = window.innerWidth;0 X) @% R- o. o# E! C5 ~) j! L- Y
      yMax = window.innerHeight;
1 G& ~6 Q, v/ [$ u( y      contentWidth=document.supertext.document.width& B; X" j9 i. q$ I! X! t
      contentHeight=document.supertext.document.height
# i. P6 p# @: h+ C& {  t( @      document.layers["supertext"].visibility = "show";& Q. B1 x# n' n# Q* U4 |
      }; X! ?1 w6 v: S  F% g. C
   setTimeout('moveBall()',400);
" ~; d: t; s" `8 `: u   if (hidetimer!='')
# f8 G: ?) n8 e4 L% ~6 d. K  G   setTimeout("hidetext()",hidetimer)
+ m/ w- y) T9 h8 Z8 M   }; w; v$ u- R( I+ `' j$ C1 e: q

# K2 c. S! e: ~- W, v6 Tfunction moveBall() {
# N8 F' @( d$ |   if (superballRunning == true) {$ v2 n/ K7 a+ A
      calculatePosition();
3 I9 s) Q0 L; ~( a4 y, O& r      if (document.all) {0 r- w! {  q  ]
         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 I; |7 Z6 k. j. c/ q$ w& ^
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 e  K& C( Q; g* I# M3 x         }
7 [  q. t" \+ \% d      else if (document.layers) {
/ S% j& k  l9 P5 Q* H         document.layers["supertext"].left = xPos + pageXOffset;
  C" z) k) H# ^. W6 U4 m/ K. a0 Q8 R         document.layers["supertext"].top = yPos + pageYOffset;
( F) T7 D! w' d0 P+ m         }+ N# _" K7 V9 I" O* n% ^5 q
      animatetext=setTimeout('moveBall()',20);+ m9 a( \1 m3 O+ W+ m; H3 D
      }8 o$ `, c+ w4 J0 ]
   }
/ V* @' b' K! r; I1 U8 l+ N4 f0 R
  v6 `8 o3 _1 m+ _function calculatePosition() {
% F, e8 O* p6 \* A& U   if (xDir == "right") {& K% z4 _6 G, ]& _* x
      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 F' `) t+ S3 w6 `$ C" I2 I- ?         xDir = "left";
! i% H/ s( a) J6 j, O4 I7 Q         }
" D. ?9 f% C- M# `% H) J/ F6 r$ b      }0 Z/ c- X+ d0 @5 P' n
   else if (xDir == "left") {
5 w$ ~5 U- l  j) y      if (xPos < (0 + BallSpeed)) {
" ]; C2 I$ ~0 p# s! r/ a1 Z' g         xDir = "right";. l2 I  r( U! ?% m$ X( b( i
         }
/ N+ j: p3 ?4 ]+ H      }
$ U" z4 J  n6 H1 R: [   if (yDir == "down") {
+ X( B7 i/ x  s, y- d* m      if (yPos > (yMax - contentHeight - BallSpeed)) {* G  ]8 r3 s* e! N: G! S
         yDir = "up";
4 H4 |+ b' T3 c         }
+ t+ c3 |& _' T: d( F      }
5 c6 z2 w+ B' b$ z- a0 j9 r& T   else if (yDir == "up") {9 Q& C& @1 F# a
      if (yPos < (0 + BallSpeed)) {+ J: d* F; s1 c8 `& r
         yDir = "down";
5 Q' N: s4 K  W1 @" c         }+ i0 M+ y% D6 B1 X  K1 p3 R
      }4 K) R4 c/ g' E" |- J- H
   if (xDir == "right") {
+ i* Y5 s+ }$ T* Y' D2 n$ t      xPos = xPos + BallSpeed;
" c% p$ m8 K; P; ~/ N- G      }
! G9 M) N' Q. y! f& c- ]   else if (xDir == "left") {
" A3 E$ K! q# R% K  P/ r7 n      xPos = xPos - BallSpeed;
  N( ^. J3 T! Y1 u2 v1 b      }& g, I8 O% O6 N5 b, R5 D
   else {  ^6 ]- [* |! H4 s; |( R
      xPos = xPos;
. o/ \9 z! g/ [6 ?' l( G      }; [8 ^9 [* n5 M6 c' q9 I
   if (yDir == "down") {. a, S  k! A" n- D& H( O: y( d2 ~3 T
      yPos = yPos + BallSpeed;" N: f, o% A3 r+ d# {
      }
3 e% K0 K: x5 N   else if (yDir == "up") {% @; f, y& z. g1 E; M
      yPos = yPos - BallSpeed;. u$ M# b( S0 V& ]0 D6 v
      }* _9 ]; p( R  U6 }5 D
   else {/ m# N7 E# @" m
      yPos = yPos;
! l8 ^0 ]% e3 W. @" j) Y& e! L      }
. I6 G/ m  z1 K  R% {   }
2 H$ c9 V8 D0 ~
$ l" P3 H; l5 x/ }6 pfunction hidetext(){( N5 c- o8 ?! D# R& _& _
if (document.all)1 \+ b. g2 ^7 N4 X- i0 f
supertext.style.visibility="hidden"7 ]! B  n) n0 e% U6 Q
else if (document.layers)
; W1 L$ T" [* k5 G0 Q  A) i$ tdocument.supertext.visibility="hide"/ ^! \' t7 D9 ~; M
clearTimeout(animatetext)$ C% g9 M/ c4 Q/ e8 f' p" y( }1 i; b# ^
}
, P" a9 c2 }: V8 F  o3 X+ ^4 P% o7 L* p. h
if (document.all||document.layers){
! n/ Y( c7 Q/ e) f! Zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ {$ h/ o: `5 v  G! X: g5 m
window.onload = initializeBall;
) o" s7 C0 [+ C; Cwindow.onresize = new Function("window.location.reload()");6 v; v! q( V, t  W# ]& A! r2 G
}3 V0 w& P: o1 u* i6 D
" _. o! P: V" K& ~7 C4 k% A! l
</script>