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

zw2004

<style type="text/css">
# t4 t, x+ \, W1 l#supertext {' e& H, k  d/ U3 J: b& k! r
position:absolute;
6 u8 a. Y4 }: I  m: ^: T. n" cleft:0;+ k8 E! G# u# p: ]7 a
top:0;4 e( ]1 N) b! U0 `/ \1 O/ W
visibility:hide;8 u8 z4 {+ m! ?" @: ^' v
visibility:hidden;8 {8 @9 P- m4 F/ {& D6 |6 d. V" z
}- z$ o- ]2 J. X7 v5 Z; Q" y) `
</style>
7 Y/ n5 W) r% u2 C+ _4 X<script language="JavaScript1.2">7 l' ~" U; \+ q+ _
<!-- 改变下的字体的大小。颜色-->
7 G( Q* g8 T0 R1 u8 [3 c7 Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( s; T7 v  `% J2 V; i5 wvar hidetimer='';+ [1 B9 r$ B; B- u* h4 b/ a# P
<!-- 改变下的弹跳速度-->. A# F' H9 b" I4 P; b$ J/ o
var BallSpeed = 20;
' o% v" \. j, `: M: i( S$ qvar contentWidth;: T- W  k& h4 {
var contentHeight;
2 p- n' J$ Q( C; Fvar maxBallSpeed = 50;
( W& s2 \% H& E3 Z& n/ h
. o# d% K2 L! |* b2 W
  N: l! X* x) f( m/ k8 kvar xMax;
( Y  {: V5 }/ r/ J' _var yMax;* d6 _# m8 f/ V8 o7 [  {0 A% ~  E% t
var xPos = 0;4 o) i: o5 C# s9 m
var yPos = 0;
3 G2 y+ ]' ]# g0 I0 I, @# ivar xDir = 'right';4 b% K. @. o" n# z* n
var yDir = 'down';/ a; X$ f' A) k* i) J4 F/ h" ^7 Q$ Q
var superballRunning = true;3 v+ D* x# r# L; n/ V, e1 \
var tempBallSpeed;) A( ~1 f" l1 _% P
var currentBallSrc;
, C- W: E+ Y/ S0 j: `/ t4 a% ?var newXDir;2 f+ y  r! @  t1 C- m$ N" R1 H7 `& R
var newYDir;
5 s& ?9 O+ Y; Z# f& N( f1 g
5 z0 L. d% ^, d; ~) o3 d9 q  |: tfunction initializeBall() {
5 j! r! }$ F4 ]8 a5 _   if (document.all) {& W2 K" @6 K4 i7 F
      xMax = document.body.clientWidth# `8 i* `6 G2 f* }
      yMax = document.body.clientHeight- z0 W- ]3 u- i4 B4 ^
      document.all("supertext").style.visibility = "visible";1 ^1 x  _" c2 Q; Z7 [
      contentWidth=supertext.offsetWidth# T6 n1 b4 r. D& b9 x$ U
      contentHeight=supertext.offsetHeight, R" o: a! N$ Z& u
      }* J5 M' j" h- O
   else if (document.layers) {" r% o8 ^4 t! X0 E6 [
      xMax = window.innerWidth;
, s- g/ ~; @. j6 }. y      yMax = window.innerHeight;5 k0 P6 \9 C4 @
      contentWidth=document.supertext.document.width/ n5 [4 g' v, ~. u8 J) P( V; B
      contentHeight=document.supertext.document.height
# K# s# A" G9 q, J# U( z      document.layers["supertext"].visibility = "show";
9 O( \/ j  U7 ]1 g5 }      }" m' ^& B, s6 @( A; Q. C
   setTimeout('moveBall()',400);$ R) q$ r; R( G" J" ]
   if (hidetimer!='')& n" U& s7 N6 R# i
   setTimeout("hidetext()",hidetimer)
) B; w* R: M6 v- X   }
* P) J3 Q: p. A& x4 D
$ ?3 u0 m( B; C- bfunction moveBall() {
8 r& d; j; u1 [6 U* @, j, f   if (superballRunning == true) {
+ N: w7 _& N8 z4 x, \2 p6 N      calculatePosition();
$ H* M: D, O- }/ Y% ], ^      if (document.all) {# _1 H1 x. A. F  c/ A
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  r$ J2 S& B5 O  q" P6 N) [         document.all("supertext").style.top = yPos + document.body.scrollTop;
* ]* s3 |9 U, G         }
" n! D. l2 R- m' r      else if (document.layers) {; G6 R/ ]# F1 q* M  ~* K
         document.layers["supertext"].left = xPos + pageXOffset;7 z. N8 h7 K( F) T. G( \% n
         document.layers["supertext"].top = yPos + pageYOffset;
: j: r. M) D; g( m6 i7 S% H         }$ p  M. @: c2 u3 l# \
      animatetext=setTimeout('moveBall()',20);
. z: o4 D. e( F1 @# N) X% q      }
7 y- u- M4 A- ^6 q; c" O   }
2 P4 V  C' B2 V* q* W; V! i
. F: H$ [% d2 {) Nfunction calculatePosition() {
; g5 w/ e/ c! f7 V4 @" z   if (xDir == "right") {
& y- V  u+ r/ X: P! u2 b      if (xPos > (xMax - contentWidth - BallSpeed)) {8 p; g! t6 [# O1 o, W3 z
         xDir = "left";
3 B/ A7 V5 B1 N$ D+ B         }0 d# Y2 t  ]! @8 x/ u
      }( t7 w6 Y/ l& h+ B0 |% z
   else if (xDir == "left") {3 a& f& R. [# Z: l' l
      if (xPos < (0 + BallSpeed)) {6 R( P! B& o; {, f7 {! j  O( W" t
         xDir = "right";  C8 K' N4 U$ O5 s% h# }* o
         }( x" c  K+ @- l' }) m* K  N  X
      }
' q: {6 t4 y0 N: T$ o( v! o( z6 W# ^" }' ]   if (yDir == "down") {5 h' @/ Z6 y/ H
      if (yPos > (yMax - contentHeight - BallSpeed)) {
  a, I5 t8 U- U8 A4 e5 S6 \         yDir = "up";( }1 H+ h6 ^5 |
         }# h1 X& _' |( |' v6 S( I
      }
" @- f8 @* y0 t) l0 o* n   else if (yDir == "up") {; ?) N2 _: o( D: I
      if (yPos < (0 + BallSpeed)) {
/ j: \! R5 U: N  X6 Z9 ~$ T         yDir = "down";
( E7 m* K. w4 M         }! Y( Z& z+ c& G8 B4 F* T+ w
      }% [2 W" }1 c8 o8 u
   if (xDir == "right") {  l- }% E9 T2 \. R
      xPos = xPos + BallSpeed;4 R( ^8 l1 n/ M
      }! v" x$ B# f, Q
   else if (xDir == "left") {
5 h  H* `# [+ i1 ]% ^      xPos = xPos - BallSpeed;4 ~4 X$ t% B7 m8 q& z/ d
      }
8 ?7 q( L% P& F   else {; ], {, h$ V: n8 I5 R
      xPos = xPos;# b3 `1 e. I' O- H$ q3 ~& r  |0 O
      }5 T0 l5 l1 h1 v0 h, u% K: Y
   if (yDir == "down") {
2 f! s6 k' U5 F8 t" v1 u1 x* ?" _      yPos = yPos + BallSpeed;9 c9 x$ K3 |% m/ N- D- K
      }" h3 D# ^. C1 m+ R% N" l8 n
   else if (yDir == "up") {% i1 e5 U0 n0 Y* T& P5 r
      yPos = yPos - BallSpeed;: _: c  {  ^/ ^1 G' t" g8 u3 l
      }
5 y- U# ]: T: Q   else {, s; D' z0 v5 `
      yPos = yPos;
& T8 L3 |9 Z- l  ^1 P* i      }
2 m' ?' n: N% h   }$ K" d* ]9 e* I# h$ n
) {5 V. p1 I* x$ d  g1 h$ g
function hidetext(){+ W6 S- y0 y6 o, p( z4 c) M* ^
if (document.all)
" C! Z# I8 l5 z4 o4 k5 w3 {& Osupertext.style.visibility="hidden"
$ f7 v5 J" m# D  xelse if (document.layers)
( A! i/ z, ^$ Q) T( `document.supertext.visibility="hide"2 D; A) O/ g) K# K: J3 Y
clearTimeout(animatetext)
; U. N, ^6 Y5 }}
1 K# K/ o8 N5 y! s+ ]+ h* G6 x
" V" s' N  T- O% g4 w# Y7 sif (document.all||document.layers){
1 `' S% Y! m, l9 M- q0 O5 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" ?$ p$ l$ J9 O* |2 Nwindow.onload = initializeBall;9 }  I5 S8 b7 _" {( ?. [
window.onresize = new Function("window.location.reload()");9 R" q( T! D7 F. [# E; O( W" ^
}
3 D- ^) p: f$ G7 B" J5 Z- B7 s; ^
</script>