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

zw2004

<style type="text/css">
/ E: k; j9 N) H# N! y& _2 i0 S8 W#supertext {' M  S) }9 j" S" {* b: T2 k
position:absolute;& b2 v# U; m2 [, E  X& B$ `
left:0;* m; Z4 H4 U" N# R# D7 t% J  F
top:0;
( U% C" y6 j* ?/ o4 mvisibility:hide;
( I2 M/ A0 A* Z* v$ i9 pvisibility:hidden;
3 |! U' E, g: L3 Y' N( J" v}. Q0 P8 |. o( S
</style>
7 F# j. b9 }! G) s; X<script language="JavaScript1.2">
7 k" v/ o* Y9 l) d( }4 x<!-- 改变下的字体的大小。颜色-->
& O* Z9 ~. `: I, j, {: Vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 @% y( |5 S% I9 o& evar hidetimer='';
2 `1 L/ D! y# K, V6 L0 f9 j+ P/ `<!-- 改变下的弹跳速度-->2 A7 A8 b, r  x# Z
var BallSpeed = 20;( D3 H- u: q4 c$ k0 F. R7 s
var contentWidth;
2 X3 K# s, i9 Q4 nvar contentHeight;  p7 e8 J4 G  V6 N, w8 K
var maxBallSpeed = 50;2 Z0 S( ]% c4 u" |! f2 f
/ Q5 r1 S: V& L4 q, e: H

5 G% G3 Q- D5 o# _var xMax;. I1 `: G/ F% B
var yMax;2 A3 A1 O' x# a! J, I& Q2 c* E" H& T
var xPos = 0;; p9 q8 o. g9 f5 U& X- J  b
var yPos = 0;" K" d+ U8 Z/ k7 R  j- M, j1 x% _4 k
var xDir = 'right';: A" V/ H3 P4 R/ t8 R6 Q( t
var yDir = 'down';+ @- K; Y1 V  o- N
var superballRunning = true;9 u( o) t; u. o5 M& W0 f, H& P7 h6 i+ L
var tempBallSpeed;
" E' \) M) ~; V0 U& i; v; s$ H! k2 f+ cvar currentBallSrc;3 W! i- e  m. G, B  v
var newXDir;8 H& C' x6 a# Z+ }7 \  Z$ w
var newYDir;1 T! v) J  p- L& M0 n

, M$ t+ g, h+ q2 ~& v4 x3 a/ kfunction initializeBall() {
) P6 O" a" H$ ?   if (document.all) {3 ^1 q. a5 \% t9 f- C! l
      xMax = document.body.clientWidth5 C" x5 A& }& _+ Q/ V4 E% c
      yMax = document.body.clientHeight% e  k: w" W$ V
      document.all("supertext").style.visibility = "visible";
+ E9 O  f) }- T! L) z+ ^. U$ {      contentWidth=supertext.offsetWidth
2 r7 J" o1 W5 g: N9 `      contentHeight=supertext.offsetHeight
/ F% J- r" ~( p0 M3 R7 b5 p      }4 g' [" ]& ^( ~5 Y$ w7 l! w) W
   else if (document.layers) {
: E2 t) s( x8 z0 U) t4 u3 F) g* f      xMax = window.innerWidth;
7 @8 ]' x2 S; U" R4 U. a' x: H      yMax = window.innerHeight;
3 P" h, P5 a- C8 \      contentWidth=document.supertext.document.width+ n6 W* f3 s1 e9 M6 P+ r8 `
      contentHeight=document.supertext.document.height% V  e$ _( O  Y4 F. d* H
      document.layers["supertext"].visibility = "show";
0 q- B" }# X. H  w' |' n      }- s* K% o4 t* u" t+ \
   setTimeout('moveBall()',400);: a* `( p. `! ]
   if (hidetimer!='')
( X. Y; a, A! e   setTimeout("hidetext()",hidetimer)
- F3 t8 X! {$ J- b, h) B: P   }" [' h5 A- z' b$ e, X

