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

zw2004

<style type="text/css">
* l' H* a' f  ]#supertext {
4 a3 U' [% }: z$ U( U/ e1 l7 cposition:absolute;3 S) [$ g/ r# `, _
left:0;
& [# H" C2 v9 i6 f5 o' ytop:0;9 P, B% B2 Z/ e. l! C* j. _# w. X
visibility:hide;6 ~8 ~, A* s& m, r$ Y) H6 a
visibility:hidden;* l& I0 Q0 `, F3 [8 s
}
3 A. t0 }5 c5 H# x! a% i! b! Y9 |</style>$ _: X8 A/ [3 p
<script language="JavaScript1.2">
  n7 W' v; e$ d" y; a<!-- 改变下的字体的大小。颜色-->; y; m; A; V5 w" X
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* `8 X; r$ z. A9 `% y
var hidetimer='';
; U) E. t# |( a- i<!-- 改变下的弹跳速度-->5 R0 q* h9 f7 N  [& p
var BallSpeed = 20;
; k8 s: j* O5 i4 c$ qvar contentWidth;
. e4 e5 S7 ]) u& j( nvar contentHeight;
$ I1 [$ {2 Y3 h2 _1 n; ovar maxBallSpeed = 50;. l! C5 {: @4 n/ S7 A  n3 k$ s  L* [
& a5 ^5 Q, e& G

" V2 m9 {: s! g7 N% U- }var xMax;
8 C3 h# m2 l9 E- D) X2 T/ X- i4 v- lvar yMax;. i# s+ l  a& F8 O
var xPos = 0;
' Q' r; Z4 B* [1 {' y- \! ^var yPos = 0;: i' o9 f! ]- y
var xDir = 'right';
4 Q  V- @' f9 Tvar yDir = 'down';% Z1 G9 V  V4 A/ e5 R
var superballRunning = true;4 V1 h7 x# T" c! U
var tempBallSpeed;
9 @; V1 R5 @* R6 S- Jvar currentBallSrc;
8 T% n6 O/ ^: T  cvar newXDir;
6 q- ]% z4 |/ ^: Svar newYDir;
5 i7 ^6 I8 n7 j$ u# |* c8 l! Y, [" |% s  _8 a9 r" [2 K
function initializeBall() {
6 C0 _7 T& }  A" B/ X7 F   if (document.all) {( ^2 y3 [/ u6 ]
      xMax = document.body.clientWidth
: E1 N, }+ g' f8 X- T0 O5 k; A8 y; I      yMax = document.body.clientHeight$ s; _& G$ `0 b1 o. L8 z( @" J
      document.all("supertext").style.visibility = "visible";- j7 B, c& I* V( p
      contentWidth=supertext.offsetWidth
  S8 X+ q& A; m      contentHeight=supertext.offsetHeight, j/ F7 D! @1 M
      }6 M  `$ o8 v) v' A4 x
   else if (document.layers) {
# A5 R  Z1 l9 X      xMax = window.innerWidth;  M% t* P* y  t: d7 m0 p
      yMax = window.innerHeight;: N2 v, S; `' @( L% I. C! J  o$ N
      contentWidth=document.supertext.document.width  V9 Z- p# c) q, q' Y; k7 a- x
      contentHeight=document.supertext.document.height
  Z( D7 ^* K  h& L      document.layers["supertext"].visibility = "show";7 j0 l1 i1 `' t! J6 K, j: D" g
      }
! v" r; G5 e1 V   setTimeout('moveBall()',400);
* u6 w) V0 |: S/ w2 c   if (hidetimer!=''), Q: o' I- g# o5 N) X
   setTimeout("hidetext()",hidetimer)8 B& {- l( J+ d7 c: x( H5 p5 n4 R
   }
. N5 C) u7 |5 @& `% l
* ^0 N, B$ k( c$ B' ]* yfunction moveBall() {- t1 R' m3 u) @% q) P* W+ [$ N# P
   if (superballRunning == true) {
. \9 S- L  ]: B" R  B. E' c( c      calculatePosition();+ L9 n$ j$ L6 j7 G" f  H; E
      if (document.all) {/ e9 G& h: Y8 B! D9 l, y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* Q/ m) U2 ~3 c* J% P/ k8 Y) W
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 P8 W. C& i3 N# T8 c# U         }
- {% o6 S$ v* w# I      else if (document.layers) {/ K" |  b$ f9 A1 g3 P
         document.layers["supertext"].left = xPos + pageXOffset;
8 C& D, @5 `/ l: y& n, z         document.layers["supertext"].top = yPos + pageYOffset;3 n/ A( F. c2 S! j
         }
) C( b9 A% G" K. {      animatetext=setTimeout('moveBall()',20);; w( O8 e2 u! |
      }" _/ I. h* ?4 Y# c3 Q- Q6 X
   }
1 X+ m+ `8 \$ X& c, _& K' w2 [6 `; D8 i
function calculatePosition() {
! E! i7 r* D  x+ `& B' ]7 S9 C   if (xDir == "right") {
" T% h# `; {2 q$ G      if (xPos > (xMax - contentWidth - BallSpeed)) {6 C! a1 f$ @, ]( C$ A
         xDir = "left";4 J9 P$ v) X  i5 o; I. l, z
         }' b; R6 t5 c- L% O& O. u+ i' h
      }' }. Z# o6 `- I* i. y7 Z
   else if (xDir == "left") {
8 b" a! c. ]+ h( L1 x+ r( R      if (xPos < (0 + BallSpeed)) {# Z3 b9 O6 V% Q! P# C$ u9 d
         xDir = "right";
0 z9 g2 X" F$ w; {5 G& W/ i+ [, b         }" p. r" Q8 Q7 n) t  [, o
      }
* H& [, b3 f* I; x' m   if (yDir == "down") {
  z6 X$ L7 S3 l* z      if (yPos > (yMax - contentHeight - BallSpeed)) {6 C# S5 E6 Q: ~
         yDir = "up";# O  a; s" M" p; L
         }1 X$ V* _. u9 l2 J  a% o( D$ ~
      }' n: J" v# `& R5 T  m# z9 [. a
   else if (yDir == "up") {
4 S1 x& s+ y  w: w# L4 n8 J      if (yPos < (0 + BallSpeed)) {. M  C2 v1 w2 J0 L5 |
         yDir = "down";& \% l/ V! P% u. \
         }7 B6 V0 ^3 m/ @5 X, j( a$ l
      }3 J; ?( k" \+ e: Q+ p. ^* T
   if (xDir == "right") {2 T7 E4 ^( Y* i4 Q, x
      xPos = xPos + BallSpeed;3 m5 q8 }7 Y' E* t1 [
      }# w  f% {# D+ D* d& {2 w
   else if (xDir == "left") {; y0 T4 G7 L4 S$ Z! ~$ k3 [0 S, l
      xPos = xPos - BallSpeed;
* c! J) N: `( u' Q7 [7 @      }+ Z6 R/ A* h# o( a+ U& o
   else {% Q" C7 o5 z" G9 [# Z9 X' u
      xPos = xPos;
- w' P5 }. ?( y" U) E      }
% ^8 f$ C& w8 J1 w! M/ H0 k   if (yDir == "down") {2 s; e5 v% k" ?" A
      yPos = yPos + BallSpeed;
7 L) u  ]" z% U1 C! t2 a4 W      }2 F# X6 ^3 F* d; |% Z3 ~( b
   else if (yDir == "up") {9 ]/ ~8 ]% j, ]& x
      yPos = yPos - BallSpeed;- e, R. }! K% J, Z$ z0 E
      }6 _2 Z/ e: w& w$ L
   else {) u" P9 ^: g' g
      yPos = yPos;
+ x$ B6 i6 r3 ^0 I      }7 F7 z7 _/ H- b" s. }# y% b
   }& c  s# w5 l- c, g% H# F9 {; q

; z; x& L; W0 Y( B! d" Kfunction hidetext(){
/ I, P8 c/ G- T5 t. q' Rif (document.all): j, y/ P' `' ?3 _9 z2 b
supertext.style.visibility="hidden"
2 z0 ?% i" d  _! g1 i' I- Uelse if (document.layers)# U# M2 m4 [3 p7 w
document.supertext.visibility="hide"" x, A" Z9 ~& x# f
clearTimeout(animatetext)
/ M# F0 c5 U( h8 z/ S' _}- L# ]$ ]: n) _  L

* x4 L, w% ^& w  {! Y0 a# wif (document.all||document.layers){: D8 j9 E  u# `: ?  c& s  n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ r, ?- u! P; R7 s3 B: l% z
window.onload = initializeBall;
' h' T2 R  r& B6 o1 ^1 D8 Nwindow.onresize = new Function("window.location.reload()");+ v4 J# Y9 d7 R
}# p7 w/ g, v$ L' D. T4 i# s9 }! q# J
! ~- U) |( j4 Q6 V- D; b
</script>