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

zw2004

<style type="text/css">" S& N% Q9 s' {" C
#supertext {
/ U* E3 X2 Q3 t  `# i" N& S6 }0 Lposition:absolute;! \; G& u& ~  z" }: B  U- i* D
left:0;
, [; ]0 z  D3 Q6 l% U' @  l6 Mtop:0;6 m$ d8 s) a( D, k% J5 c
visibility:hide;+ b0 U8 c& F4 E, \& m
visibility:hidden;
7 p8 J) |$ D! x4 g" n}8 i! C- Y: ]: A
</style>
/ O+ J4 \# w  Y8 A" _0 k9 Z<script language="JavaScript1.2">
" x7 L( g/ B( {5 X$ [* l<!-- 改变下的字体的大小。颜色-->/ a9 h- y) p7 g# t9 F' g9 }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', _2 q/ m9 `, a% a# J9 \* U
var hidetimer='';* T7 D) @$ S6 q  k* K
<!-- 改变下的弹跳速度-->3 y& w$ {; p" }
var BallSpeed = 20;# P! `( N/ B# O! E1 P+ \
var contentWidth;
8 F. i' h$ v& G9 d' E9 @var contentHeight;7 G$ ?  s5 O7 Z4 v, M
var maxBallSpeed = 50;( k, M, ]! J- j' O/ H6 e

4 \  l2 {2 M; y
) j: l/ E/ j+ o/ Z; Ovar xMax;
* f& n& B  v" x# `var yMax;" l! \5 J  M4 u( u, C! e
var xPos = 0;
9 O& C' D" m/ Q$ f3 dvar yPos = 0;7 U0 u+ S$ C: H. L! g! h- ?
var xDir = 'right';  U3 y0 f2 c! t! \% W7 H
var yDir = 'down';; ^% U1 M: `, u; U; m
var superballRunning = true;
- k: w3 u1 y$ X  l6 P; h& Bvar tempBallSpeed;: t  \1 f& y8 f1 I# ~
var currentBallSrc;* S/ i+ c6 ?. a) }6 [, f
var newXDir;0 }% b5 M6 h- _) ?
var newYDir;
% l; i, T# ~7 S0 o4 a  ~- U' L- u- Z- _
function initializeBall() {
" `3 L9 o% s  X% @* J7 x! ~   if (document.all) {
0 j, p  ^9 w) Y' @      xMax = document.body.clientWidth( \$ ]  O5 H+ ^  l4 c
      yMax = document.body.clientHeight% a# E, G' a: H' d4 n
      document.all("supertext").style.visibility = "visible";2 o- h" P8 d  ^: c+ _5 I
      contentWidth=supertext.offsetWidth
6 T6 B- B- V, a: w& C1 s% h      contentHeight=supertext.offsetHeight
, J, }5 ^  V% }: L- m/ e      }
5 U/ `5 J6 e2 O0 m7 f5 Z/ O   else if (document.layers) {
9 [) r8 c6 |- U; h6 \8 y      xMax = window.innerWidth;
' b0 E, v! m8 [0 F      yMax = window.innerHeight;
% ^$ D" _. z. ^# ^9 f8 `' Q6 s; l      contentWidth=document.supertext.document.width
5 s! X3 D! J! t      contentHeight=document.supertext.document.height+ a2 u3 F) _8 p' e7 u9 e% N& s
      document.layers["supertext"].visibility = "show";
