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

zw2004

<style type="text/css">
+ d1 \; r1 o% h, S7 B#supertext {
+ U7 b$ X& L0 V4 _" s7 vposition:absolute;9 g; J7 M) @* ]
left:0;
) R" L' l& s* X" V( D" Rtop:0;$ l5 l% \9 w% D9 f$ M/ q
visibility:hide;8 _9 e: P8 U9 Q  ]+ X- y
visibility:hidden;4 \- c- y; Y4 n; v
}0 j! M: u+ I* n7 F  v
</style>" U, v3 B2 U. s2 Z
<script language="JavaScript1.2">
2 t/ N1 V" \, J7 x. N+ g% y8 j<!-- 改变下的字体的大小。颜色-->) b( r' Y! R7 @; }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! d  A: Z7 J4 P  s* _var hidetimer='';
" S8 _+ h+ q1 N6 x<!-- 改变下的弹跳速度-->
' [1 d" S/ L( I; X; I) E# g+ ]var BallSpeed = 20;
9 G; q) u" R; V7 evar contentWidth;, t4 q# m9 T1 m7 }3 A
var contentHeight;' d+ }; |6 a" j- D- u
var maxBallSpeed = 50;, H  R, }1 Q  r; n) w6 u7 _# B

5 W6 |8 b5 j5 V! d! t
$ V( u1 ^* f6 m5 K% n9 |2 ]var xMax;' b2 A$ b. V# d6 g; v- x  M( Q$ \
var yMax;
: u4 P! k% r: c. m( y$ }var xPos = 0;" U5 x' v: {, Q7 l0 R5 S9 ^  W2 E
var yPos = 0;
% U- C) N6 t: p* D) X! C# J% mvar xDir = 'right';
2 a- [+ j2 H% C5 R4 c3 Qvar yDir = 'down';
; i6 j& e# P; P; }var superballRunning = true;0 C8 p+ ^, }" b& |
var tempBallSpeed;; x8 R2 V/ |$ G$ M
var currentBallSrc;
! d% N/ Q6 c* Q9 ^' n; b1 A0 rvar newXDir;
" F+ Y& o' o+ N- @& c$ f- uvar newYDir;
; t. ]6 B% J* I8 t& t* ^( ]- d0 p( A$ O( u) R
function initializeBall() {  D6 o, [# t! n/ b# H; U9 H- P
   if (document.all) {" M! A/ H2 L) H2 C9 m, T4 _
      xMax = document.body.clientWidth8 y. W, r% p8 g3 i3 c
      yMax = document.body.clientHeight1 b7 D" j# E/ n+ c6 D2 ~
      document.all("supertext").style.visibility = "visible";$ C6 Y7 Y) u$ Z2 s4 D
      contentWidth=supertext.offsetWidth8 r. n' O) ^( V! ?' O: q
      contentHeight=supertext.offsetHeight
3 l: Y, e" ^) V7 j/ w      }
" J5 z) r+ Q4 g   else if (document.layers) {$ R7 ?$ C0 J8 \# f- a
      xMax = window.innerWidth;8 Y* {8 V  E# W) k$ `( b
      yMax = window.innerHeight;
4 C! G3 I2 N# V. s" f      contentWidth=document.supertext.document.width
) s( f( t& @$ {# u. ]      contentHeight=document.supertext.document.height7 i0 h, u  F' X
      document.layers["supertext"].visibility = "show";* _! c. A. M' w# A6 Z2 H
      }
1 Y) b7 S. Y$ u" h/ V# J; D  H* v   setTimeout('moveBall()',400);4 Z. L! }& m3 d( Q/ Y* l6 P' o/ Z
   if (hidetimer!='')
8 w. C* |8 {( G   setTimeout("hidetext()",hidetimer)
7 W( r3 Y5 |# ?   }
5 f/ B7 W0 L' \/ O' U" s1 d* s5 F4 H9 e  H: [3 p; g" \
function moveBall() {
$ z# z: F; I! {' ~6 |   if (superballRunning == true) {
6 L7 q5 X2 [7 d  [) e7 A      calculatePosition();; F* w. A7 M& g$ ~
      if (document.all) {7 b- C8 z. _- h
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# O( m# H3 Q7 J+ i6 Z- F. j         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 d4 J  c* X4 p: v         }
; n; }3 g: Q  R5 w: x) }      else if (document.layers) {' O+ o# q0 U; Q( G
         document.layers["supertext"].left = xPos + pageXOffset;
- p: @8 H$ i6 p4 N7 h" b$ u         document.layers["supertext"].top = yPos + pageYOffset;0 L/ x2 r% y8 a7 S
         }1 F* N8 U/ E6 |7 U
      animatetext=setTimeout('moveBall()',20);, T. O# h5 \6 _
      }; v: d) i$ ]0 g
   }0 u7 V; D) G$ z0 \/ _1 t
- w4 l9 Z9 B# k* ?( B4 r8 ^
function calculatePosition() {9 b$ d/ @  L0 c, ~3 a0 D7 O4 d
   if (xDir == "right") {0 [" [& X# y1 z5 {  l! M
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" {) j' d3 A0 D# T" S& _6 L         xDir = "left";
3 w3 ?5 g7 F1 |( s         }/ m9 o# T( \- Q* f# @" s
      }2 ^0 `% q+ n% v; F' i% P/ A
   else if (xDir == "left") {
# o/ o; p2 H+ m9 z) m      if (xPos < (0 + BallSpeed)) {& f! f7 X5 f, \- N
         xDir = "right";+ }1 |8 F- u0 |6 C6 |' m0 i5 v  o
         }
" W: R$ L8 e8 F1 r8 F( {0 g( w      }  r: w  Y% `$ z
   if (yDir == "down") {
! _1 r( ~" S7 z8 N; _7 g4 ?( m9 J      if (yPos > (yMax - contentHeight - BallSpeed)) {: e( ^5 ^) j* d
         yDir = "up";' x4 j( @0 \. D* X9 h8 F6 A9 ?* j
         }
. w# [, B5 I) R& Y" R" n      }
6 V' X! g; T) E# O: `6 q   else if (yDir == "up") {# H5 w2 `* h- A4 b, ?4 [, v
      if (yPos < (0 + BallSpeed)) {; O+ d, Z7 D/ x. P8 Q
         yDir = "down";' m8 a3 ^% l! r' s% c' @- `; F
         }
, ^* T( r* b, k7 C6 X! e      }
6 s. v# K# k' m( L& H% |# z   if (xDir == "right") {9 g$ X) y3 w0 z! V6 {$ e
      xPos = xPos + BallSpeed;9 U+ k. U' I( Q; v, t" ^! k* u
      }
4 g" \6 e  N: A6 ?   else if (xDir == "left") {1 C# `3 M2 G  g! Z
      xPos = xPos - BallSpeed;7 ~5 B/ p# M- j. ~
      }/ t% {" y; o& l! O, z5 ^
   else {
2 s# n' N0 I  @2 ?$ f" p  k5 E      xPos = xPos;" E* h: V( s8 r7 R
      }3 ]0 ^0 ?& K! W' l
   if (yDir == "down") {1 T1 o5 [& P# ~) s  N/ Z
      yPos = yPos + BallSpeed;! Z1 d) }6 @1 x: m# O5 z: w3 s
      }
" K- \; j0 y- f# G7 a3 b* C   else if (yDir == "up") {0 l, b4 k- d! x
      yPos = yPos - BallSpeed;0 m+ ^0 O, y! B; V
      }2 l( J* [) d$ \9 E6 E
   else {
( n# z) d  I3 B2 y2 f+ ~      yPos = yPos;
2 f6 w/ D7 T. w2 ~      }
, F$ i/ l' J) R" t* z   }5 ]0 ^* c+ I( g, W& t: D: ^

/ ~! c  Z% B5 l" m% bfunction hidetext(){% B9 {- |1 Z" l1 d/ _- p8 a7 C
if (document.all)# f2 @; A  R% O8 k8 M  _
supertext.style.visibility="hidden"
7 t/ E1 _! r5 `' jelse if (document.layers)5 y0 W$ E6 P+ g2 M
document.supertext.visibility="hide"" q% c/ H0 d1 f8 i
clearTimeout(animatetext)
3 T8 o2 z2 Q8 ~( K}
/ W! Q1 @3 A$ A( m* B2 k' N
3 K. N0 p! z8 Jif (document.all||document.layers){, [) [, Z' ]# _2 u+ q3 x  c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; k1 S8 k5 ~% b' g5 @+ Y- k  owindow.onload = initializeBall;+ i, o/ z3 w- V3 g1 l6 s
window.onresize = new Function("window.location.reload()");( s  B( C  W/ T* R" m' `# g* P7 V
}$ @, }% l8 V7 O7 v. L& w
" i; r' A2 Q( I/ K! K
</script>