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

zw2004

<style type="text/css">8 Z' e5 T, Z; n; y, z; G  E9 e/ t) H  `
#supertext {8 y) i5 K: f: s; Y" S
position:absolute;
% B( q8 ^$ [& w5 r! cleft:0;3 q. }/ s4 t) E; F% V- _" l2 z7 b8 O
top:0;7 @2 e$ i1 R/ K! t/ r( d
visibility:hide;4 Q: p+ ?$ v- P/ T9 w& _
visibility:hidden;# `2 @& ]" g2 e* p$ _: o3 G
}, [( x# N9 }4 s$ o+ x: R- e! A; }
</style>9 ?3 d9 z; L9 ^, |6 H% ^
<script language="JavaScript1.2">
, p. f; L, d# Y/ o7 T* T3 n/ t<!-- 改变下的字体的大小。颜色-->
/ ?* a, i/ F) R7 z2 H" Fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ J' a5 V6 F/ V, G& `var hidetimer='';+ w! x7 T# `& k* |
<!-- 改变下的弹跳速度-->, x2 a/ V/ D) j! U+ u3 x
var BallSpeed = 20;. j# P. ~' O, [, s% r
var contentWidth;
( P/ U- x, `2 Gvar contentHeight;( R. V, R+ f4 \
var maxBallSpeed = 50;1 N' F3 n& i2 {0 `3 A- m" j# _5 ^
+ U. C' G0 _6 N: A

9 O8 h8 P3 V9 D; d8 Z+ i( ?var xMax;
  X2 q! l# D8 o9 ivar yMax;, L2 v* q6 T7 x) V
var xPos = 0;
. C/ T& a0 ]3 Avar yPos = 0;0 X4 Q! S) B- l) r% F
var xDir = 'right';. y( t0 l2 k# ^$ b" d6 R- r3 C
var yDir = 'down';2 {# A' J. ^% V7 P5 v3 R
var superballRunning = true;
* I1 g) L7 L( L1 Nvar tempBallSpeed;
6 s4 n0 C; Y6 U8 N- ^, {* m3 ^var currentBallSrc;
, o( v: N1 J3 \6 i2 w% ~% Tvar newXDir;
4 B% `/ M3 N1 r" Xvar newYDir;
. e$ b. t, x$ E; k" F4 L
$ s) w/ _3 A% s( J$ ~function initializeBall() {
6 H7 P( ?! |7 ~   if (document.all) {, c0 o* v  I5 N8 J7 y3 S+ ?) U5 W
      xMax = document.body.clientWidth: L' r& H1 D/ g& ?
      yMax = document.body.clientHeight+ o( p" g/ j' ^% ^% m& H$ ^1 s9 J
      document.all("supertext").style.visibility = "visible";/ m/ T$ k. [- v% U2 V% i( V
      contentWidth=supertext.offsetWidth
: F9 G& N; E! p/ j      contentHeight=supertext.offsetHeight8 h8 W: {, t+ Y" m0 ]
      }( p6 s+ @! A/ }5 `6 `# ^- W+ Q
   else if (document.layers) {) u$ k7 q& {6 i& `5 }: o
      xMax = window.innerWidth;
3 L( @4 o" e( n: ~9 r      yMax = window.innerHeight;  m8 N! \1 P/ w' w! B( I
      contentWidth=document.supertext.document.width8 x0 }5 }' ?: V# i/ i& n2 u+ ~
      contentHeight=document.supertext.document.height
' x# g3 w. T1 k2 ~8 y; B/ z      document.layers["supertext"].visibility = "show";
; k' b  m6 e3 j8 k      }! b8 S0 C+ O* x/ [' q1 o
   setTimeout('moveBall()',400);' m% G+ U3 e. U3 h3 n
   if (hidetimer!='')
% ~# |! M7 y) @5 [% B! z   setTimeout("hidetext()",hidetimer)) g& k2 }8 ~, D) o
   }
5 y: w6 r  B" U  p4 C* [1 z+ s" Y1 E, ?) {! P5 G, c7 _% r
function moveBall() {8 J9 J4 w' h! r
   if (superballRunning == true) {
2 a) d0 a5 H, n9 D8 W      calculatePosition();
" B" J8 c' U1 `8 @( y      if (document.all) {, K9 Y2 P1 P1 s; O4 D6 v; m
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 `* F8 Q; X9 h8 [+ X1 \9 p5 M         document.all("supertext").style.top = yPos + document.body.scrollTop;
* e! R0 U4 j: e6 J2 w( V; N         }+ f% h/ B1 B5 t) D/ t1 I: f
      else if (document.layers) {% l1 D. F$ Z; g  S- G
         document.layers["supertext"].left = xPos + pageXOffset;6 C( I( o2 g( g" Z8 q0 E2 H
         document.layers["supertext"].top = yPos + pageYOffset;
- \$ U" J1 ]3 `& J+ s& v         }' e' d/ G- G  |# Y
      animatetext=setTimeout('moveBall()',20);2 i# F( H/ l4 v! w
      }$ K& x- d2 ^2 ^$ S
   }
