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

zw2004

<style type="text/css">/ g% \8 Q# h3 b2 v! \5 T; T
#supertext {! n- X4 A- ^2 q. l, g2 j
position:absolute;, r! X. |) Q, _. H  O; T9 z* @
left:0;6 ]7 O; ?) |6 l+ N9 G) H# Q
top:0;9 Q9 O+ Q# m; z$ |3 R' x5 M
visibility:hide;
& e: z7 x0 i7 ?" z: `/ c+ ovisibility:hidden;
  Y4 n. I9 i0 H  Q; T5 m* r}
/ [) ?2 N: d; D% v5 t, z</style>
% z4 T& {; n/ T! I- i+ x' Z<script language="JavaScript1.2">+ S& f# e1 L* B: v& F( x, Y
<!-- 改变下的字体的大小。颜色-->6 a& Z* ~, w4 Y" J2 A& |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', D& ~  Q$ {& M# s
var hidetimer='';
- F9 V3 _7 }4 P: ]& N+ w) e<!-- 改变下的弹跳速度-->: V* F- Q0 _" ]8 g' q: [9 v. ~! a
var BallSpeed = 20;5 s* U  c& G) Q% k- G8 @6 C
var contentWidth;
. K4 q' F" ^1 Y; Gvar contentHeight;7 w7 ]# e3 V! f( A& U. c; g' F
var maxBallSpeed = 50;/ ]8 S" N4 c, [( i3 ?/ P
& X" P. `; _* G
9 q  E5 U0 w% I) s; `9 Z
var xMax;
$ {' r) v& J/ c/ {2 D+ B9 \5 Dvar yMax;
& w& k$ q0 b6 D/ F  Ivar xPos = 0;
$ V6 V  X1 @0 _% g$ _& e0 pvar yPos = 0;
5 T. T+ f8 |, }4 e% X7 m+ N8 tvar xDir = 'right';* |/ O9 Y. m" R2 f  S
var yDir = 'down';  y4 ]0 }: q$ v* Y* m
var superballRunning = true;, H2 d" s: s$ d( O: n
var tempBallSpeed;! R% a+ x1 X5 u8 J& D& t3 h0 Q
var currentBallSrc;
9 u4 P; r1 S: E( B- n3 ^( Mvar newXDir;
: B8 [+ r6 m  ~: M" R9 kvar newYDir;
5 u4 M; I& m5 z! e- w8 \
- {5 W, L" w: U1 V+ E4 mfunction initializeBall() {
5 D' ~3 E, @2 X0 ~   if (document.all) {( |; D2 I: l8 ~, E5 X6 t% P, |
      xMax = document.body.clientWidth6 K/ Z# Q' R1 b3 k8 [
      yMax = document.body.clientHeight
& `# o' C8 j+ }      document.all("supertext").style.visibility = "visible";1 k5 X/ f: Z) D) f* I9 m% s" B& f* C
      contentWidth=supertext.offsetWidth6 w+ w! ?% y4 p
      contentHeight=supertext.offsetHeight  B$ O1 U+ U$ C+ _$ B! D3 ]; B
      }
* n6 U& n1 a  P: s" L   else if (document.layers) {
: Z$ l! m/ v- F      xMax = window.innerWidth;
( m7 z% s' l& B$ e# C$ {6 N) z6 O      yMax = window.innerHeight;7 D5 M) ?8 ~7 J, r
      contentWidth=document.supertext.document.width  f) I; u1 d$ d3 X6 g4 R. g
      contentHeight=document.supertext.document.height
& }2 v8 Z2 I1 A      document.layers["supertext"].visibility = "show";
2 _7 }3 H8 ^8 S8 ~# V      }4 n& c7 y9 h9 r4 W& U; u
   setTimeout('moveBall()',400);% H  m) s8 I' @/ R; H
   if (hidetimer!='')
2 |. c* Z$ u( Q; I: x  O# s0 z/ g. S   setTimeout("hidetext()",hidetimer)
. `6 |6 c0 f- u+ B. y. |; a* G9 D   }
9 o2 b6 O, p% K1 g& n0 H0 U# Y
. J) W) k4 c* ^4 O$ S$ dfunction moveBall() {: b8 b+ Y  p9 `
   if (superballRunning == true) {" R% h4 c3 t0 I; D
      calculatePosition();
6 \; t& }; O4 ^9 G. j      if (document.all) {+ C* l* f4 r! @6 g
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 @6 r  x3 \- Z$ n7 K8 ?         document.all("supertext").style.top = yPos + document.body.scrollTop;7 g8 U1 h3 e0 Q
         }# ^8 L8 t/ ^7 t, r* L, P
      else if (document.layers) {" ?* C4 n) v: A6 E+ a( F
         document.layers["supertext"].left = xPos + pageXOffset;
8 O  T, I) y, z. I+ @! Q) c! i- I         document.layers["supertext"].top = yPos + pageYOffset;1 j/ e! ]; T! H6 U
         }
