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

zw2004

<style type="text/css">$ {( {* E4 ?6 \; b
#supertext {4 I. I$ k/ V- T0 l6 ]( }1 W* Y* a3 ?
position:absolute;
0 x7 L6 m& o5 J/ `left:0;
7 `( P4 @4 D5 m+ c% @! Wtop:0;( M& E2 I, E  `' D. P4 I% E
visibility:hide;3 Z4 L0 h, |% ^, w% V+ A
visibility:hidden;3 I/ w& u3 t& x9 D* S! A2 T; o! D
}
1 N% h' E' d+ G1 E8 h3 {</style>7 j+ U+ E! m( G
<script language="JavaScript1.2">
( R% A( V( _' N2 t; j6 k  ]+ p<!-- 改变下的字体的大小。颜色-->
+ I: R% P) Y3 g6 M: Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; T" [1 B+ K' {1 T  Kvar hidetimer='';
% D7 S& D5 g3 R5 a<!-- 改变下的弹跳速度-->
) r) O2 J+ J8 ^) X: M& |var BallSpeed = 20;0 C. D$ I% b, U: y
var contentWidth;
7 C1 e* f, y1 g0 d* uvar contentHeight;5 |; w$ j1 m* D* H3 k: @
var maxBallSpeed = 50;
& T6 k7 C8 }' f4 e4 f9 b; T' ^4 n6 X7 K- q6 n7 _

% Z1 x6 M, X# j) w- e6 mvar xMax;& y9 w) g6 x, n0 ]
var yMax;
: @& U" m0 A3 f  H+ pvar xPos = 0;0 t8 T! ~2 Z8 a' H
var yPos = 0;
- n8 w- R+ D6 n( Y7 T$ M- Rvar xDir = 'right';
$ a4 `& P, k  p& qvar yDir = 'down';) L8 T5 b4 j: R
var superballRunning = true;
( d% ^( h2 o/ u) ]7 v. cvar tempBallSpeed;& w  y% U  c# p8 B
var currentBallSrc;' v3 i/ x7 @  I) j5 j: c
var newXDir;
* w( c5 U9 s0 y/ Z* Z& wvar newYDir;. l# q6 f8 F/ a' o# g9 g
5 Y* [) c* j" j) g5 ^/ w: {- m
function initializeBall() {
% h+ P9 z: f4 ^5 h' c/ m6 l8 y- X   if (document.all) {9 ~+ @. y1 k( ^2 p
      xMax = document.body.clientWidth- g/ C% b, V' {
      yMax = document.body.clientHeight
: V3 {" |  m& ~( a7 {      document.all("supertext").style.visibility = "visible";& X$ r* k/ j) U2 n% Z6 D, i, s' |! b
      contentWidth=supertext.offsetWidth% e( M% U9 {" _
      contentHeight=supertext.offsetHeight
# V; i5 [8 n9 H1 @9 i9 c+ O      }; X' B2 E( F. X, W
   else if (document.layers) {) T& u4 P4 F; [, [9 J/ F' ]
      xMax = window.innerWidth;
8 g* [5 |2 G+ f( F1 H3 l" F7 B      yMax = window.innerHeight;! b3 u- t  K- E/ k$ r
      contentWidth=document.supertext.document.width
: n+ f! {& e; e" {      contentHeight=document.supertext.document.height
. f* g8 U1 \5 r! d      document.layers["supertext"].visibility = "show";
# s  ~! N0 A; R( w      }; O- _* l! m6 t# \; {0 N
   setTimeout('moveBall()',400);. L& Q0 G, [$ s( F3 z4 g+ v
   if (hidetimer!='')
/ E5 u. S' |$ ^. y  ?. z# z   setTimeout("hidetext()",hidetimer)
5 }& t  g. n* N" H3 t( N1 E   }0 P" R+ V, v( r
2 o5 e5 A* ?( K  {: ?
function moveBall() {
* ^# }/ D! k/ ?0 j/ ~, f; B   if (superballRunning == true) {+ f! B/ P% K+ C: l& |
      calculatePosition();
! U* _; y8 Z' j* Q# n      if (document.all) {
9 j! F! o/ C1 Y% ^0 v. o. ~         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 }5 e1 A4 j5 W+ |6 `9 Q' R6 \         document.all("supertext").style.top = yPos + document.body.scrollTop;/ U6 h+ }! t0 R/ J6 l& ~0 Y
         }
3 K7 P4 K! T' I3 C) ?% C      else if (document.layers) {
# D' F0 v+ W6 S  s, c4 R+ g4 i         document.layers["supertext"].left = xPos + pageXOffset;
: S# R- ^6 g- [' Q5 \/ `- g2 d' U         document.layers["supertext"].top = yPos + pageYOffset;
. p' _6 z1 ]# \# H3 r         }- o. G6 _; d8 P' R- h' Z4 \3 L
      animatetext=setTimeout('moveBall()',20);
  n, }; W1 x- v5 S9 l1 ^- j9 R5 j      }
8 U/ C0 J' u( }1 R   }1 o$ q! F/ e; q1 o6 S
! G3 a9 X4 y, W; J
function calculatePosition() {
) p- X* E' O8 m  O- @1 e   if (xDir == "right") {
8 w, g# K; d* Q) i' n. ^4 ^; l1 u  ?" _      if (xPos > (xMax - contentWidth - BallSpeed)) {/ v5 w7 j& l' f' n8 R" J2 `
         xDir = "left";2 d3 P0 R8 K1 E' F" K8 G
         }5 ]- |# W! Z! @$ \- _& Z
      }
) w/ S, b% D& F$ C% }' S3 i   else if (xDir == "left") {- F. t- b1 F* `
      if (xPos < (0 + BallSpeed)) {
6 Z5 o7 A- q; w# f/ f- O/ x0 N         xDir = "right";
5 J& F8 F2 S' S, z/ C         }, E( l/ b2 X' S* ~7 S
      }8 A! o- [3 X# X
   if (yDir == "down") {% G( X  A% k/ c* v" I' {
      if (yPos > (yMax - contentHeight - BallSpeed)) {
# t: R7 P0 u, T9 L         yDir = "up";
4 ]2 v- E2 |; u, h! w* f, S9 R- O* P! V         }
2 s4 ~7 H$ m  l* \2 t      }' m6 b, W# o2 e/ p3 K, i
   else if (yDir == "up") {' N& \8 k, u" F- ]! h, }( E
      if (yPos < (0 + BallSpeed)) {
) w2 H/ B+ G. Z% s         yDir = "down";  V4 f4 M' s0 G+ l4 k
         }
& W1 G4 |0 U: J: G7 o      }" ~+ C0 V- Y- t' t1 ?* j
   if (xDir == "right") {. y) V$ ?, R. F) E' m# g; G
      xPos = xPos + BallSpeed;
" t, q2 ?6 |4 ^7 I( O) I' k      }
4 D3 _! d5 A5 R  n   else if (xDir == "left") {
0 K2 c9 z' d; f5 w      xPos = xPos - BallSpeed;
6 r" {$ h1 A  h3 g5 X5 u2 z      }2 H9 w2 j3 l* u& {% Q
   else {
1 m0 l8 X. \& }' h7 v# T6 o      xPos = xPos;
% P" K8 S- I9 r. d# ^3 E  H5 \      }
3 {9 H8 W3 g% C& W# _   if (yDir == "down") {
5 C4 V% q3 ^' p6 ]3 z1 J6 ~4 x      yPos = yPos + BallSpeed;
8 q7 r; n/ r( G      }
, y. ^* `1 O9 v8 E- p- P   else if (yDir == "up") {3 n8 g7 G" a9 k: v
      yPos = yPos - BallSpeed;
( t, Q. r2 D1 a, X( }. ?      }
, J, H( p7 h0 {7 U: q7 i   else {
+ l! m3 d- l$ K' e, V# K      yPos = yPos;
/ I: |) T, b: m: l      }- ^5 @  i& s" O+ ^- r
   }! g4 z7 x# T8 U' I- E: G

  @$ ~) L+ i2 w/ ^! u2 Ofunction hidetext(){% l, f; ~+ g- p$ w# |6 w9 p
if (document.all)
+ U" z5 x( N) n" W: Dsupertext.style.visibility="hidden"
0 N, b9 v# y. u* w+ o9 Celse if (document.layers)
; s. s! b& z% b$ N% \% l& `document.supertext.visibility="hide"1 p6 }  e7 \0 S
clearTimeout(animatetext)5 |: I7 k7 p6 b. n
}
  y/ [* U4 k& S0 e& K7 D" X) [" I& {% n* g- d% Z
if (document.all||document.layers){! Z) M' g* L: m2 k9 U! f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 c* E& W! R% {- |4 h$ L( Dwindow.onload = initializeBall;
" Y2 K. v# i* o; g( x; G: F+ twindow.onresize = new Function("window.location.reload()");
$ z! D; O# ~! ^+ l" r$ r: L}, @# ~$ e" J+ w% _9 T
5 M# d9 [; E8 C
</script>