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

zw2004

<style type="text/css"># P9 l) b2 l. `( A: z! S8 I' V6 I$ P
#supertext {
* I/ r7 i8 q" Jposition:absolute;! L+ E9 B) I2 s' M
left:0;
& P$ g7 ^3 U- W  A, L; ?top:0;4 A$ n, w2 b# Z- f) @
visibility:hide;" P. T# F5 x' V8 T8 n8 ?5 z
visibility:hidden;
  ^/ C& n" V% M9 I; J3 m9 i}
9 o1 q1 i& I; b0 Y9 W& N5 E</style>" x1 A0 ^* ~2 e4 G" q
<script language="JavaScript1.2">
9 M+ L( e( |3 D* K, a( X6 h  Z- a<!-- 改变下的字体的大小。颜色-->
" I& N) z' v9 ?7 xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 B* n( [' {( t2 f5 j% _var hidetimer='';; m3 s; ?3 \4 b' ?# _
<!-- 改变下的弹跳速度-->
0 M! Z2 C, P+ I/ ^var BallSpeed = 20;1 F7 `0 o7 r0 a
var contentWidth;
# m+ t) H6 \/ f3 z: m4 T, Xvar contentHeight;+ A6 T" i; b5 Y2 s
var maxBallSpeed = 50;1 m8 a. |2 [. n: K! D& w& N

; o* g% u, o2 \( u; }* i. B( q" ^7 Y
var xMax;
5 T8 O; }3 S' j6 G' r" m0 p7 Kvar yMax;
7 x" Y2 |# w6 j" w- z$ Svar xPos = 0;+ d2 X4 V8 }  j# H
var yPos = 0;
# K1 I+ c& i5 |$ V3 l) Qvar xDir = 'right';! d3 G! H4 h0 D6 v" Z; u- w
var yDir = 'down';
( E% W. ~4 l+ ?1 ?6 _var superballRunning = true;9 c, Y: P1 L3 P/ P: P# x2 v
var tempBallSpeed;
3 p: A# v$ I  I  s& }8 D/ C( Ivar currentBallSrc;% o- I* w/ P8 z$ Y4 w
var newXDir;
, e9 n" G7 D$ J' Avar newYDir;
0 n# W- g1 S( ~6 T7 n
- t) n, Q5 x& V6 y6 m+ R$ Cfunction initializeBall() {2 L* D+ p( i# B4 b; ]  ]! g3 @
   if (document.all) {: f  `! ~: {/ ~8 O# R6 H
      xMax = document.body.clientWidth
1 C# Q% m) }9 X+ a/ O' T& o      yMax = document.body.clientHeight
* J- u2 O+ }+ n5 f2 W' P      document.all("supertext").style.visibility = "visible";
7 j, f$ I0 b) i: w' Y      contentWidth=supertext.offsetWidth
5 i+ C! C% }2 c+ E  z      contentHeight=supertext.offsetHeight( B, E7 B7 d1 z& r9 ], U( v  A9 k, i
      }
9 J0 L- x' V: M0 i( ?1 ?   else if (document.layers) {
- H+ h  M2 O& J& w# g      xMax = window.innerWidth;- a0 y  n4 s' }" Z* f6 _5 O
      yMax = window.innerHeight;
# d+ I0 n9 W- r: w9 H      contentWidth=document.supertext.document.width  y, p, J* h7 l* r" h
      contentHeight=document.supertext.document.height" v; t! c2 d4 m- g9 E. U, X& {
      document.layers["supertext"].visibility = "show";
- O+ {* Q5 I7 I8 I9 ~      }
  @  O6 W+ M' q8 R/ c# d   setTimeout('moveBall()',400);
# s- ^& }; P. N# O  ^9 u0 Q% W   if (hidetimer!='')
, \3 w) j6 m. M0 o% w   setTimeout("hidetext()",hidetimer)
1 k' ~% M+ E) x) R   }7 w6 d) [- |- R% \( A
9 @. e/ s1 y% p8 q- K
function moveBall() {
% F% [) U3 t9 e' n) y6 `   if (superballRunning == true) {0 s5 Z$ H, j5 z6 h# j0 v& X
      calculatePosition();
# o% @7 \  U% l0 |( {2 L      if (document.all) {9 S8 @4 R  ]2 R$ X9 Z3 E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% r! T$ g  x; v3 k0 Y' S         document.all("supertext").style.top = yPos + document.body.scrollTop;: H  i( V1 ?& D) W, m: d- `: [# V
         }5 C, S; {' I, X& y2 @8 W
      else if (document.layers) {
, N& R8 i; C5 f* r& F+ Q2 `         document.layers["supertext"].left = xPos + pageXOffset;* ?  v0 w6 C3 M6 E$ A4 B
         document.layers["supertext"].top = yPos + pageYOffset;
2 N8 C% z( z" _" K9 O         }
1 x( v2 R( i/ V+ N      animatetext=setTimeout('moveBall()',20);2 J: F& d7 N, t, |, r# g/ K
      }
  n5 ]9 Y! U( R* {   }
; G! A! }1 X* S+ f
: t9 U: H& ?: a% P3 K1 U% }8 ^# Zfunction calculatePosition() {
: F  A- T( a8 v' ~% _2 y   if (xDir == "right") {
* b: N6 w3 }7 O. q$ E/ ~( [      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 a' A# F% R' U8 o* W, C* n# L9 x4 w         xDir = "left";. I& S, o$ ]8 E. j
         }
/ z6 b& H7 @8 d- I2 ]  p      }
  y7 T! H; Y6 R' _4 v   else if (xDir == "left") {! Z7 N# h) b; t, x. S( m" Z
      if (xPos < (0 + BallSpeed)) {
8 j: j0 q+ j/ A' g" r+ O  Q+ m% B         xDir = "right";
! R! b4 h3 ~! ^/ A3 M9 i         }3 H( b3 Q: y$ a, N
      }; x' @8 Y& W) o: {8 Q
   if (yDir == "down") {2 x" g3 G; ]- F* d2 j2 q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ V( G* H$ u  F4 ~% B: i/ J) I         yDir = "up";
  ^& R+ s4 C# H5 D7 @& h. y' Q         }: ^0 t( _$ a1 S$ u8 b8 f4 ]% R) G& Y7 L
      }, {  b+ E6 {( ]3 |0 _' _) k' l; t: d
   else if (yDir == "up") {
- H; m( C. w9 z      if (yPos < (0 + BallSpeed)) {
# E! p5 @# ^% D3 _( k/ P         yDir = "down";
. |  T2 g) u: i3 u; e1 U8 Y         }5 F; e3 @! y* e) |3 Y
      }5 z6 b& c6 I& c, o( K
   if (xDir == "right") {
% J  e4 s& _5 _% D& s: U* B  U      xPos = xPos + BallSpeed;
: X  v" |' [/ w! g0 j      }
& _4 z4 b( q0 q- ^+ n: t9 {  s   else if (xDir == "left") {$ T+ z2 v! o/ T3 t6 h
      xPos = xPos - BallSpeed;1 i" Q" N6 m' L5 P0 v
      }4 z4 B/ R, w0 k1 \- x7 K
   else {
1 V1 E6 Y% I/ \      xPos = xPos;
7 W- z+ c" B, t+ |4 L/ F6 H      }7 [6 C  H. F: X5 N/ \
   if (yDir == "down") {
) B  @1 P' _" z  C, I: q      yPos = yPos + BallSpeed;) G' a( D5 c% r
      }& Z# K- ~& J2 n" q3 N1 p- e
   else if (yDir == "up") {4 w+ c! h9 p- z: `1 s
      yPos = yPos - BallSpeed;$ M: t& o" q& D9 s2 X
      }
7 V0 y: I' C' E: ]2 N# K   else {
% P% D# K. `& ]6 Q% G- p' v* |; t      yPos = yPos;
( n% b7 \2 K( T      }1 G2 X5 W# L! Z$ X; y' l; x3 ~) D+ n
   }, }8 o' i5 }  _" ?

. C( U9 V/ U! e0 ffunction hidetext(){4 v" J) L: h3 P4 |9 L5 x) F: B& c
if (document.all)
' W- e) E- j5 I1 }9 o) Fsupertext.style.visibility="hidden"2 |# P/ c( ^6 B/ n+ l' u+ F( g
else if (document.layers), Y) W  W, e; o" k- M
document.supertext.visibility="hide"5 r8 I; }/ B8 Y+ k
clearTimeout(animatetext)
" L$ i+ ~4 Q# F9 K7 `$ G' L5 W$ y) w, k* v}
- l1 m# m" i. L: l$ {" ?% ^' p6 o: m/ Z! n7 [
if (document.all||document.layers){4 {( j1 P: k- X; S4 g# U  w; q3 s
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 P1 |. f$ @, W
window.onload = initializeBall;: D2 ^; J! @  y5 h! u0 W8 O4 f
window.onresize = new Function("window.location.reload()");
* \* u" u- o% f0 B- W& ]3 ]}% c; d3 U& c# J" c) A
$ D2 m4 o6 z7 H" l  p& d9 f( g3 }
</script>