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

zw2004

<style type="text/css">1 T  w; b8 b  @6 ~3 M
#supertext {# r8 p4 L, E2 _2 y# P( ?
position:absolute;& w2 E, T/ V- n; o7 p& z
left:0;8 Z5 t& M$ q; P, i
top:0;6 p9 c" _: M% H5 Q, W9 @" t0 F
visibility:hide;: _+ r7 X; J* Q' v0 D& v3 e1 W
visibility:hidden;* l8 l- _6 S8 A& w8 ^: C& t0 l2 B
}- z; x! x5 X# a& x8 S
</style>& Y2 L+ {6 ^4 L$ b* ^
<script language="JavaScript1.2">- x" r5 I6 t# K' Y, e
<!-- 改变下的字体的大小。颜色-->
. T6 i( `7 R/ e. cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 N) A  F  ^' lvar hidetimer='';9 _$ v( g# s4 \. Z
<!-- 改变下的弹跳速度-->: T" q* y( `" O( e( z. o, a8 W. N
var BallSpeed = 20;* _5 j* `, @/ C3 N2 U* `
var contentWidth;) O$ r! \2 Y/ U; w$ I+ M' E
var contentHeight;: @: E, u  a1 o( E
var maxBallSpeed = 50;0 S5 N) j' B, x
- p0 d6 {) U& `
, t. n8 G8 I0 D& ~$ W
var xMax;
, o$ x1 a( J1 R' A  k- v' xvar yMax;
" n' i1 r5 d' p1 Q& R1 Uvar xPos = 0;
, T' i8 P3 }( f! Y7 vvar yPos = 0;
0 T7 p) Z; W+ `7 z: Avar xDir = 'right';' J* I% D6 m9 t/ k3 y& [9 b
var yDir = 'down';1 W- E" |* P6 d! H- l
var superballRunning = true;# ~1 @5 o4 A5 |3 l+ g# d
var tempBallSpeed;8 J0 ~4 l) y  T8 c/ L4 e0 l( \
var currentBallSrc;
  I: c* Z. u% h0 q8 ~4 t+ A& O) dvar newXDir;1 B0 t' v" ?* e9 {& r2 @
var newYDir;
: e/ V- l' s9 Q8 o; e6 y5 D$ b) y& X( L/ Z/ X! T* U- F4 h# Y
function initializeBall() {
6 g, w" s9 F& \, C2 \   if (document.all) {" a- D% T0 A4 W
      xMax = document.body.clientWidth& \  P% K( S# w# q
      yMax = document.body.clientHeight, E4 D: j- z! y: I: ?3 a
      document.all("supertext").style.visibility = "visible";
8 o$ w# e5 K* z) ?( l. Q% S2 O      contentWidth=supertext.offsetWidth
3 R# \7 S9 X( e8 O8 j% `8 g+ L      contentHeight=supertext.offsetHeight4 _% R/ f8 _; w  z; k1 U
      }
6 w8 I7 l* d, C, P  a   else if (document.layers) {
: _4 A- e0 F0 {8 ^% g( }5 D/ A      xMax = window.innerWidth;
" |7 v  w# v, c3 X+ l      yMax = window.innerHeight;
/ m: g' U3 j! s0 M6 y      contentWidth=document.supertext.document.width
5 T$ S, ?' D- b) Z3 y% {6 e: }      contentHeight=document.supertext.document.height8 s7 C% k6 M9 P0 r  |# j0 n9 b
      document.layers["supertext"].visibility = "show";0 n& C. T$ o7 n$ q! S1 k6 F
      }  p0 p6 D1 _1 U$ e: O5 T
   setTimeout('moveBall()',400);( j2 e1 a  Q/ a$ Z! L* r$ c# A/ U
   if (hidetimer!='')
" i0 o3 O4 [0 m: a8 V   setTimeout("hidetext()",hidetimer)" s* U6 _, \* o* D; K9 I
   }
: r5 L* X, T3 `
" S2 I. b, J6 J  H9 F0 vfunction moveBall() {6 X$ C( ^( i, m/ y+ F$ U' H, n( k2 n) L
   if (superballRunning == true) {
' D; b6 Z% ]% o3 O9 e      calculatePosition();
6 E6 r* N+ i; c( |: {2 |  ]- N1 [      if (document.all) {
' S( ^5 T- Z1 {8 `/ ]         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 m+ q# }; N! h; \         document.all("supertext").style.top = yPos + document.body.scrollTop;* N. S, |8 {* C( x
         }
