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

zw2004

<style type="text/css">7 j" B) i4 r) q/ F9 E/ |' C, ?
#supertext {% ~( F' ], h' B$ p3 M0 X( `
position:absolute;
& A$ C+ i, `( G9 X( A4 pleft:0;8 P1 W' g; ]. z; g7 A
top:0;7 n% F; M" i. r1 x
visibility:hide;
5 v8 S: j% ^8 I: ?( p  m, v5 _0 pvisibility:hidden;, O* V. N% t7 z/ s" N; P. \
}
" {1 s' S# |5 f. I</style>1 j  B7 i0 g- _4 p
<script language="JavaScript1.2">
* `! V" q( D( l$ G/ `<!-- 改变下的字体的大小。颜色-->  C; i) W+ B1 e7 K; R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" E2 D! d  ]2 |- D
var hidetimer='';
5 j/ T% c6 h! x* |: F<!-- 改变下的弹跳速度-->; ]/ J& c. l" K0 m$ z. ?4 ^- _
var BallSpeed = 20;5 Q7 s) D+ K  l% l5 ]
var contentWidth;( D2 ~( y* c) S
var contentHeight;: g1 R5 v5 }7 n# j2 I- }
var maxBallSpeed = 50;; }5 b& b6 q# M2 ~; b

8 n% p! a7 h9 a, ?! _7 t8 m+ o2 K
2 T+ h% U/ m5 M; O2 s( ^" zvar xMax;
' f$ z9 M+ `2 ~; A$ avar yMax;2 d2 I' k+ h& |( y
var xPos = 0;
2 W: W# [  W: q5 Z" Y8 kvar yPos = 0;
6 @! F0 S; ^' N' ~! P( k, h, O: wvar xDir = 'right';' K& @* d1 V5 F( _* W
var yDir = 'down';
4 l( i) l+ j& `& H) p8 c. t. W1 ]var superballRunning = true;
0 k& x5 p! n) B9 t3 jvar tempBallSpeed;' c5 K" A5 n5 ?, N5 X$ H/ x/ B
var currentBallSrc;9 S  S. Y7 `) x7 J& z2 q! h0 r' D" O
var newXDir;
3 r) [$ o2 D7 u- S- S9 d5 `% S9 f& [9 J' Lvar newYDir;
4 s8 C9 G: `* l( e" L6 F. z/ G0 \7 V/ B8 F
function initializeBall() {# D9 F7 R1 M  X% V6 ]& p* Y9 U
   if (document.all) {7 ^7 Q7 _5 v# }5 M4 b6 ?% J
      xMax = document.body.clientWidth4 j& H% _; u* ~$ E8 G# Y
      yMax = document.body.clientHeight) U4 {( d# |$ L9 E& |
      document.all("supertext").style.visibility = "visible";
8 m( @: l$ t9 s      contentWidth=supertext.offsetWidth
' N1 |; }# U1 h: i; ?      contentHeight=supertext.offsetHeight
/ g! r1 D6 G% Z4 P3 n      }
- r7 z4 ^' @0 f) |, {   else if (document.layers) {2 P. }& a2 ^0 c+ P! L
      xMax = window.innerWidth;
, Q% o8 ?3 i+ v4 H6 X. K4 f      yMax = window.innerHeight;" C& t- }1 c1 I" i, o- N
      contentWidth=document.supertext.document.width
3 q2 K7 s6 y5 d/ }7 `1 Q' h      contentHeight=document.supertext.document.height
0 g, U1 a8 R  K( r6 _- e+ d      document.layers["supertext"].visibility = "show";
5 e! Y: f8 o5 ]- w; I0 g      }
3 A: r$ \3 }( e9 x6 |+ g5 P  ]   setTimeout('moveBall()',400);, S7 ]# `  K/ g' |: n7 _  G# c
   if (hidetimer!='')5 m$ ]/ t6 I( r( k* n* ^1 C7 c
   setTimeout("hidetext()",hidetimer)+ L$ A; x: x' x1 _1 L: Y$ P5 W
   }6 l7 C% M) j0 g: p3 s" N* b
6 H: S$ B8 E0 G$ ]- ~# J/ n) M
function moveBall() {
. P, ^) l4 @; I% c. p/ D) y   if (superballRunning == true) {
# ?- k% M" `1 R$ {' S- B9 ~# ^) `      calculatePosition();6 Z+ ~( i( C% S2 ~
      if (document.all) {
# [% A5 J2 a5 i! }) V* p* s         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 ]" }- G) k5 K. ^6 ~" M0 [         document.all("supertext").style.top = yPos + document.body.scrollTop;
! r5 i' L% E! K8 h! g, [         }/ C( H# X: A( ^' ]4 p* `
      else if (document.layers) {
" @  o( }3 C, R1 n- L9 H5 D         document.layers["supertext"].left = xPos + pageXOffset;5 ]8 t( z9 i# \& X& y) w
         document.layers["supertext"].top = yPos + pageYOffset;, ?1 r: U( R9 q
         }
6 w6 U) q3 E; G* e: |& H+ ~5 v' X      animatetext=setTimeout('moveBall()',20);. O1 l* R. O- O. J4 J1 R: _
      }, z2 B+ |' `8 C9 K2 z
   }2 D) B1 O3 \6 M3 @+ b
0 b* Q$ U* G! I! v! n8 w  J
function calculatePosition() {
2 T: C: A- M* ]  a   if (xDir == "right") {* f6 o3 S0 R& z* @& F# S" O
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 A1 }" [/ p5 R3 q2 b         xDir = "left";* C+ J; x! a( j1 _6 i
         }6 F( l* e$ E# W( T! Y6 s
      }. ^4 u* c* O) q% ]6 O: J
   else if (xDir == "left") {$ d+ e8 V1 B$ z" O+ |& y2 J, l! e2 p. e
      if (xPos < (0 + BallSpeed)) {
5 f3 p8 f  P' k% [! A! _! Y$ |         xDir = "right";
+ p6 D: _8 {& H1 N( W% [         }
4 G$ B" ]( m0 {' j, E# M      }
8 c% _3 f+ H# V* _& a3 W# ?# V   if (yDir == "down") {) \' E' m  O# h% B- l- D0 Q
      if (yPos > (yMax - contentHeight - BallSpeed)) {* K  C) [/ [' H
         yDir = "up";
/ j5 ?* A2 e' b5 V7 V& V% @         }% S2 W5 q* ~, W% O5 W' E& y
      }
+ h3 B$ ~5 r5 q7 Q5 B   else if (yDir == "up") {
8 V# y( l* L6 B/ U8 R" K      if (yPos < (0 + BallSpeed)) {& M" h0 Y& t, z/ S1 a) v3 X- r$ W
         yDir = "down";) b+ K# I/ Z8 x* I" l/ C
         }
* S: C# x* o( j0 y/ ~) C5 {$ R      }
, j- {3 i# h) _   if (xDir == "right") {
3 M6 a5 N% j7 E) a      xPos = xPos + BallSpeed;
, Y" V1 y% i9 A* o! }      }
: E% ~# @( C, }" r6 {" s   else if (xDir == "left") {
# {6 }0 E1 P0 _6 _      xPos = xPos - BallSpeed;
! ^  l6 |- D5 F      }
  L% x: J0 R! i, ~2 s' ~   else {
+ W- s( E, s4 q      xPos = xPos;+ a! C8 N: z; f5 O( A1 j
      }" o% \1 w" l7 a! [$ B
   if (yDir == "down") {" g% ]! K( K' L: N0 I# z
      yPos = yPos + BallSpeed;" v8 u+ I# s# {+ @8 L9 e
      }9 J, ~/ f) |" X' y8 }9 ?+ X6 t
   else if (yDir == "up") {
/ H7 I( @: P1 E" o- L      yPos = yPos - BallSpeed;
, r* }9 f8 i$ |0 t8 P      }, R* E; _8 o* t1 h, `
   else {
) s8 j& U: [3 A      yPos = yPos;3 }0 h, z, S1 _- c7 P6 t( Y, o
      }0 q" Y. i/ M: o, ^
   }
, Q# N8 s; N/ l2 j/ t# }7 ?5 k$ q8 b% K" s
function hidetext(){( d- d% l* X$ K. `# @# {4 m
if (document.all)0 c  p) p. \2 e" H8 o
supertext.style.visibility="hidden"8 L5 F! Q* r/ y/ U. ~9 x$ Y
else if (document.layers)& g, g- D% j8 h( U/ |
document.supertext.visibility="hide"" z* G" E6 C/ Q- v
clearTimeout(animatetext)& F5 e+ r' @) `* s# r
}
; S3 q7 l2 }! M
1 R4 {* s1 w5 v9 q% kif (document.all||document.layers){9 h' l+ ~  B8 d3 v/ }/ I' [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 I' e0 K  L. j! ~' i9 b
window.onload = initializeBall;
. {: S" j+ |% J! Iwindow.onresize = new Function("window.location.reload()");
& i# ^! ?4 O2 y1 B}/ N! ^0 ]$ e2 U" X; c* ?7 z' S
0 C$ ]9 e+ @3 u5 Y* R6 t
</script>