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

zw2004

<style type="text/css">
& {) E, ], j  d7 N2 W#supertext {
5 M8 {# L& y1 Y0 }! y7 w1 ^position:absolute;, L; p# }: M. {; R3 i! o' O; u6 Y
left:0;1 p& C' `# i5 N3 C: G
top:0;2 ?- c  |: U% j+ K3 w* K8 S
visibility:hide;. A+ N% m4 A" d: `; C3 }
visibility:hidden;
+ }$ X% A) m. \. h" u7 w}9 z, ^. U7 c: M3 f5 {) {
</style>( ^" u& R9 ~# }$ e* u
<script language="JavaScript1.2">
4 T: f2 a8 _0 R" ^<!-- 改变下的字体的大小。颜色-->
! }0 ]( @  c. t4 Z: X4 ]6 hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 I- R5 }( w4 S9 T
var hidetimer='';3 r* }, p  m0 P. [! ~/ ]7 H
<!-- 改变下的弹跳速度-->. c! X9 n+ m. E  ~3 H
var BallSpeed = 20;
+ r( P7 m1 s. z& e: t. P& nvar contentWidth;8 m! z) o- l' c3 D
var contentHeight;
- Q; ^6 ]  C- u( r% qvar maxBallSpeed = 50;, Q. u& g4 V2 H: q& P

  Y' c0 ^) r- p1 H% f6 ~  f; L! T# s, }$ `" O) o6 r. n' I3 `
var xMax;
$ M( D+ p' o1 u$ J# f2 N7 ]var yMax;5 _. ^# e7 {$ z
var xPos = 0;
' P' n5 u: S1 j( Q7 [var yPos = 0;
7 @$ u+ e  [8 V* cvar xDir = 'right';
. Y" F6 U4 d+ d1 i* a  A" a4 N$ Yvar yDir = 'down';
) t) k3 H' K7 q8 l8 @8 R8 \) q% \var superballRunning = true;" }# E! B! ]  f; z
var tempBallSpeed;
9 M; q/ F0 p! E" ~- cvar currentBallSrc;% e4 `9 G8 `7 d/ h+ D1 M
var newXDir;
8 C& }+ P+ v. t, `1 svar newYDir;2 k) l# V+ h$ X  A6 p