* w: z, H- B$ Q6 W* K; \+ F+ B0 ?      else if (document.layers) {( ~( G1 v0 m1 T7 i% c
         document.layers["supertext"].left = xPos + pageXOffset;2 g- |& [! `$ h/ M* j& a2 h& ~
         document.layers["supertext"].top = yPos + pageYOffset;) A6 j. q) p. H: A; y4 I+ ?8 g
         }9 \; r8 z, M4 F) M* |# @' g7 i5 }
      animatetext=setTimeout('moveBall()',20);1 `# |7 F- Y) r- |" N7 ^" P; T
      }* Z4 P' t  Z" N
   }
8 Y0 O$ X* s* J$ b" j5 [, G; U  y
# Q; K2 h& g- ofunction calculatePosition() {$ T+ c( k! h. H- K7 u  S
   if (xDir == "right") {, Q6 |) S: m& {! T9 M* y, F8 q
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 E: `, b1 m3 |! k         xDir = "left";
2 v( j* e. j2 C6 j; g; N         }
9 e$ I5 ~7 }+ G% Y% q. a      }
( A- {1 f! J  A7 P/ M   else if (xDir == "left") {8 i  z1 Y' D2 u, s# _6 C( @4 @& P( o
      if (xPos < (0 + BallSpeed)) {
! W9 k6 i( R+ [; i- D) k         xDir = "right";
; k- }9 q0 X) N+ b8 j* G         }
6 T' z6 r4 P9 w$ x$ R# s      }
" u3 t7 L7 v, S4 f8 P   if (yDir == "down") {
8 J$ g7 S+ {$ f3 I: q      if (yPos > (yMax - contentHeight - BallSpeed)) {
. Z7 [0 q6 ~0 S8 g. H# k         yDir = "up";4 x6 [2 T) j9 Z# s* e9 Z1 W, y
         }( N5 G! n" d0 p& d
      }1 H9 b1 N5 u6 h
   else if (yDir == "up") {7 P' m. u+ |: K. v
      if (yPos < (0 + BallSpeed)) {
" q5 l0 ?/ [8 r- X" v. t" d         yDir = "down";9 x' J$ V9 j2 ^1 l% u: X  ]
         }  X, I" U; |  V- E+ I
      }9 [- q+ l! I8 ^5 U5 d0 v
   if (xDir == "right") {
# ~/ e- N+ I' r% _* C      xPos = xPos + BallSpeed;, p; o( w% x2 ?; g1 E5 n6 Q% `
      }/ n1 k9 U; [3 Q
   else if (xDir == "left") {3 k/ S$ P0 `; g9 F
      xPos = xPos - BallSpeed;
) s3 |5 ]. J1 s) @/ u8 _      }+ e0 _* b8 h  P0 n+ {
   else {
) d3 m! I' ^- m      xPos = xPos;9 s6 X; r! u3 \  ]
      }
  u$ N( G7 }, e! u9 u. R! J( n   if (yDir == "down") {
5 v3 X+ _8 q; O( q8 c/ ^0 ]      yPos = yPos + BallSpeed;
* t$ Y* e- A* [/ T( W1 I      }5 Q* ~* F; z2 O& V, l: H' m9 N8 ^3 G
   else if (yDir == "up") {: U+ _& m* F  i# j% z  A$ {2 _
      yPos = yPos - BallSpeed;1 b9 n3 L* P# v3 M' E) N
      }
7 H6 b& Z- j) |  G   else {) q- [) f' Y9 Z1 Q  J/ m% b* X
      yPos = yPos;
5 o  L- T  B5 E0 Y% j( o9 g( J" z      }
6 `- [# w' `2 ]5 Z$ L7 A( K   }
: ?5 ?/ X: q! N# X" n' o/ q6 U- T5 A5 I& l
function hidetext(){1 s0 \$ w4 k) C$ i
if (document.all)
( [/ K# A' g2 I, ysupertext.style.visibility="hidden". y) i8 |6 U$ i" `' o
else if (document.layers)
) M, F1 R0 {/ O# C4 Adocument.supertext.visibility="hide"
& S: i3 T, O! `1 ?8 }clearTimeout(animatetext)4 ^3 M8 b' \' v$ T' _. h
}
. j' v, i+ z! z' |$ k5 g! W4 H
if (document.all||document.layers){) l/ C$ X0 z/ s; ?5 _6 b; @- H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 h$ P: M& M5 J+ Y; D3 M/ z6 Y
window.onload = initializeBall;
4 O; v7 n; P' e0 T2 Owindow.onresize = new Function("window.location.reload()");0 X( {* m/ E; K  I( F7 o- M0 p/ c' Q) @
}/ G) V: C- d6 J! i! }

1 q- v/ `9 m) I- o  H! \</script>