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

zw2004

<style type="text/css">
5 w. p/ f2 F& F7 f2 q#supertext {- i4 e0 u/ O. h; O
position:absolute;
; r2 y) C  i- O( N$ p0 |left:0;2 S* k$ L- a; v5 B# X' C8 h! R
top:0;
- T( H0 b% M) y2 ^! b% e# P; @visibility:hide;5 [! _' v- C8 w- K
visibility:hidden;
+ Z" R& q4 Z3 O# l& T}# v. i- i2 D; O: F9 ?( Y. p9 @
</style>
2 Y1 X2 ]- a; g6 b' U<script language="JavaScript1.2">  a( K; R+ G1 n1 [$ h6 q
<!-- 改变下的字体的大小。颜色-->
5 h* B  I+ Y' ^' @var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 {' W* `- h/ U6 S9 _8 U3 cvar hidetimer='';" S; _0 v# ^7 U
<!-- 改变下的弹跳速度-->
/ Z' ^8 {/ a+ ^9 `7 W1 Gvar BallSpeed = 20;
$ g% ?) P+ M! ovar contentWidth;$ I, I, x% @) n: x( t
var contentHeight;. ~. {; y: l' Y+ ^% t
var maxBallSpeed = 50;
+ Q! D4 v9 C, o1 f* R/ b
0 h# `7 O  {4 E: K- {( {% B2 {) I, u3 o
var xMax;
, N( @& ^# E! p# r6 t2 ?var yMax;/ d( N$ |4 }3 k
var xPos = 0;6 K- r/ w9 ^: a2 @4 U  \
var yPos = 0;
% i2 ~* W* g5 R( l+ ]3 @: s- Qvar xDir = 'right';
. f$ P- J  {# {3 B0 P0 [: h0 I* cvar yDir = 'down';
/ Y7 p1 Z, @% N$ Y) P3 b$ \/ Svar superballRunning = true;: [+ u$ E; L. T; m, Q0 T0 Z' i
var tempBallSpeed;
  T% [, c0 i( t; N8 u$ Wvar currentBallSrc;; j) `/ N% @1 ]) g: S
var newXDir;) s4 E4 X0 F4 Q; C# W, V7 r9 f
var newYDir;
+ c. o% k9 {* \$ I$ r+ n4 w, W2 ]' P
function initializeBall() {& A$ T( @5 g+ z2 S9 y
   if (document.all) {
. ?; `, r2 v9 j0 L) {: w; f9 G$ y      xMax = document.body.clientWidth3 }' N+ }- K# \8 n- v9 s6 e5 g: X
      yMax = document.body.clientHeight1 ?" K" c- t& B& v* T  Y
      document.all("supertext").style.visibility = "visible";
8 o% w, O$ E3 l! E" j# K      contentWidth=supertext.offsetWidth- r  z2 s- A  K
      contentHeight=supertext.offsetHeight
! g  ^: R, q0 h9 Q" B      }
* k  Q: i2 f( j( ^# n   else if (document.layers) {
  D) t5 E! R+ K) l      xMax = window.innerWidth;
9 f8 U; _( L0 H4 p, @      yMax = window.innerHeight;
! {. s) `9 A2 A! l- v' \) M      contentWidth=document.supertext.document.width& \5 V+ x3 F8 J  _; [3 J
      contentHeight=document.supertext.document.height
1 ]2 N0 t' r9 e; P, o$ P$ U      document.layers["supertext"].visibility = "show";
* V( R1 _) @3 `# _# [7 z      }: k8 M. K: y* s* n
   setTimeout('moveBall()',400);
: N8 l8 V) ^, J% B( m1 P7 J3 ?  ~   if (hidetimer!='')6 D. d; U/ ?5 Y5 o( k. J& n, S% p
   setTimeout("hidetext()",hidetimer)
$ F9 s1 p  g! D: h* L( F+ Z   }
: K9 m. K! M8 L/ V- `  V/ O& D( i' Q2 r" t% a" ^+ Y8 I: C% d$ F, p. j/ U
function moveBall() {) ]' J" q! ]% _/ A5 y
   if (superballRunning == true) {& k8 G' r; c) e* Y5 z1 Y( q
      calculatePosition();# {4 b6 s6 o" m+ O
      if (document.all) {
; A4 a. y+ z2 a% X" H+ U, h; P         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( X9 H) K1 i* ~0 z- @# g8 h         document.all("supertext").style.top = yPos + document.body.scrollTop;% u  h1 E6 B. `' O: ^
         }
2 o; p; Q% X* a% y. S! S      else if (document.layers) {
1 T: ]6 n2 o7 e7 T5 x+ _+ R1 {8 O  O         document.layers["supertext"].left = xPos + pageXOffset;0 f0 g7 i% X/ x  p
         document.layers["supertext"].top = yPos + pageYOffset;- i2 P0 O' [! ]" h! E
         }
: W( w: K# v2 M" i% T      animatetext=setTimeout('moveBall()',20);9 s' p$ W3 c5 v- j5 c3 K
      }
  W, i% `4 J& `" R7 w6 [   }
3 \, Y' {7 d7 K9 d( K/ @, W
3 Q. W. P, l0 j8 i7 L. lfunction calculatePosition() {' C; P; G2 z" |" a$ @
   if (xDir == "right") {
. n3 ~5 A7 _" ~4 E# r1 n  z      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ u: h2 |- J, Z% Z* s5 H         xDir = "left";
) f+ a4 L0 @% R8 d         }
: I, ^0 n5 l* j1 [9 r      }
# t- a& }: V% z" E: f   else if (xDir == "left") {
, w! ]' T% x7 }      if (xPos < (0 + BallSpeed)) {1 i, {9 e: H3 o. o" L2 N4 s" s0 t5 n
         xDir = "right";$ L; f' v& \- H1 @+ U  ?4 q4 B+ A& l
         }
8 I0 J  a$ o4 x      }
% W+ L+ A* X, G9 I5 |   if (yDir == "down") {
, l2 K+ C: K5 I" p( D  g0 H      if (yPos > (yMax - contentHeight - BallSpeed)) {
  K! F, \/ A+ Y8 H/ d         yDir = "up";
) a- @, g2 Q# F         }
: y4 W8 |; a% K! x- O: F( N- G2 H      }
; d4 h$ G4 M, ?   else if (yDir == "up") {  u. I5 S& S6 ~! B4 \; t
      if (yPos < (0 + BallSpeed)) {# f% u+ d) K# @8 L( t9 f$ m" g
         yDir = "down";
1 W9 v( r  U7 O9 i3 Q         }
" ?& `5 a0 Z# z" G" _( q( Q. q4 v      }) i6 u$ d$ `% w
   if (xDir == "right") {$ F3 c( P% z: B6 S$ f
      xPos = xPos + BallSpeed;
9 f. M$ A  n1 Z6 J% k$ o  ~      }: n/ M- _, t2 v6 U% o9 p
   else if (xDir == "left") {/ ?: d3 m& g7 f. T, x8 f1 V$ L
      xPos = xPos - BallSpeed;6 H5 X+ N: \8 A
      }( M" Z# F7 |8 e3 x. Q$ Y! P
   else {
+ e7 I, t) N. ^5 M! R& j      xPos = xPos;
1 C0 P0 _: p' `( `: h      }# A7 x9 j' c2 T  Z' Z
   if (yDir == "down") {
2 v1 a' V) T% }/ @  [      yPos = yPos + BallSpeed;/ Y7 ^' z) o4 F% x2 _% G4 ^5 d
      }( Q$ F( R8 H) x3 J1 K# v- z
   else if (yDir == "up") {
0 b' q# H! g" q) Q2 f  x8 v9 n( p      yPos = yPos - BallSpeed;; z0 C1 u1 k2 {  p  u: ~2 s4 }' V+ L
      }2 w. q$ m4 D8 x7 ~
   else {- l/ r) J* q6 Y$ O# d) X* g
      yPos = yPos;
5 \  |: G- M6 x! u# p      }
5 J4 @& `" }! u& o. Y   }8 A9 K3 R3 c7 X1 M; {; x- f; n

0 |0 Q9 K4 F2 n2 k- Rfunction hidetext(){
2 T: z. `0 X) W1 n& [if (document.all)
: F4 Z4 d" c7 A3 ysupertext.style.visibility="hidden"% E+ x( i3 _- C' a- i
else if (document.layers)
, T( A3 P! e$ Y6 F/ B1 Z9 t7 z: y- \document.supertext.visibility="hide": ]# S+ K! K6 g) C
clearTimeout(animatetext)9 |! `( w, p! c9 Q( H, L
}) ?$ I) w. Q5 i

( Y/ ~- L2 e3 }, J6 T$ ]if (document.all||document.layers){& {0 e% ~9 q- e: M
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# R: a" p1 ]0 O- S1 \+ U8 z; ]window.onload = initializeBall;4 A0 }+ f7 r: A' [8 _7 ~; b# @5 Z
window.onresize = new Function("window.location.reload()");
% k% c/ @* l* S9 i) F' b. P}! x# x! J9 p; }" O
$ a) L8 [5 y/ s  S$ T
</script>