* O* h# p* O% I4 O' t
3 ^7 q2 g/ r0 X/ B. F5 K" ffunction calculatePosition() {
9 }0 T  ~0 K1 p$ H" d5 t& E* w$ A   if (xDir == "right") {+ w4 T9 T4 E0 O# [0 `6 J% U0 q  L
      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 q; i  @% j3 L5 @* b         xDir = "left";# ?/ e6 j& E* P8 a8 M4 R% p; {1 i! v
         }
- _8 I6 n: A# E9 d3 y; F/ l      }
% X% T0 r/ C6 c* J8 T( S$ j8 f   else if (xDir == "left") {
1 L+ t0 d: C7 }      if (xPos < (0 + BallSpeed)) {
; y% r( ~  Z7 v         xDir = "right";
3 J" d6 k+ F5 F2 k         }! {. i6 G% ]  s* O8 F. @
      }
5 j3 u% o4 ^" g3 E- P   if (yDir == "down") {0 B+ N1 y. F+ O( W2 K( w# j
      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 Y' Y  h( k" V! e         yDir = "up";
8 Y; O' d* I6 t* w, o' V% {         }2 b% I, }6 x8 C5 C- e0 u: }
      }
* S  [% [% L* I/ H( \   else if (yDir == "up") {
* ?% b6 @7 |( b0 Z% E& H4 ?# ^. n      if (yPos < (0 + BallSpeed)) {( v' Z+ Z7 q: l! r: |
         yDir = "down";" l8 J6 C5 @+ S' n4 A) q
         }. h0 I" }: I# A  F
      }3 {+ G5 u7 }6 h! V6 Y7 k
   if (xDir == "right") {
% N8 g3 h2 f" p      xPos = xPos + BallSpeed;
% A( {. A- m9 Z1 G# V      }
) E  I  m* A; r   else if (xDir == "left") {
( {' h! {. L2 G  w) U+ n      xPos = xPos - BallSpeed;
$ l2 _3 {  ~9 Y% `0 s      }1 F7 v7 Q+ J3 r0 o
   else {
4 e: S) H' Z2 N; `- v3 g: `4 Z      xPos = xPos;7 O# z- _( J7 a* l! L9 _& k# N# K/ l8 x
      }
0 I$ M% Z% ^. D5 M: G# h   if (yDir == "down") {
0 F) E9 O: P. p/ a      yPos = yPos + BallSpeed;
) U, `+ [5 @1 A" m& X! O7 Y      }, V' @) ?( I: ?# K5 ]& t
   else if (yDir == "up") {
, Q. ^' o) y  j; f2 G# N# L      yPos = yPos - BallSpeed;
- `' T# X7 ?' [5 _. _2 Z! a5 D2 v      }
  x- W6 x: f* D5 ]* C- A   else {% f6 A- d9 `/ d6 N
      yPos = yPos;$ C0 o; p$ p: X
      }
- A5 A- [8 V& b& U  u   }8 [0 T/ K7 U+ V" x
( V5 F- D& m# k# A5 M
function hidetext(){
/ G  [' a  J, ^4 u7 q+ fif (document.all)" J4 v% v1 |4 M. v2 z. c5 \
supertext.style.visibility="hidden"; V. ~8 i$ Q* r0 b; \% v  x
else if (document.layers)! b6 p9 A, _; x% q. z0 b+ u
document.supertext.visibility="hide"! Q( ]$ {) |: ~  w
clearTimeout(animatetext)3 b# G9 U3 y0 `. Q# P, q
}! s  B1 K) r- x' K$ E/ k

. B* G: b+ C4 r9 S, |- Vif (document.all||document.layers){7 ]' G" Z6 L( W6 [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: X. P5 z/ K; p) T4 m4 mwindow.onload = initializeBall;9 ~* ]4 v% f7 w- w$ f
window.onresize = new Function("window.location.reload()");* ^0 }" p( g; Q6 G& w% ?
}4 U6 S, ]0 b" p& y! v# ]
" `' [7 L" Q; ]
</script>