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

zw2004

<style type="text/css">) B8 f# m* A3 a) k/ i
#supertext {
8 u9 H: S  N0 tposition:absolute;/ n. t8 g3 T. X" R1 t0 u" M
left:0;
/ H  m$ c0 Z  d; m9 htop:0;
) \8 Z/ E7 c2 n% ~# bvisibility:hide;
  h7 E$ F; ]/ b# z2 V+ {visibility:hidden;
! L+ Q' a  I0 S! u; m}2 X4 _3 f. w( @
</style>& N9 _! u& \& ?" G
<script language="JavaScript1.2">
$ a) w* u( g& N- X<!-- 改变下的字体的大小。颜色-->! g& U1 M+ |4 c, f+ u3 c. w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. F# Z9 r& D3 Bvar hidetimer='';% d9 D& A/ f0 D9 v( A) [
<!-- 改变下的弹跳速度-->
: o# P' H" f7 X* a* a: Y+ ]% P" yvar BallSpeed = 20;0 z- q7 [; i7 j+ X7 d5 H0 }
var contentWidth;
5 e* w9 L# b3 k+ ~var contentHeight;
6 w& @0 o: X/ o2 K, Evar maxBallSpeed = 50;' O+ d$ l1 g4 i" _
( M6 h8 j, h: \8 H" T4 t* k2 b

7 M5 t$ h, `5 {. n+ o; \. f2 Zvar xMax;
2 S9 N! Y1 K. V; g1 [var yMax;
9 V; m5 `% Q: j/ [4 m7 s+ s" hvar xPos = 0;4 d; Y5 z$ s5 X
var yPos = 0;
9 `2 h2 Y$ t* }# s( q& a8 ]var xDir = 'right';
4 s5 Q0 Q* j3 ~var yDir = 'down';/ O/ x) A! B& A
var superballRunning = true;- K1 Z# I+ o9 f4 L) D8 t
var tempBallSpeed;
$ k# m" t4 T* t( k& I! q! jvar currentBallSrc;- q& F3 G; k; U; X$ u
var newXDir;0 T1 i8 [6 w& a& E
var newYDir;
/ N- ^5 `7 `' T+ o3 J) i2 T- @8 m+ [, i2 h; y9 R  `
function initializeBall() {0 J3 f- E9 ?( h8 R; E5 _  C/ f
   if (document.all) {
/ W0 `9 r2 O, F# `4 S! M  p, L" r6 D      xMax = document.body.clientWidth3 A+ [8 O9 X3 B3 B. w/ _
      yMax = document.body.clientHeight; @. _- {( N2 d
      document.all("supertext").style.visibility = "visible";. h6 ]- `: w  Y1 ^9 c6 _# V
      contentWidth=supertext.offsetWidth
, z/ Q: P7 ^7 U# q5 }      contentHeight=supertext.offsetHeight
3 x4 m) k2 G, N8 y+ o" n      }5 ~4 ?; u! Z/ t  p- t
   else if (document.layers) {
9 E4 H- P$ E  O% F/ ^, z      xMax = window.innerWidth;
0 q. L4 K/ J4 ~. K& n      yMax = window.innerHeight;
" g/ {; G# c* H, T  c: O& `      contentWidth=document.supertext.document.width
. N/ L: w$ T( t! }      contentHeight=document.supertext.document.height
6 {' B: ]' n8 J6 K1 M$ G6 ^9 b      document.layers["supertext"].visibility = "show";3 G: h" C8 m0 R/ H7 A. j3 R- |( [
      }$ c/ `: S1 T7 O. ^$ H
   setTimeout('moveBall()',400);4 V4 `0 }6 A, X* P; \# ~
   if (hidetimer!='')
7 G5 W- k% |" I2 N   setTimeout("hidetext()",hidetimer)
9 T& }; _! k. t" E   }) _* N2 h% a' {! k- n, c3 Q  t
5 e  u$ C6 y- [" l4 K; P
function moveBall() {
( s/ e5 D' U2 W3 `+ t6 E   if (superballRunning == true) {% f. e8 i/ o, Y6 {# K2 ~/ W
      calculatePosition();% N  h: Q- g; [- q- z
      if (document.all) {
1 t! Z+ m# q6 X         document.all("supertext").style.left = xPos + document.body.scrollLeft;: v1 m* w7 k) x7 S& w1 p3 S
         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 P: Q% K/ ]3 L0 @' c         }4 V3 _' H; Z  J8 j
      else if (document.layers) {
# q4 Y7 b! I! v* _         document.layers["supertext"].left = xPos + pageXOffset;8 B; W+ A  V$ c1 a/ ^
         document.layers["supertext"].top = yPos + pageYOffset;
3 i3 q2 J( N; h; `" Q' [         }
1 t# U4 D0 X/ l6 f) Y      animatetext=setTimeout('moveBall()',20);+ y+ G) e% e3 {  e. i  g! Q
      }
! Y( t. V' p4 M9 M   }3 W: Y, d/ w: ]" ^0 t

9 _: h! ^( Y8 u- Gfunction calculatePosition() {0 C! c0 B3 X5 F; P: v0 C" L
   if (xDir == "right") {) J8 I5 \9 u0 v1 a
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% b8 O5 r: ]) A         xDir = "left";
7 A, ]7 w5 E$ y         }. E1 B" f) y  B3 G7 W& R
      }2 m& V4 Y$ d( V) v$ {
   else if (xDir == "left") {. q( j: {! Q# Z& v9 Q# B5 z
      if (xPos < (0 + BallSpeed)) {
! f5 G2 [, s- g         xDir = "right";
* W; A' g1 H; `         }. G# i3 n) f, Y+ J& `$ T5 {: w$ o
      }
$ g2 {+ H# k" {. b. T   if (yDir == "down") {7 H/ I' w3 y5 C, P
      if (yPos > (yMax - contentHeight - BallSpeed)) {
" b# ~' b, q* n$ @' c         yDir = "up";) h  i5 u) O/ A
         }( X! f4 U$ _; V5 {. Q" S9 |! L
      }/ T. ^7 j- G+ z/ m3 p* A
   else if (yDir == "up") {6 Q! T( @: O/ k0 l2 E
      if (yPos < (0 + BallSpeed)) {4 `, w3 p  p: `! O+ R4 U  e0 a
         yDir = "down";/ v4 @+ Z8 V' a
         }
* d% u' H2 G9 D. l) z      }
/ @" c% K4 C( V# f0 }   if (xDir == "right") {  }, k+ ?' O! ~  O0 D
      xPos = xPos + BallSpeed;4 B9 c+ r1 G( B) i1 [- [2 V
      }
3 C/ w# H; Y1 e# ~1 ?/ b( w/ o& q   else if (xDir == "left") {
& Z4 ?! Q3 {8 m  h2 B* D- e      xPos = xPos - BallSpeed;+ A5 Y4 _5 R$ _9 M  `; R7 L
      }
( C4 D( X1 C6 Z( B+ Y   else {
, a7 {1 q5 k& ^# l8 q7 y) ?# Q      xPos = xPos;
+ q7 ?! F; Z9 W" n$ M' S7 @# z  \      }
6 W% `' v1 t1 C* t  W: g   if (yDir == "down") {( C, c. o! |/ X, n+ x$ w% s
      yPos = yPos + BallSpeed;- n2 r- E. t  c/ U, }( c$ i: |! t
      }
# \' ?7 B, `3 b0 }& V' `5 G   else if (yDir == "up") {
9 R& W# D% F1 F2 W      yPos = yPos - BallSpeed;
5 w2 G+ [; u  H+ p8 n1 e3 T: O" Y      }
6 n! _, U( O  g4 O: @   else {! h4 q1 C3 n/ C( z. J
      yPos = yPos;  X! _: H! {/ a! a  x: p
      }
' C5 i  V+ H# ^1 B' Y   }8 ^/ Q7 `5 T0 h" C* Y
. K( z' Y" @& E& ]% r
function hidetext(){" ?' L& M# h: z+ q/ I* S. U+ c
if (document.all)) F; F% P( V6 p1 t4 F- K
supertext.style.visibility="hidden"
, V8 c: n4 G9 |5 W2 D7 welse if (document.layers)
- T9 b7 W9 e( r: h& Idocument.supertext.visibility="hide", a, M) u2 h) C
clearTimeout(animatetext)( u3 ?, [+ v9 u
}
/ n& `' d7 H" i" V! Q# Q% g/ B  v5 L. K9 k6 [! G6 ]
if (document.all||document.layers){$ Y0 L3 Q. _, J# o# d, B6 ^
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 [, o+ K8 _; ]0 @% Hwindow.onload = initializeBall;7 o3 n' @- h' W6 k. f
window.onresize = new Function("window.location.reload()");& W& J: g- A6 U& o  M) E+ p
}
8 u+ J  s% c0 r* {& X, a- p) i$ U3 J  Q8 f" B2 f
</script>