9 U' x7 v$ z- V7 B7 o, q      }
* T; P3 z) t+ S$ u: `: r, g   setTimeout('moveBall()',400);
$ J* O3 v$ D7 g) U( r" Q   if (hidetimer!=''), M0 @% j; X3 I% Y6 q
   setTimeout("hidetext()",hidetimer)
: h. o1 [" b6 ~6 j   }7 `3 D0 x6 B! V  c+ G! L9 q7 V
" n7 }, n" H7 i+ Y2 e# M3 {9 e
function moveBall() {) o3 V$ m' D& x9 W
   if (superballRunning == true) {! D8 s1 {& x6 C+ C) Z" p3 k2 F3 b
      calculatePosition();
; C. I: ~7 g* G: P- |1 d      if (document.all) {
& v2 A; w; N7 U7 p         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' Y! l+ U( Z9 k: [         document.all("supertext").style.top = yPos + document.body.scrollTop;
' O. k& B& T, @, b2 g9 U& S8 v         }" V$ R4 o) ?5 V: Q( C3 ]4 R
      else if (document.layers) {+ `0 w& Z: i* [+ ^$ }2 b
         document.layers["supertext"].left = xPos + pageXOffset;4 _  j5 W* [# ~# i
         document.layers["supertext"].top = yPos + pageYOffset;& z2 ]% E  n% C+ n; C- |! }
         }
) r% j0 E6 a; b5 n0 H  W. O      animatetext=setTimeout('moveBall()',20);( ?, r/ [2 K* B/ \  i8 G. I9 d6 M4 _
      }
% o6 w. G$ G9 }9 y   }
* @9 o6 W% Q) `* W* ?( b  v# Q. m8 Z  e1 M1 j% K+ G  R
function calculatePosition() {1 q, n; R, l& k' E6 m+ S
   if (xDir == "right") {' n; {  k4 q$ S$ g8 g( V4 ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 ^7 x1 M; O6 ~$ @
         xDir = "left";7 K% c( _" C/ [# d5 B4 C
         }
( ]1 G6 D1 v- i$ j      }
2 ^/ ^7 n( D/ {+ w0 d: M  m   else if (xDir == "left") {
6 N( Z$ Y' Z  _      if (xPos < (0 + BallSpeed)) {
, z  I1 s; t5 a+ K6 Z         xDir = "right";
$ M4 E, L( w2 \; S  J6 g; I         }2 R0 U5 K( s5 R* y3 a1 ?2 {" _( V
      }
$ b# _0 }/ j9 G8 V% N. ~. N  W; ^   if (yDir == "down") {) z( S- K+ }* G# W( C
      if (yPos > (yMax - contentHeight - BallSpeed)) {  `2 p: K) _( b% v2 s2 F7 [1 t
         yDir = "up";
1 K' D' }. W6 z' V) ?2 K         }! F! Y& O. d5 q' {* c
      }
4 F! f" c8 {1 C9 @, ]) A& R4 J   else if (yDir == "up") {6 D0 K+ Z# e9 @$ B6 [  e
      if (yPos < (0 + BallSpeed)) {* l; y) D& D  P
         yDir = "down";& K0 p+ K$ Z1 L
         }5 C; h" T0 _' Z: c  Y; e. Y1 m
      }
; c: M; R9 o4 E# {0 _( |6 G! [   if (xDir == "right") {/ D% {# Z8 M" G0 |$ a% w& M
      xPos = xPos + BallSpeed;# [3 \9 s& x; c6 c
      }# [5 R2 w; Q- M% T3 L. A% m6 g; w
   else if (xDir == "left") {
0 l1 z* n% {" B& o2 y4 _% v9 U      xPos = xPos - BallSpeed;
0 Y& C: k2 O; X1 K% V      }
# [& m2 e. I6 j" f% O   else {
# ^( v8 q4 N* D      xPos = xPos;- Z) L, y6 ~* ]4 G% O( C# j6 A
      }
/ A4 P3 c, D& L0 U% W. p   if (yDir == "down") {$ v/ S9 X7 P" t2 r9 O' N  e
      yPos = yPos + BallSpeed;
! W* w* R8 V2 R  C, O5 U* o! f- s" \      }
9 n, @6 |. G3 _: t% H   else if (yDir == "up") {7 B% ]! s- x  o
      yPos = yPos - BallSpeed;
0 z, j  E' S, b. A0 r      }1 R, j# F% I6 |. f7 e$ A
   else {9 q1 Z. n1 p$ d2 \% U( d
      yPos = yPos;
2 ~8 A0 {' H0 J8 g8 o! |! p      }
1 `9 H% M" L/ F* ?) y+ n$ w. h   }
5 j9 @. b. e# @' I+ E; r9 S; k+ J1 r: V0 _  z0 ^
function hidetext(){; s: Z5 q/ I( j) X9 a/ v
if (document.all)
. y0 _" ^1 d$ v& {$ e4 T3 v7 Asupertext.style.visibility="hidden"8 D$ x3 b4 y, {( H7 p
else if (document.layers)/ g+ |  g; }) J: G1 ?# J, J
document.supertext.visibility="hide"6 r( p8 a% U( M/ l
clearTimeout(animatetext)
  E: y9 x' A' D* Z/ m}  ]8 F6 _$ ^2 n" o; x/ m

& u: @( q1 f" u1 oif (document.all||document.layers){0 L/ ?2 }: X; E  b  |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 y; N  X' V7 T' T8 `  ], u' r  Owindow.onload = initializeBall;
$ X- `7 r6 q# |7 U, jwindow.onresize = new Function("window.location.reload()");
/ M. }7 m% I9 j; R" w}; [" D( M' U( d! e! p, ~- Y$ w

8 ]% i# v0 {! I/ `) L</script>