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

zw2004

<style type="text/css">, q) g: Z0 u& g& K# r
#supertext {
% X. U  T2 n5 W: I. Uposition:absolute;9 g+ ?& d9 X: Y0 ?. B
left:0;
6 ^4 R' _# l/ @  I2 S/ {( htop:0;! j, |2 U* B: D. _7 J/ Y2 |) v
visibility:hide;
  A1 n* \0 Q8 k5 M3 Jvisibility:hidden;8 I- f6 G3 n  e! ]
}; p% \# n4 x: l* F6 c0 b8 a+ f6 _
</style>
3 d: v: d- }$ O, l<script language="JavaScript1.2">' I. F7 F9 \, i4 T: ]" m
<!-- 改变下的字体的大小。颜色-->, r# m, O5 Z5 S" I' z7 u( [) j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 Y+ B7 ]2 \. R; J& q1 ^var hidetimer='';
( @% ~" ?/ o; z0 T  L<!-- 改变下的弹跳速度-->
- @5 E: ?9 ^' a3 G! Pvar BallSpeed = 20;6 I- j& `6 N8 a( G% v
var contentWidth;9 c( D. d. D9 u$ e
var contentHeight;3 ^8 M5 @$ |+ s  D! `
var maxBallSpeed = 50;
5 j: ?$ i+ [( `, Y0 O
+ s* }. ^6 R8 d! `$ L/ N; \' ^5 P1 [8 f2 A
var xMax;
1 z3 a* ]3 `$ |8 S& }4 S4 _' dvar yMax;
; W4 {: R% [( c% r1 k" Svar xPos = 0;
: n9 h! e; h( t( q0 Dvar yPos = 0;- B' ^2 O* o6 U* o
var xDir = 'right';
- K4 ]1 \: v& B/ N; F% O6 P# b/ i& Tvar yDir = 'down';
/ B9 {. k' y: @  U: Zvar superballRunning = true;8 C; ~/ P2 T. B4 n5 o! a, y
var tempBallSpeed;
9 _  C7 A9 K' |var currentBallSrc;
+ A2 x" J$ s! F7 ?* dvar newXDir;
6 |: S, }$ \& s8 \" b8 D- mvar newYDir;
/ x3 S. ~' o+ W- Y) K7 v; m% |0 q* e" Y( c$ |7 I9 x2 {
function initializeBall() {8 ]$ @! O; l, o7 q
   if (document.all) {
) e* h% Z- _! @2 T( e; N) j) S      xMax = document.body.clientWidth; k4 k3 t3 K$ e
      yMax = document.body.clientHeight
) s" m0 B" L( Z) M4 G      document.all("supertext").style.visibility = "visible";, U. q: i8 D" R% N/ d$ v" w
      contentWidth=supertext.offsetWidth5 B1 ]3 }# N% y  I' n
      contentHeight=supertext.offsetHeight$ C" o% X- B0 k( ]1 g
      }% q! y' u; l- N6 e
   else if (document.layers) {! @3 l; \; M  U1 P8 g8 s9 ~% }
      xMax = window.innerWidth;6 F0 b8 L9 _6 j& ~! b" T: p8 u- |
      yMax = window.innerHeight;
: @% l% h/ w) d% d) y4 R      contentWidth=document.supertext.document.width
) I! A% x5 A) p, Y* }  @4 s9 ^      contentHeight=document.supertext.document.height- ^, Y5 e  E; A2 `
      document.layers["supertext"].visibility = "show";9 i: }' V1 Z' ^! U& S8 ]
      }
) U; Z+ f7 y8 }7 q( k   setTimeout('moveBall()',400);
( d3 v) z" G% k# i! e. p0 P   if (hidetimer!='')( G7 T5 n& o- f3 ^
   setTimeout("hidetext()",hidetimer)% R1 V. _) K! o2 h; n
   }7 E2 k% H2 `/ \