1 ^: R; q, a9 K8 D1 V$ f6 Y( ^function initializeBall() {, q' g; b# m6 b0 l! s3 _: t" m6 N$ L
   if (document.all) {
. W5 ^, K2 X& Z6 _$ a# Z% a6 D6 o" C      xMax = document.body.clientWidth& J- k& K! j! B3 V' @, E7 }
      yMax = document.body.clientHeight6 T. C0 |' h7 p# m7 R
      document.all("supertext").style.visibility = "visible";
$ Y$ o7 ?% B3 k2 Q      contentWidth=supertext.offsetWidth1 S3 d* J' i+ B% w0 w) O
      contentHeight=supertext.offsetHeight* F% ~7 L1 A1 }+ `
      }
% A8 W/ Z% x( |5 Z% ^   else if (document.layers) {
: z, [. w7 x. g& ], y0 G/ Z      xMax = window.innerWidth;
4 K/ }# x) ]' s' s6 T" R3 a      yMax = window.innerHeight;
2 m3 j1 U2 l: J0 Y      contentWidth=document.supertext.document.width
& V, D3 b" r& \1 `      contentHeight=document.supertext.document.height- M- p, R9 [0 l' [, V# D
      document.layers["supertext"].visibility = "show";
( e" x5 S* D4 v" ?      }
/ ^7 U" J$ N6 \+ p   setTimeout('moveBall()',400);2 L& ?) ^! O& f4 n  p
   if (hidetimer!='')' z# @7 [8 m( i& X( n
   setTimeout("hidetext()",hidetimer)
2 {8 a/ ]; Y- ?( Q6 y2 U   }9 V- h0 L! v6 m! ^2 g1 m9 g/ F$ n
5 V' t! c* I, P/ k/ o# U1 U$ m: G
function moveBall() {$ j8 L. D: N! q+ D* X5 D7 x/ Q
   if (superballRunning == true) {% _# N- i) k' Z5 D' _7 f3 W9 X  _
      calculatePosition();
! M# v1 L1 H1 T' z      if (document.all) {
. m- B# w  S; x9 B- c         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 r# G: N3 A! J9 V+ [         document.all("supertext").style.top = yPos + document.body.scrollTop;
: h! x5 b' m2 u1 \) [         }
3 B4 G8 g$ v) E) g% V      else if (document.layers) {5 d  h, t  j; m
         document.layers["supertext"].left = xPos + pageXOffset;5 B* L6 O$ y: S: S: {+ O
         document.layers["supertext"].top = yPos + pageYOffset;
2 ^4 w9 B5 t* _( t) s         }
% y0 N; b: E1 f, e8 T      animatetext=setTimeout('moveBall()',20);
3 S2 U% I" b( f- X) u$ I! R" y      }! G6 `; |6 [6 Y+ O
   }+ C, G5 @1 m/ g5 R0 F+ u' ~

- v$ c& V9 T9 N& M4 z6 ~function calculatePosition() {
  U: \& Q2 Y4 J! C  [; Y: j5 {# X" g* V   if (xDir == "right") {; v6 Y8 t0 b$ k) T: T
      if (xPos > (xMax - contentWidth - BallSpeed)) {
) C5 t  ~5 d8 D; g) ^5 _! \& e         xDir = "left";- Y0 {+ u! H5 G* H
         }6 v1 X9 [4 [2 h( Q
      }# V( i  e! c& |% @: K) Y
   else if (xDir == "left") {
& K  L% U3 P9 o# M+ w* N" X      if (xPos < (0 + BallSpeed)) {
" N, f- |% B9 W, D) p7 E         xDir = "right";
; c% F# S4 T, z( t         }
' E" w2 n* E# E- b' @  I' ~+ s      }
. O+ ]+ ^+ p5 D' }% ^5 w$ T   if (yDir == "down") {. g: ]6 ~! S4 V- o3 P
      if (yPos > (yMax - contentHeight - BallSpeed)) {' J4 r# k. G3 z' L- u) y) |
         yDir = "up";
9 m+ K1 H6 A# L. o         }( {) y4 m# l- d. k2 I+ O
      }
% s2 P0 ^) l2 B  j, T4 E7 [: k   else if (yDir == "up") {3 g& b' L* H" f' p5 O( R: D
      if (yPos < (0 + BallSpeed)) {
! H+ X1 k6 k* u' l         yDir = "down";% Z" y& f6 D  y5 {9 A
         }; v" d3 _1 o- z5 J2 J3 v' p9 W! g
      }0 C+ C  g5 i; f6 m# x& i3 r
   if (xDir == "right") {
! p2 r+ h1 `+ j. Y      xPos = xPos + BallSpeed;
$ ], O# k5 |5 e, l0 l      }
) M; W# p" ^& g# D/ W" S( Z' j   else if (xDir == "left") {) v  c, J/ Q$ L  ^4 S+ G  w( P/ F# W
      xPos = xPos - BallSpeed;3 l* b/ G. p1 @7 a" r6 J1 u5 b
      }
3 X4 I+ {  H4 {: r   else {- Z8 ]& n: v. v0 g, v4 s
      xPos = xPos;0 j- B  E  o" Q; N! ~2 E
      }. t# W9 `  |4 A% U2 p. m" a
   if (yDir == "down") {! H- V! \# `0 v% s) M+ L0 e
      yPos = yPos + BallSpeed;
; [* P# r9 Y3 C! ^* Q      }
1 U' N, `: q8 W# ^% e* A7 L   else if (yDir == "up") {& K4 `& }- M9 o, f1 t; H) n, t0 o9 D
      yPos = yPos - BallSpeed;
7 k- N4 ^+ h" K7 P' V      }) e$ W, @5 ~3 C
   else {/ u4 j& e+ I" @: ~$ `# X8 u
      yPos = yPos;
( O8 O& D: \9 Q* O! f. p/ _, t4 Q# u      }; ]/ g" {/ m8 s
   }7 ~4 n# a/ ^- I5 j7 e' Y

/ U1 ^% j1 \' H, i. p2 \function hidetext(){" R+ Z/ s# S0 k2 U  @
if (document.all)  W/ j" b: i" H1 F5 h/ e( U* X
supertext.style.visibility="hidden"
  I% o5 d. b9 e. l/ _else if (document.layers)
, p9 B, |) [+ H; vdocument.supertext.visibility="hide"+ C; v( F# L* X7 B; e
clearTimeout(animatetext)9 e* ^; S8 m# f  f# G
}9 E# Z4 n6 K) i/ d, a
  z  R$ U# P3 B: Q7 Z$ D' l
if (document.all||document.layers){
% L) B$ N$ O, s5 c7 Kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& x% V' J" v3 xwindow.onload = initializeBall;) b: ?& `2 K" {! S% a/ {
window.onresize = new Function("window.location.reload()");+ g. v4 |5 y: h2 e; t5 b  M
}
2 ^4 O1 B1 Y, A! a+ i0 n& h  o. {# s% c  a7 c
</script>