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

zw2004

<style type="text/css"># H$ i# `3 u, I: Y0 S
#supertext {: F  o  Y8 w' m6 I) V4 ~
position:absolute;
8 Y2 t) y7 q) j8 D; r1 Q# _3 lleft:0;
4 E# B! B8 g* Q; Z# |top:0;
8 Z* I/ F) m8 J' q. Uvisibility:hide;
6 O) \2 j4 y+ Nvisibility:hidden;
+ u! j- P6 C" b3 a6 a1 w, Q- u}
1 K& Z5 Z, ]8 f+ j$ `5 k</style>
1 V, [2 H: V. X, F<script language="JavaScript1.2">
, H4 s2 i4 Z0 `<!-- 改变下的字体的大小。颜色-->0 N1 a% O  m: m6 T# M+ D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& }$ Z  z8 @0 Svar hidetimer='';
7 e  `% k$ a. A; s# ]<!-- 改变下的弹跳速度-->
% h% z) F; r! v) C, fvar BallSpeed = 20;  J( h5 n9 B; }5 k3 K
var contentWidth;; p0 @% K- k7 c1 l- S' v, S
var contentHeight;
/ I) S8 l4 v/ Fvar maxBallSpeed = 50;
9 f% k4 o) r  q0 q; }1 e/ k1 u! |7 U" E5 k; s" u! j% N* P9 z6 n

7 h, v& H7 Q2 {/ z/ o/ Rvar xMax;
( r, \1 z& g! zvar yMax;
! N% {+ w# o3 o! o" L# ?var xPos = 0;
/ n5 r4 z: G9 K  i( Vvar yPos = 0;( n, r9 b! O4 k8 d
var xDir = 'right';
# b# {+ C- L5 E4 q% tvar yDir = 'down';
1 Z( {  M0 u2 D7 h# d2 Qvar superballRunning = true;
2 T  P, D: @; H4 B# Lvar tempBallSpeed;  t9 p  I+ c2 y( _% i9 R
var currentBallSrc;/ I5 p0 c( e3 g0 E
var newXDir;% I$ o* h. X9 V2 c$ O" d# e, [, p& u! ~
var newYDir;. s: x  r+ o) r; R- h  ?0 |9 f
7 a8 z* c+ d5 A
function initializeBall() {
& A( m1 {$ Q; P6 h   if (document.all) {
, E/ R! ~, `' s& J3 `2 `8 [8 P      xMax = document.body.clientWidth
; p7 \* p! o( a* b      yMax = document.body.clientHeight
, P- `7 W8 f: B4 d      document.all("supertext").style.visibility = "visible";3 b$ _& u4 h1 w4 j
      contentWidth=supertext.offsetWidth: ^/ g& p! I# N' [0 K
      contentHeight=supertext.offsetHeight" w$ q( i6 R; Q; A$ c. o
      }* }  `' W/ _7 Y4 z# |
   else if (document.layers) {
+ V! a: [9 D/ r& F8 U* ^      xMax = window.innerWidth;. d9 [9 s9 Y# G1 e/ k% g: q
      yMax = window.innerHeight;
- z, O* ^# {1 D3 l  l5 x) S' Y      contentWidth=document.supertext.document.width2 r: i8 D9 }/ e: a
      contentHeight=document.supertext.document.height
: s4 c2 ^8 }, r! ?. j( n- B      document.layers["supertext"].visibility = "show";
( |6 B* v* E9 g+ l% q) E. }+ E! K) X      }
' y3 [8 N/ p5 a- c   setTimeout('moveBall()',400);9 E/ M; {4 F, p+ ?4 @! I
   if (hidetimer!='')
* I$ I, q7 k" _; I" e' o- z0 L   setTimeout("hidetext()",hidetimer)
+ f2 a, U" D0 m   }
* O5 o$ \' `& P. E# ]
- F6 w& d% [% n9 J* O  Mfunction moveBall() {
4 Q/ E; {. n7 p* Y   if (superballRunning == true) {9 S& Z/ ^0 J+ v+ Y
      calculatePosition();6 t4 ?0 n% W# A  A& p3 e
      if (document.all) {
0 V- O. e+ P3 [         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 ?1 K6 [+ f0 K+ c+ ^
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 p( B. r/ k; U. m$ @1 h$ D" M         }  o4 U$ p/ U0 I' F! b( i6 i( B
      else if (document.layers) {3 k% W, o' _; Y1 ~4 C, _& [
         document.layers["supertext"].left = xPos + pageXOffset;
- Y, [) M" \/ W7 p         document.layers["supertext"].top = yPos + pageYOffset;
  q/ \3 N# ?+ S- u0 B, }2 u5 R         }5 i; \7 V. w3 d* F' r# u
      animatetext=setTimeout('moveBall()',20);" P* d, O# T% m7 D
      }& S9 @1 u# r5 |0 \; c9 i+ M
   }
9 s' A$ k8 z- s! b  q, J8 W: K# f, d; Q! q7 J: n  G$ Y9 y( ]  y2 _
function calculatePosition() {# f* B; b8 f4 R
   if (xDir == "right") {
- N, S: P6 X* p+ u" \# g  i      if (xPos > (xMax - contentWidth - BallSpeed)) {
: N0 R. O  h5 s/ F+ V0 T: z         xDir = "left";
! @6 l  y6 L* I3 w5 z* o- Q7 e, y         }
7 G# t$ j, {+ }- [: V- y( z& P      }. S0 {4 e8 O" b6 D. t/ \
   else if (xDir == "left") {/ T# Z+ T) J$ b, h: ?8 [
      if (xPos < (0 + BallSpeed)) {, x; ~# W" A7 o( S5 M
         xDir = "right";. w8 e* C$ [' \. m+ x- V/ |8 e
         }
6 e2 h7 V8 C4 E      }: N" {8 G9 w+ W0 C/ E1 E( I  Z
   if (yDir == "down") {8 }# t* k8 H0 g: k
      if (yPos > (yMax - contentHeight - BallSpeed)) {( N  C3 v$ k- d/ F
         yDir = "up";
$ f' v8 q& l; o- w' A9 W         }
1 h8 l" v5 P) J( K      }5 P9 @0 f/ i+ K, h/ j! y; u- ]4 k
   else if (yDir == "up") {% O0 w6 z2 `: I9 q3 z; Z  s
      if (yPos < (0 + BallSpeed)) {
. s$ v0 _; u. J7 q; `         yDir = "down";
* s7 U3 n$ I( e% P$ m: V5 u5 _         }
3 i, C7 q1 N  A" I* {8 W7 s0 M( `3 A      }
8 _, @# Y1 D, b- \+ w: _/ C   if (xDir == "right") {
7 _; r/ r" g. R, k8 B      xPos = xPos + BallSpeed;
3 L8 S& [3 z9 `  u2 E; S      }
% @# p8 u/ U% S: v8 m# Y( V- y   else if (xDir == "left") {
$ C3 o0 C: R4 q  A. B+ v' g& d, P      xPos = xPos - BallSpeed;
& k" J+ e7 D( [      }3 L" P  a. ]) v) Q
   else {
1 C2 b. [& s* ~' r* }      xPos = xPos;6 s3 t* h' j0 `$ B
      }
- s; P; I2 g+ c4 o# X   if (yDir == "down") {
0 g6 [2 o5 f' z8 _      yPos = yPos + BallSpeed;7 L/ s1 {  r$ l. ?- r, G
      }
- @! n4 u  F- k- z   else if (yDir == "up") {* ?& V3 g  d. Y* Q. b9 h$ R
      yPos = yPos - BallSpeed;5 t9 h- X- X1 L- {
      }
5 f6 E* C. ~7 A( `; K# }   else {. F/ Z( j/ m& ]2 |9 ^# E7 h4 _! K
      yPos = yPos;) F' B: D, x6 @+ V, O( T
      }
0 e- n  U2 w4 l   }, m' M% k" _0 r- |& ]! M

5 u- m, d$ A% [6 V# w$ z. Xfunction hidetext(){
. _$ ^, \' _' M" o" xif (document.all)' n, ?- D9 c6 q% V+ B3 d( y4 K
supertext.style.visibility="hidden"* ?+ l0 h& K/ B. D( ~
else if (document.layers)
0 O* ^# t* ]4 }. S5 b5 v1 b! ^5 m5 {document.supertext.visibility="hide"% ~4 Z+ J2 }  X# s* a6 V
clearTimeout(animatetext)
: L$ i2 [8 o1 u, @+ F0 U}
) i3 N4 {0 f  Z1 W
- v# ?3 U# W" ^$ j8 T2 j1 E5 hif (document.all||document.layers){- c& Y- q. M; E) S$ A8 o$ D8 m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# m1 |9 d$ V, A. Vwindow.onload = initializeBall;4 \5 H, g" H8 q# o
window.onresize = new Function("window.location.reload()");
$ W( K3 s: F5 N4 r: A2 L}+ d5 u6 ]$ x- h! H4 K; h2 _
5 Y* d+ E& k8 |, e- |
</script>