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

zw2004

<style type="text/css">. l- W! u6 P8 L4 a( t6 c& G! S
#supertext {4 ?7 k0 H  R. U; O" u1 W
position:absolute;% l- R1 G7 c' P& R6 E7 ?- l
left:0;
0 Y! ?9 G' o* M2 ~" g3 _top:0;
6 j- |' Z* \4 tvisibility:hide;+ A8 [0 W4 W4 C# K
visibility:hidden;. [7 T! {% p8 N7 |: ^7 d. F
}
6 l! N$ b9 B1 l2 i0 F4 o- a</style>
5 \: `/ N6 j3 P<script language="JavaScript1.2">
( B9 x. Z3 [" D( O2 `/ x4 [<!-- 改变下的字体的大小。颜色-->7 m3 E0 M& |) t
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 l7 g' A2 q& ^' t/ c1 gvar hidetimer='';8 K) o+ L  P& |3 q! J
<!-- 改变下的弹跳速度-->
& P9 c- O6 R( U, U0 {var BallSpeed = 20;/ U" d" P0 x( @# b" V, S  y
var contentWidth;8 h% G; f$ O0 X( Z$ E7 D, W
var contentHeight;
+ j6 v  E2 Y. R3 a9 fvar maxBallSpeed = 50;
4 L4 T8 u5 m: b0 p) v% z' P
- S& i+ d# Q* q( g1 G) u: J& \6 Y  P7 k5 y6 \7 U
var xMax;
' m  ~4 P7 C- E9 n/ P& Q/ S0 g( pvar yMax;) E2 z" S9 O3 [5 I7 d: k
var xPos = 0;
& [# l+ q) t/ O' A  ^var yPos = 0;, H; w% A  @( |; Q% [& V' H
var xDir = 'right';/ A+ j- k1 t, I+ r0 F
var yDir = 'down';
" _, B) P4 B* ]var superballRunning = true;
! V% ]9 N  Q* A( U# g4 R5 fvar tempBallSpeed;' n( ~& o* E# @7 k, U
var currentBallSrc;; T) W+ T% l+ M1 k+ ?1 O; ~+ q7 ~
var newXDir;& W6 v8 J- @0 O
var newYDir;
6 Y! }  o# f: L5 t6 }* m# x. a% ]# ~  ]" K/ i6 G+ `, k/ C
function initializeBall() {* j7 v2 F$ [7 I& ?; X& n7 e, L
   if (document.all) {
$ a0 T3 [5 _* E2 p/ ~0 K      xMax = document.body.clientWidth
/ V: g/ I) G- D: R      yMax = document.body.clientHeight7 y/ e, Z7 ?& {
      document.all("supertext").style.visibility = "visible";
6 v3 W: x( \: }: E" y      contentWidth=supertext.offsetWidth
6 P6 p2 l0 v4 Q& B8 E5 a% S      contentHeight=supertext.offsetHeight$ f* [: E2 K: Y& U0 A
      }
) D1 Q& F+ O9 f' x8 t. n   else if (document.layers) {
5 F0 c8 O  t2 M6 c$ F      xMax = window.innerWidth;. S! I+ M) o6 h% q4 c) {4 j  r) x
      yMax = window.innerHeight;3 B2 Q( Q+ y- Y5 |3 D
      contentWidth=document.supertext.document.width) [1 o1 b- L2 ~3 e1 L$ z3 S
      contentHeight=document.supertext.document.height
2 I" d) i* h0 t  e      document.layers["supertext"].visibility = "show";
- C# D2 d5 I% o& R- f" V, A      }0 V4 ?- m$ t  f6 F% L7 @  j$ j
   setTimeout('moveBall()',400);
8 w! m7 A2 C" }   if (hidetimer!='')4 U$ a' `7 x2 J2 m) Q! q6 @7 W: R
   setTimeout("hidetext()",hidetimer)
- @% J' }6 S1 S3 j+ P$ @   }% S: I3 h( u( ^% U, s
( h$ R1 R5 T/ ~! h3 [9 U
function moveBall() {
6 S! U; b6 V) W5 ~4 c   if (superballRunning == true) {9 o  Z8 z' N) h6 E6 A
      calculatePosition();$ u9 L& e2 Y- ?, c
      if (document.all) {
6 G  e7 r/ f4 X/ ?! f! S         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! B& G+ T; A% B2 f" d  T         document.all("supertext").style.top = yPos + document.body.scrollTop;$ ^/ ?. R1 f: M5 G. j
         }
: b( D( ^/ J& s, N      else if (document.layers) {
( D3 W1 A" M( `0 n( @7 Y         document.layers["supertext"].left = xPos + pageXOffset;
( G9 m& b; ~% D2 q* [- Q0 X, f         document.layers["supertext"].top = yPos + pageYOffset;# a4 T+ J/ X. n+ A% L% d
         }/ y( u) Q! c2 d3 p
      animatetext=setTimeout('moveBall()',20);
4 `& v- k5 t! y& A- w: D( X: F  d      }3 {- H5 T- r' m$ f' U
   }3 b! \8 I' c; P" T! e+ |! [0 x
! I* r7 p$ |' x5 {
function calculatePosition() {$ ], F6 X$ }5 ~' _
   if (xDir == "right") {
# v5 I6 x! L, P( N! A4 K      if (xPos > (xMax - contentWidth - BallSpeed)) {' B# s; g1 v+ z4 n, i
         xDir = "left";, t5 o. ~! u2 L* q: B! f! J
         }
9 v7 v! Q! D- \3 W, X      }) P" ^$ q1 A9 x# s- t8 Y) D  w: v
   else if (xDir == "left") {/ h# p8 ]6 V8 r5 `
      if (xPos < (0 + BallSpeed)) {
, S- K& \: k5 s9 ?1 p         xDir = "right";- J; a3 ~3 e2 E0 x# v' Q
         }
4 h8 s, P6 K( r+ T9 ]* O8 d      }4 K, H" k" L- N  C5 \
   if (yDir == "down") {0 P6 N4 O/ X& e+ M, E+ _* w6 V
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: |3 u; V  Y% D3 E' `         yDir = "up";# V7 G' X+ v1 h; X- ]
         }% Q5 B2 O: P$ q
      }( l8 Y0 {6 ?6 M9 m7 V" w% m
   else if (yDir == "up") {
' X2 k+ E* B$ K, t/ T      if (yPos < (0 + BallSpeed)) {/ S3 t, c* s$ `
         yDir = "down";4 S. O. z" R9 _3 H0 \$ }6 a
         }
6 v/ S; Y5 G" O5 p1 X* @      }" B- l" k- w4 H0 i0 j7 m# S5 X4 ?
   if (xDir == "right") {
4 W: B* ]7 v5 T' |- s      xPos = xPos + BallSpeed;
: d2 Y1 F8 V( `  w# X0 P5 `. |1 q      }7 j3 a5 H0 Z4 y! ^3 C0 m" Z9 J+ a
   else if (xDir == "left") {
7 W- X& |, R8 A' d! {      xPos = xPos - BallSpeed;- ^8 k4 o! N. C# o. O) U
      }
- q2 E$ v1 D9 J& \+ J! F   else {. K( d% n8 [2 K! V. ]1 }5 Q
      xPos = xPos;
2 A0 x5 q# a2 C" r& K" u+ `      }
# p) n! t3 f- k- T' G$ D   if (yDir == "down") {+ }. P& S/ t( x, o9 k
      yPos = yPos + BallSpeed;- S- Y: O) }2 f4 ?( D
      }
7 f3 B/ R, T! ]- S9 P: j# l! O   else if (yDir == "up") {
; [# B: t  X. A      yPos = yPos - BallSpeed;
; u% j3 N% A7 Q- ?      }6 v( j. e7 o  M: A. G& {$ _
   else {, X% ^! G! _/ V8 L' `
      yPos = yPos;
( }0 y- n& d0 y+ {) f8 {* C      }; Y8 F( |: ^/ s5 ~
   }+ n6 q+ |9 Z. s2 s
: ^, r, n5 x. ?7 U3 V/ [
function hidetext(){
8 D5 u; y, f& J! R: Yif (document.all)
( W. y' q- X0 ^3 d0 x  xsupertext.style.visibility="hidden"" |! p9 W& t: c* D6 X. g4 {9 L
else if (document.layers)
3 k! [8 O1 L  o% _! q6 q! ^9 z/ ~document.supertext.visibility="hide"* r& J8 z+ g, E: r7 p9 ^
clearTimeout(animatetext)
# R. ?8 E" N& d. @}
* U3 `8 d7 m( c* q: P
* V% ?# l# s7 U4 vif (document.all||document.layers){
: {5 K3 O* u. q8 M& `# pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 @9 ]4 c& m3 a& Z& j0 M4 _* q( V
window.onload = initializeBall;% i+ S, \4 ?- O- j1 E5 z3 ~
window.onresize = new Function("window.location.reload()");) }* g! {( \. F& G! ]+ P0 `
}
1 O  ?2 j. D3 n4 i
. ?0 S. I$ C8 u/ c) V4 D" L' W</script>