+ \0 ]4 D/ X# d( ~7 K3 cfunction moveBall() {" C& x) n. x& L, A+ w- j1 S
   if (superballRunning == true) {- l! v+ F: H" l: H) X0 V6 Y  V
      calculatePosition();& _" f7 N+ S* d7 E: y
      if (document.all) {
2 S1 K' @8 v( D7 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;) A2 X4 }. p7 i' G& \& e' G: n
         document.all("supertext").style.top = yPos + document.body.scrollTop;0 U; M+ ^9 b. p  b: Y* ~
         }
; s( L7 a( `1 C' o0 l0 g" i9 E      else if (document.layers) {
. O- k, P% e; v% D0 F' p         document.layers["supertext"].left = xPos + pageXOffset;6 ^6 o/ d( L. n' B. G8 B7 Q, r
         document.layers["supertext"].top = yPos + pageYOffset;( C* G# a& q( p$ e) R
         }
. q& N" [: L+ J9 g3 k& p. `" z4 w      animatetext=setTimeout('moveBall()',20);% U  o- ]& T8 e4 P/ g4 b2 p
      }' S) C1 f# n8 [
   }
9 b: _, o6 {) m0 q0 B7 @( {
, E& H1 e9 ?2 j& l* Cfunction calculatePosition() {! n' H( a2 N( Q( N
   if (xDir == "right") {$ M' I( y4 t& d6 m) J6 w8 g, T$ y
      if (xPos > (xMax - contentWidth - BallSpeed)) {& t/ x7 ^% B! K! e3 S, Z
         xDir = "left";
( U$ k3 Z: \: t- W0 D: P. @+ E         }! h. e9 k1 q5 l* f* d+ V
      }# `! y7 R% }! q% o  O9 Q( [. `% C
   else if (xDir == "left") {1 U1 z+ n/ y1 o2 B: `6 K
      if (xPos < (0 + BallSpeed)) {* n7 G" B# h: ?9 P7 A/ w
         xDir = "right";. V* K% N2 j  M. \
         }9 Z( V5 I- T1 F  m0 |
      }
5 Y8 k9 x9 l- r0 G( E- f7 |0 |   if (yDir == "down") {! B! F% n5 E  q! D8 A
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 X9 o9 U6 \- q% ?         yDir = "up";
+ ^: X/ L* U5 t$ B         }
7 m$ h  U$ v: ?5 L1 h      }
: r, E$ R( E7 L/ X: x& T" ^; }5 V; y3 e   else if (yDir == "up") {: f" ?! @5 O- h2 |
      if (yPos < (0 + BallSpeed)) {: d( P+ A1 F/ Y# q# x
         yDir = "down";
4 h, E( f' _3 d         }
( V! s- f+ G. d$ v      }: W* \! s8 h) M
   if (xDir == "right") {
4 U3 y  |4 [( q5 I! p      xPos = xPos + BallSpeed;
* G# l; X8 Z  a      }
; x, A. ]: b8 V8 ~1 p! T; U# ~   else if (xDir == "left") {
7 ]4 q; {! s" x2 N      xPos = xPos - BallSpeed;7 r' }, s7 G; K9 a# w7 p  s- ^
      }
- X. O9 p+ h) |1 A( W7 b' S# E7 l   else {, I0 c; E8 M1 F1 [: n) G
      xPos = xPos;
7 C% l, D, l7 _. g  ~( v: l6 g+ [      }
! q3 i9 z: S. F! T) x   if (yDir == "down") {" M+ h' H* ^9 O  `; H" ^6 M( v
      yPos = yPos + BallSpeed;
/ o( ~& n4 p9 }/ f- Q- A# S$ p3 i      }" y3 `5 |# z( |: t
   else if (yDir == "up") {: ^# `0 B& B* P0 i; h: F
      yPos = yPos - BallSpeed;
7 `+ X' r4 N0 x+ o- @      }3 v" Z& W( g2 [% G( F' ?- F
   else {: h& S! L  L  p1 D& f- t1 e# ]
      yPos = yPos;$ D& X% t9 C6 o
      }' W4 S+ d: K+ ]! q& y
   }: K  [# H) p0 _- A# f
( k% a, y( I5 s; W# E3 d8 v! K- d
function hidetext(){* _+ f  B; `% c6 q5 m* X; b
if (document.all)
% w) R- \9 d  n* X2 Rsupertext.style.visibility="hidden"
4 P9 @2 y; U5 ?else if (document.layers)8 A; h9 g8 l% G
document.supertext.visibility="hide", U* l* ?  B" w
clearTimeout(animatetext)/ g, ?2 |7 s6 w  c5 c- E( R; J0 u
}
/ n) f5 m" R6 p1 ^6 A5 R$ ~2 ?  Q/ s% F+ H+ g  Q1 j4 v% H4 D
if (document.all||document.layers){2 ?! C; K" P8 K1 r7 o3 F+ q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 A3 q1 g, O( ?# R) e* P8 M
window.onload = initializeBall;
( [$ `; X+ ~0 E. H( Kwindow.onresize = new Function("window.location.reload()");
/ ^, l) e2 M  b}
8 h1 a  w2 E3 q; S. V$ a% H9 f5 J0 l$ a- t$ O0 n- S- p& K
</script>