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

zw2004

<style type="text/css">: v0 P0 }5 h  e! ]4 B, ^3 N
#supertext {
; c, F/ Y3 ^! J& X% N1 c/ n( Uposition:absolute;' S9 i1 ?0 J$ @* ]) P: q
left:0;
, x9 b* t; Z' f1 W& `$ mtop:0;
" z8 {, K- V+ Q* s+ o& a$ S9 S: Vvisibility:hide;
( t$ ]+ n6 s' X' i8 v- rvisibility:hidden;
- z0 @/ I( h/ ?( \) p& J! m}/ L* A$ ?# C( m. _1 [3 {
</style>
: E1 G9 j- o5 Z% k& i1 l<script language="JavaScript1.2">$ k  B! y6 d( v  J
<!-- 改变下的字体的大小。颜色-->
2 _- J* ?9 c# ?& m$ }4 a6 `9 Gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 i2 g5 t# f" e3 B! `var hidetimer='';% P* C! l  C0 n+ z$ A
<!-- 改变下的弹跳速度-->! ]8 e7 @8 k& |- q3 y+ q
var BallSpeed = 20;
1 }1 {" @* i. ~8 U; Lvar contentWidth;/ k  d+ P% `6 E6 C4 S9 N& K2 Y0 a, ?- Z
var contentHeight;' y  h9 ?1 ~+ I: ?
var maxBallSpeed = 50;
& q. \5 E6 w8 j& P9 o* O/ x% k3 {4 x' l9 Z: i; A; l2 w7 |
5 W' C6 J5 @2 y( O! x; z6 J
var xMax;* X9 H9 ~5 o  {" ^
var yMax;/ |4 J  N4 s5 n) M
var xPos = 0;
& F0 [4 m; l3 f; U; Y8 R( Nvar yPos = 0;& \! X, L1 J+ v/ _8 T3 f: c
var xDir = 'right';1 Z# [1 }5 h- ?2 |4 A* Q6 @9 D
var yDir = 'down';0 ~2 @: ~. r% K4 F, H
var superballRunning = true;
5 N/ A" V* g6 Y! C: dvar tempBallSpeed;5 u/ `0 R; g% ^$ ]1 R+ k) |/ F
var currentBallSrc;. d; ^+ U. s$ U- b* H1 X* C0 T: y
var newXDir;
6 V3 [7 w( ]: l( F, e4 p0 dvar newYDir;
( g4 x6 m$ j) H2 `  t
- K* }; g- h& F5 ?: Rfunction initializeBall() {% s7 _5 o" w$ W
   if (document.all) {
8 B* c, i: x1 t: H      xMax = document.body.clientWidth
: M4 i  c( {: S5 |8 g$ X- m' U) L8 a      yMax = document.body.clientHeight
2 u- E; ~  i. v+ n' _      document.all("supertext").style.visibility = "visible";
0 T9 v, \6 @: e8 V      contentWidth=supertext.offsetWidth7 ?3 P: L/ T/ W6 Z, E' b3 A9 s
      contentHeight=supertext.offsetHeight
% P0 ]) k; L+ s' \1 l' s0 }      }' M8 M6 y( [7 ]" e
   else if (document.layers) {
' R  r6 L6 E( g0 f" C* ^      xMax = window.innerWidth;
3 ~7 R1 G7 l  _1 t' V      yMax = window.innerHeight;: [) P& q; t# [* F/ g
      contentWidth=document.supertext.document.width
* F9 b! s: _; V/ ]# Z8 c      contentHeight=document.supertext.document.height, o8 l; K: L- z$ g. S% j
      document.layers["supertext"].visibility = "show";
8 k9 ~" o4 b" R' w4 q      }
0 ?' H- `1 Y+ c( V, [3 [- p+ {   setTimeout('moveBall()',400);
& {* Z  O, D! H. d   if (hidetimer!='')
7 Z  {% q/ @$ U3 b) G2 g   setTimeout("hidetext()",hidetimer)
1 H1 M, `7 N2 y( ]4 o  j   }& z8 C9 H+ i' Q7 q8 ]
8 }/ ?& T) o* ]. b# |* b! v
function moveBall() {3 b5 c% s9 I" B5 r. t2 e# p
   if (superballRunning == true) {% j- O. K" n# r
      calculatePosition();
! p! ~, z1 K6 J& h4 u      if (document.all) {
/ }, w( F, {/ z+ z         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 n+ ^3 V  r1 @# P+ v" E         document.all("supertext").style.top = yPos + document.body.scrollTop;# K1 @/ ~6 r0 h$ V5 g, W4 D+ k% v: z
         }
# Q5 e& i3 D/ a# R9 [, v6 n$ y      else if (document.layers) {' W( ]) h. T8 w( s
         document.layers["supertext"].left = xPos + pageXOffset;
$ A) u0 Y  z  G* q  B4 \, \- T         document.layers["supertext"].top = yPos + pageYOffset;7 H0 d% G% C8 a: c
         }; l& ^0 i/ i, s6 b% A, D
      animatetext=setTimeout('moveBall()',20);! t; ~/ }9 p! t8 D: F
      }
5 z/ |5 Y8 M: M0 `' M4 s' o   }
( o8 J7 c! }' _, y  S9 B+ d  c/ O
' y6 w  O( Q: x% o9 Z/ y0 {6 H) a" Q% ofunction calculatePosition() {, F+ J* h2 d  }, G0 j' ~
   if (xDir == "right") {; m- A9 P0 Z) S9 p, M
      if (xPos > (xMax - contentWidth - BallSpeed)) {" L. j, L5 F/ U9 g8 s0 I4 a
         xDir = "left";
: E9 F. K3 f- Z! f" m- F         }
& M) t: [0 d/ c2 A  u8 n' z) V      }
7 G7 _' K, V3 v# l3 n1 h   else if (xDir == "left") {/ I9 n8 t4 x  h
      if (xPos < (0 + BallSpeed)) {
' a9 J/ c' h7 _8 Y         xDir = "right";# ^: d6 h2 G. S
         }
! w' g1 ]& G. D$ W) J8 b% ]! s. M+ @      }
+ f1 {6 H/ W  A4 ]# h) S0 m2 u. {   if (yDir == "down") {4 P+ m8 k- p) |( @. w
      if (yPos > (yMax - contentHeight - BallSpeed)) {- I; `1 I, ^! n& ~! ?" h
         yDir = "up";
5 v; A( q4 i8 m! K6 ~( J         }; ^: x5 V* w6 k  Y& ~2 X
      }
. ?$ H. Q( ~3 e   else if (yDir == "up") {7 G$ f: j/ `3 S! H8 e7 e( a
      if (yPos < (0 + BallSpeed)) {
; d3 B' b! T5 c" ]+ c% w" c$ D         yDir = "down";/ c+ F8 k$ Z6 L' D' Y
         }
  b0 ]) C( @) p      }+ w9 g( w7 d' K3 ^9 N
   if (xDir == "right") {
/ f; W* [0 z9 S6 v      xPos = xPos + BallSpeed;
. k1 C: I' f4 ?# p# Y7 }      }1 @' ]! o7 z  v
   else if (xDir == "left") {
( a4 l, K! r* S; G0 @- M. q      xPos = xPos - BallSpeed;$ M$ }1 e+ W3 o* ~! F3 X' m
      }
% p2 s1 @! M8 _& u4 T8 m   else {0 S3 J# s1 D; L* H
      xPos = xPos;
4 ~" {$ N- P5 B      }
1 a" Q5 l5 @; J1 q7 p7 ]8 j+ N: Q$ |/ [3 h- e   if (yDir == "down") {
7 l  C/ g# j0 s* _, H0 s      yPos = yPos + BallSpeed;# {% B/ W0 d" _1 V
      }
2 ]3 q: @% c" G$ ?0 H0 D   else if (yDir == "up") {
' G( ?5 d1 A, W! Q( H  ?6 H      yPos = yPos - BallSpeed;5 t8 z& s7 h9 k
      }
) G7 [- t0 ^1 G7 e   else {
2 b8 u7 Y( e' f6 F      yPos = yPos;( c% e! r) q/ l# k5 t
      }6 T$ F8 [$ A% u6 v/ J
   }9 k1 m) w$ H  ~$ d
- _% H7 l5 ^- ^6 f! u  c% s+ M4 Z. m
function hidetext(){
% ^% b* g' g3 B. ^2 Gif (document.all)
# D$ I; y; L' e4 B  a4 [supertext.style.visibility="hidden"
' f  j' `2 V5 {: melse if (document.layers). v% U3 X' W2 g; L* w
document.supertext.visibility="hide"/ E) U6 Y: u* N" {( l, }
clearTimeout(animatetext)
9 q7 P! w5 U5 c}, l# d% C4 ?( H/ {- i: [  |, z& y

& g4 s3 H5 r) sif (document.all||document.layers){) H: t. ^$ T7 K- i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, O' K7 p7 F1 \: p/ Y% J! o2 `window.onload = initializeBall;- Y" [  D$ ]# z3 s* j1 p" F: X
window.onresize = new Function("window.location.reload()");
- e$ m* b7 Q3 E+ [; o. G* J9 Y& `( i, x}
5 X( M1 A% f: S# Q* c: T
7 a! w  u4 U, \& L</script>