# u2 e" M$ L" vfunction moveBall() {: O. X! n8 w5 v; W, z" X/ J% M% i% N
   if (superballRunning == true) {
6 x" A" |/ V  y' {; C' D' b& C      calculatePosition();
$ q6 c2 Q6 [4 _5 Z' k8 Z4 K$ `      if (document.all) {; V* d8 j( J- ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 w9 n5 M( }0 C; h0 F
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- x& I) Z# g" \3 n$ A         }' `  T7 ^  t+ E, p
      else if (document.layers) {# I  i) X0 `" C. i7 F$ @
         document.layers["supertext"].left = xPos + pageXOffset;
. j$ u/ `8 O5 z  [* f* M+ I         document.layers["supertext"].top = yPos + pageYOffset;- e7 x. o4 [, d! L
         }
# [6 |  x5 k6 q* A( _$ ~      animatetext=setTimeout('moveBall()',20);
. G# l0 q8 ]5 o. n( `      }! l; t0 M8 Q9 g! V
   }& f5 D" A* x2 f: _' g/ k

  S" w! r; X  h7 T3 i( u' Ffunction calculatePosition() {2 u3 I6 |5 v* Z6 L% H5 `
   if (xDir == "right") {
3 P  A2 @9 w" v0 l* I) l% ]+ E/ H      if (xPos > (xMax - contentWidth - BallSpeed)) {" @) j" F( }6 |" d; m$ j
         xDir = "left";/ F& C1 B; q5 {' |6 H! d8 V/ C" U
         }1 K- B7 ]; H) l, i
      }
; |% L7 q6 d5 M7 L9 r, A7 T   else if (xDir == "left") {
: D! z& _4 L& G( f      if (xPos < (0 + BallSpeed)) {) P# `: d3 Z; |: `5 r3 b
         xDir = "right";5 n3 h6 Z& a. F$ k) W- ^# a
         }- V; y& v; v+ b0 b5 a1 t2 z
      }' w$ w* V: f0 k* h( D
   if (yDir == "down") {
3 g7 }* L4 f: s' u' t' w  B  u      if (yPos > (yMax - contentHeight - BallSpeed)) {+ r6 U2 n4 x* o. _. ~
         yDir = "up";: H7 @( P2 N& r  r+ p# O. `
         }
& O* @* l4 t! F! N% e0 N      }
3 _" L( ?6 W2 h2 m4 a   else if (yDir == "up") {
: V' }' t( e$ ?! U& V      if (yPos < (0 + BallSpeed)) {; q" k* F6 R4 U8 P5 \
         yDir = "down";
5 ^3 s, o1 |7 W; s# C' a         }% @7 ^. o. y& N$ |% L
      }
( h1 r) J$ y$ k% O% b   if (xDir == "right") {
/ J, i6 k' R0 h5 M# G- k      xPos = xPos + BallSpeed;
* j  `" {) E) ]- Z      }
3 T  U0 r( l& ?- U3 y. K   else if (xDir == "left") {
. U# j/ k. b8 q) k2 N4 e5 H      xPos = xPos - BallSpeed;+ J' ^9 `) g! o9 H. E
      }
" n% u% b4 }1 M# C' `  x   else {
- j  {4 h$ \8 C" `* k6 ?7 |0 w      xPos = xPos;
$ g. x* a. \3 ~4 L1 s      }
6 O7 P9 E# R( |% u9 }- k+ b   if (yDir == "down") {
& {" g! z7 L& j5 W3 q- d      yPos = yPos + BallSpeed;3 L0 s4 Z0 e& A' _3 z
      }5 a$ D3 n. g- S) ~" s; `
   else if (yDir == "up") {$ w' S& h9 [$ G, i- j, m0 q6 X9 @
      yPos = yPos - BallSpeed;
* C* W$ g1 [; M3 \      }
: M* S6 y7 g& _   else {  ^, b7 [2 ?6 W" p; H8 W' o+ _
      yPos = yPos;
: r' |$ l( @' a: c      }
' r6 L3 p8 p1 V1 c0 G+ b   }" q; S/ V: @8 }$ w9 U
& ]5 i8 y9 R- G: ]
function hidetext(){
& q; P2 R# P% V6 Iif (document.all)
+ F4 b6 J/ v- Hsupertext.style.visibility="hidden"9 I1 ]- Y9 U3 R% s
else if (document.layers)
. J9 V3 h5 @8 N3 V. l! Wdocument.supertext.visibility="hide"4 d+ ^. q* C7 K5 v  d8 @! V
clearTimeout(animatetext)
# ~) R) s9 T. L5 F; ]; y# G}% C1 V3 |/ q! f6 i& F  x
, p2 T5 ~# F3 R. n
if (document.all||document.layers){
5 J/ z  b1 G0 k  V$ Edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! A& t$ [) W$ {* A" o% y0 h) y- gwindow.onload = initializeBall;
1 P4 A) Q: u; p' j1 j. Iwindow.onresize = new Function("window.location.reload()");
7 m$ k  Y+ f% |8 p; f- ?( l}( f, R1 d6 w; v3 a; z
1 t% \: h& Z- h/ ]& S- ^
</script>