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

zw2004

<style type="text/css">
% U3 m( C+ I. Y+ \% P- D9 E6 @#supertext {7 I2 L' x+ a& }; V
position:absolute;8 S+ N! a( i4 b" ]
left:0;
; G4 ~/ v3 v4 b' F4 v7 A' ntop:0;
* @( I7 a2 ~* n9 E# c$ `visibility:hide;
) r4 i% G; b& l( f& k3 r# x2 e1 Mvisibility:hidden;
7 s0 i# S- A+ n) L# h: \6 X}
4 Q6 l8 H' b) ^4 K0 }7 M: d. A</style>
, u5 s! I: J) L<script language="JavaScript1.2">$ B8 c9 A& _. w
<!-- 改变下的字体的大小。颜色-->
: Q# ]- |+ M/ P1 f( Rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 Q4 C, B" v2 R) v
var hidetimer='';4 a1 `2 F+ N2 j! o, F+ n3 B
<!-- 改变下的弹跳速度-->
  x  J/ d+ c8 G* ~7 q" bvar BallSpeed = 20;
& ]' g% Z( \- W- Cvar contentWidth;
$ |4 ?/ S, d1 H+ p! `6 K9 ~, U- jvar contentHeight;
; a5 [/ B  H2 O/ h' A. e! x" G# jvar maxBallSpeed = 50;" W9 H$ ^( H0 F& ^/ K
! g# f" |: O/ h$ \- B9 h
; @2 j; \$ G; e! T- @* ?0 M: D6 b+ a
var xMax;
$ i- c/ p! p5 a) r% _, }var yMax;
: ]2 C  n% R) f& h; t" o8 [var xPos = 0;
1 N/ e3 a6 ?: U( G3 }4 Cvar yPos = 0;
& Y6 Y4 I; g6 mvar xDir = 'right';  a! v1 j% O6 ^
var yDir = 'down';
/ a& @- d. `  m) x9 Uvar superballRunning = true;
4 t6 f+ G! n5 m: [* {& w0 mvar tempBallSpeed;$ R" c. A( q) X4 F
var currentBallSrc;
% f' k+ X$ T* G" @  b1 t6 I9 qvar newXDir;
' a& X0 e& l+ u0 Rvar newYDir;
0 p$ S$ X$ R  ]) D$ v" [& W& b" E9 K
5 l0 T/ W" O- `4 h0 |: {function initializeBall() {
# d5 v2 ^* S5 X2 z   if (document.all) {
7 Q  x; w- r9 d0 [: X      xMax = document.body.clientWidth
0 w1 x8 l- k, D* z      yMax = document.body.clientHeight
" M( I6 E. p3 n/ @& T# E4 n4 t      document.all("supertext").style.visibility = "visible";! x& R% C1 \- m- m
      contentWidth=supertext.offsetWidth
. Z* K1 F8 ?, m% C      contentHeight=supertext.offsetHeight' C2 i3 X7 x6 V
      }& t; J) H! F" y6 F, @  I8 E' C
   else if (document.layers) {
" W( ~5 q6 N4 s5 H% l* ~9 a' D2 U% l      xMax = window.innerWidth;
1 }: |( ~' J8 ~( t1 b" q7 u      yMax = window.innerHeight;8 e" h: w0 R6 c# L
      contentWidth=document.supertext.document.width
8 e$ ]- C* E5 h* X7 i8 J. W* U      contentHeight=document.supertext.document.height
* o/ [' s+ h! d( g5 g# r! L3 @1 o      document.layers["supertext"].visibility = "show";
# h8 e- R* f/ F      }- g5 x5 S8 e' o- A2 A$ b! i) N
   setTimeout('moveBall()',400);
0 R& U+ S& I5 w0 G! J4 j   if (hidetimer!='')1 B/ ~+ f4 }1 h, y* G6 i" M
   setTimeout("hidetext()",hidetimer)" E3 d  u9 ]1 }7 ^1 \
   }
+ Y& p- }, K# R- w. {* m1 E5 o) u* z1 v, o- f; h0 n
function moveBall() {
/ v; u! j+ Q! \2 X* Q   if (superballRunning == true) {
+ ~+ [1 n; r0 g" D* p: y' P      calculatePosition();1 P( {1 l6 T0 D3 X( Z; b# ]% A
      if (document.all) {3 `" y1 |7 i/ Y7 z9 E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% b' `5 q/ x$ p  v         document.all("supertext").style.top = yPos + document.body.scrollTop;
& d; p7 t+ W2 e  l         }, p! L3 P6 w+ L5 e
      else if (document.layers) {' F. I6 E8 X; ~! ]4 W/ B
         document.layers["supertext"].left = xPos + pageXOffset;$ z! Y" l! i! N
         document.layers["supertext"].top = yPos + pageYOffset;  Q' {& f+ k; i! o: o2 Z
         }' `! B0 d7 n% A
      animatetext=setTimeout('moveBall()',20);
, s% I( Q3 Q8 P2 ], y% t, O; c      }" f6 Z+ h  c% |* W7 w2 V* G. \
   }
9 s. u5 H% X* l2 v" E4 M3 ]! x6 h
function calculatePosition() {
, a, M4 t6 V; ^: L8 `   if (xDir == "right") {
9 y% ]/ n+ {* i( t) U2 N      if (xPos > (xMax - contentWidth - BallSpeed)) {) g/ \4 k, T; p; ^
         xDir = "left";3 N; D: |% D5 v  G! ]
         }/ P1 r$ V: Q# @4 @  P0 y" M
      }7 c, Q: t9 J+ j8 f* Z0 ^9 _
   else if (xDir == "left") {
1 ^/ P9 m: u4 y/ S      if (xPos < (0 + BallSpeed)) {: m. E$ d+ y& _+ P# l! [: D
         xDir = "right";
" d/ C8 I4 m9 y5 A7 u+ k         }/ r9 F6 _& l7 ]3 X* k
      }* w0 V% `/ H. b+ |1 u1 Q" V; A
   if (yDir == "down") {' k4 [$ T* G- N2 M. \: x& ^' V* {
      if (yPos > (yMax - contentHeight - BallSpeed)) {. ?& x7 ]8 V  C$ ?& d, x
         yDir = "up";
. o) M. R( a0 b! v2 W8 G  u/ d5 g' b         }6 ], \& Q6 H3 r
      }. Y4 M$ R4 k+ L1 A6 Q2 v& H6 n
   else if (yDir == "up") {( W) i% |$ ]: G' Q' N: G9 H7 {
      if (yPos < (0 + BallSpeed)) {
' @' l8 {6 X! x* O" X# J         yDir = "down";2 f; O7 r% a: q
         }
" l9 G7 ^: h7 D4 d6 z/ @& K$ _      }
! d3 H6 [. |* O& g' i; X3 S   if (xDir == "right") {
! o3 C( a$ [3 j. c  T: j      xPos = xPos + BallSpeed;
7 a  C. v8 A4 i& p3 n- M4 g# \      }+ v  M8 k  H% I& M  w
   else if (xDir == "left") {; M, w8 D. W. G7 c' P
      xPos = xPos - BallSpeed;* g. e' T! ~& b
      }/ d+ O) `! ]5 f' _: p
   else {
3 N0 N: D# U; ~0 M$ D      xPos = xPos;0 X  y7 W( Q0 I9 _; b0 C) x
      }& u7 C: l' F. C( L6 Z2 U
   if (yDir == "down") {
; b) b; X+ u, d9 g: X4 ?- e+ L# @      yPos = yPos + BallSpeed;
9 @( G% G- }; }& J1 c/ G% G      }) `+ y- P% {5 l3 k, {. E
   else if (yDir == "up") {
9 q: L6 q* s( [. z& a" t      yPos = yPos - BallSpeed;
  N, E, D  }% O8 i) y      }% M/ v9 C" f- \# B! K
   else {
6 `& i. Z+ x/ ~1 E      yPos = yPos;3 ]/ o' D! i$ K. R8 U
      }+ O8 F6 W4 U$ M9 ]
   }1 x# [# [+ g/ b. X9 F
& w8 X5 h* ?' `* c3 s2 N, F7 M; O! v) q
function hidetext(){
5 J6 S/ N1 D; ^if (document.all)" ^4 g3 Z; S+ Y5 ~0 P
supertext.style.visibility="hidden"
& J0 g. D2 S7 k% Y; }5 [" n. Aelse if (document.layers). O' s$ s0 `! l
document.supertext.visibility="hide"5 M* r0 S. ]% {$ y% N$ s
clearTimeout(animatetext)9 t5 q0 y" m9 k( x* O; @% F% A
}
* u6 Q8 s8 K! n# a1 `: Q- i
9 h( i; r/ [. w5 c7 L" N/ ?if (document.all||document.layers){4 s* f3 I7 {4 o# |; M7 r5 u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; C9 z+ X/ i3 f% [3 j* _( u4 ~window.onload = initializeBall;
" D. G+ R0 i/ o! T( x1 Rwindow.onresize = new Function("window.location.reload()");
% G7 z$ R% r3 Y9 p) X0 K; v$ G: W}
6 K3 E: g6 z# l- h# T! L
3 L9 f% U1 I: P' M* T1 E</script>