* L$ a# b; r3 d      animatetext=setTimeout('moveBall()',20);
$ D* Q/ X9 y% D% a6 t: p& |      }
$ V! R/ t9 Q: W2 K( P- m   }' [5 B" c0 Q( M" w# E
. S2 Y" T% R9 C* ~) r3 G" O6 D+ s: T
function calculatePosition() {9 O2 Q) J4 Z7 ~& R, _
   if (xDir == "right") {+ k2 n, y& R( t8 ^. m3 b6 B5 T
      if (xPos > (xMax - contentWidth - BallSpeed)) {2 n' ]* W' S1 J$ v. D6 F3 e. n& N
         xDir = "left";6 w$ l* Y( r2 M1 M: y
         }5 f2 t8 _. V2 P& l% {' ^7 n7 ]
      }
3 a) N3 H) T6 Y1 ?   else if (xDir == "left") {
: a. |% I& P3 \& a/ R      if (xPos < (0 + BallSpeed)) {
1 ?. C& ]/ _" w/ F8 m+ b         xDir = "right";
1 ?# c2 q, [0 \6 L7 ^         }+ p( u3 e% _8 w5 D
      }
# B( i$ C/ Y- O6 T# x   if (yDir == "down") {: ~* o7 Z  R* Z9 ^) f9 s
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- L7 {6 d$ n: x' u         yDir = "up";
- d  Y+ `! T$ ~$ A! o' }         }$ X  o7 U) X& v- S' d3 a5 ?
      }
& a! o9 C1 ]% X3 i5 r- ?* v; B: S8 j   else if (yDir == "up") {' k& K+ Q) b' J: z9 l0 Q
      if (yPos < (0 + BallSpeed)) {
$ t& x' R: d: x8 h3 d         yDir = "down";+ L7 ?8 S" a7 w
         }- Y, s- x- X  B6 |6 V% w* ^
      }
3 @- F$ V6 r( W) j   if (xDir == "right") {
/ M! O% ?, I8 @6 X; ^      xPos = xPos + BallSpeed;$ P5 g: W. ?9 V+ d. B2 n
      }9 m' B" x" T  c- x: {1 R
   else if (xDir == "left") {+ v2 ^2 u+ ^3 d" J4 k2 q
      xPos = xPos - BallSpeed;, l& v/ I: L& a; U/ X
      }5 R) n! m9 N, ^. u3 F
   else {8 M9 L& i% {* F5 U) n& I/ z! c2 m9 S) M
      xPos = xPos;
3 i/ X3 I2 N: J( _7 R4 P6 _      }$ H0 J5 Q; y2 s$ ^: v8 D- {
   if (yDir == "down") {4 ~) [# V& O0 I! N
      yPos = yPos + BallSpeed;
& ?& M& r4 g, d4 [6 q% b6 W& r      }
! ]+ `1 r' Z) e& k5 ^  R: `3 C4 @% u' x! B   else if (yDir == "up") {: ?% ]" ], Y9 U( l2 b0 Q7 T- y
      yPos = yPos - BallSpeed;
" a$ j0 X0 s' s* ^8 t: V8 {/ ^3 w5 b      }
; a/ T7 R- b( {/ X  C3 D9 s   else {% i$ x  m2 c5 l' k* K
      yPos = yPos;) ^4 n, k8 ^5 a/ W  o
      }, C' K$ s4 N. P. V
   }
$ |& D, g% }% m: x# ]
7 K( O7 Z" {5 ^: b( ?' X' f7 Z5 C2 xfunction hidetext(){' R* f6 e. K4 F: m
if (document.all)
) V7 H5 L3 o2 E7 F$ a8 W: fsupertext.style.visibility="hidden"( ~/ `% H  J3 c: l. w1 [
else if (document.layers)
5 f/ z" h" g, O$ q+ o9 ?! Cdocument.supertext.visibility="hide"$ v& I' A: L- k
clearTimeout(animatetext)8 h9 Y8 b0 F/ I# `
}9 N  a; P+ C2 P8 V, `7 Y
" X4 @+ U1 o9 {2 Q3 L. J8 d8 `
if (document.all||document.layers){& W1 l, H& r$ r, r
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 ^+ W" e: Z* d9 xwindow.onload = initializeBall;$ N) g$ U- Q# L. }6 _
window.onresize = new Function("window.location.reload()");
" K: S2 i8 @" j+ `& |/ g1 t}& b! \1 I' l5 T4 Y$ Q+ p

/ |/ j  u$ E+ C! w</script>