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

zw2004

<style type="text/css">: S; M% f  U: X" p5 H& R- ^
#supertext {
& F9 _0 }9 Y! F' @+ T" j( Aposition:absolute;' i; Z1 t0 M0 [2 ~1 B" e
left:0;
$ N. N& q' ~# Ntop:0;, J3 S( ?% g4 [) A( K; L& ^9 K1 s* u
visibility:hide;
* x/ E) I/ U5 x7 bvisibility:hidden;
7 N# A) `2 _6 _1 Z}
1 \' _% `' {1 x$ s, [( i</style>
  A' I# R! R7 a; v<script language="JavaScript1.2">
1 ^9 @& w7 w) d4 X1 n& Q<!-- 改变下的字体的大小。颜色-->
% {& d4 ], M: H5 E1 Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. [! ~; M: a( [% y
var hidetimer='';
# M6 a4 J4 A: H<!-- 改变下的弹跳速度-->
/ J) A& p- w. M( N* J6 ?- A: T3 mvar BallSpeed = 20;' h0 f# h* \( Q5 H8 O' z- @
var contentWidth;/ O2 U( w4 k  }( \, u
var contentHeight;# Y* g# p* r9 Z* F+ [, J
var maxBallSpeed = 50;! A, G+ M$ }3 Q! b! r
! u# {# h' ^: a) E. U; [# L

/ r5 w8 o* x- K6 g0 `; E, g( Z$ N7 Kvar xMax;) Y/ f$ N* M8 u- R( p3 Y7 v2 e. e
var yMax;
  O5 N0 Z  V4 M6 E& k6 ovar xPos = 0;
2 e. z  h% u) h  Q0 X9 I# dvar yPos = 0;
' O7 ?/ k) P% U. Q$ Nvar xDir = 'right';. _% }6 w2 ], R  m) t
var yDir = 'down';
- q3 L/ m6 e& u# kvar superballRunning = true;" A+ f2 C( b. T2 t
var tempBallSpeed;' z5 O' a2 p$ g
var currentBallSrc;8 a1 u0 Y5 f0 B6 d
var newXDir;
6 g$ }' v6 k1 D. Ovar newYDir;
3 L2 f8 U  a, @+ s
. `' g4 G* l) E8 ~function initializeBall() {) `5 n' u" P+ g$ I1 y# `% Y
   if (document.all) {+ w9 I0 G3 ~2 P3 s# n/ Y
      xMax = document.body.clientWidth
9 B& T; L& b( }2 `5 p$ U$ o      yMax = document.body.clientHeight
6 |0 g' {  N+ R& h      document.all("supertext").style.visibility = "visible";
% ]' V9 }) _* j      contentWidth=supertext.offsetWidth
+ g3 H; ~8 ]  V# {! a' j      contentHeight=supertext.offsetHeight
% A2 ]) C7 i' q/ W! M7 |+ X      }
" d6 Z- K( A% W6 C8 e4 Y& X  M# K   else if (document.layers) {
( [7 @* e6 w+ i! Z& v      xMax = window.innerWidth;) {& w( n: k, Z& ?0 B6 B2 c
      yMax = window.innerHeight;* u- ]% r" k8 B" U3 |/ r& t$ p
      contentWidth=document.supertext.document.width) a$ ^3 Z3 C, T6 p; K
      contentHeight=document.supertext.document.height9 ?  O  C  p  W5 Y! ~
      document.layers["supertext"].visibility = "show";
. m' H0 _5 B" f8 M: A      }0 {5 U7 j6 |6 l) H
   setTimeout('moveBall()',400);" @: Z9 S, w' Q* S( ^7 f; m8 H0 k
   if (hidetimer!='')* r$ V6 V" x0 K  {/ _7 ^
   setTimeout("hidetext()",hidetimer)( K7 Z9 x* Y* K
   }
# M& ?7 R! z  [) x6 c$ R( C. X" p1 w8 o; }, K
function moveBall() {( y% t% R5 g, O4 A
   if (superballRunning == true) {
2 G5 ?" A3 ^" _. u      calculatePosition();
, M- U+ e  b$ Q- k1 j, B4 G      if (document.all) {$ n* ~* Z. n- A# [
         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ s) z) P; G& U, W
         document.all("supertext").style.top = yPos + document.body.scrollTop;% _% D" A, I. G/ a; {; {1 h1 m
         }
& X& z: N3 z: {+ w7 v      else if (document.layers) {
* X5 J0 z) X% {         document.layers["supertext"].left = xPos + pageXOffset;% O5 H3 E6 p+ y# K- G
         document.layers["supertext"].top = yPos + pageYOffset;& V6 I# k: V; \" w5 Y# _
         }* M$ q- o& C1 O0 t0 x3 O
      animatetext=setTimeout('moveBall()',20);- S# A) i4 E5 F% N6 V0 M" I! y0 B
      }
/ M4 v$ Y7 Y4 {   }/ W0 _  c: g2 b& k9 N* |
* Z1 W# O4 K# U" l
function calculatePosition() {
0 h: h2 ^  C% H, N   if (xDir == "right") {
4 Q+ K, P  U& w& k$ G# c- m# `' I      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 X3 }4 T" v+ L  n' m( V( S) Q         xDir = "left";
+ y8 @4 ]4 l- s0 S         }
) A& g8 o/ B2 w+ U      }/ s1 I0 t' S1 V( c8 K' d
   else if (xDir == "left") {' P7 O) c- L( y) A5 Z! S
      if (xPos < (0 + BallSpeed)) {
4 h2 R2 }2 w1 d4 n  o  o         xDir = "right";
0 k  E! i  L8 ]5 S. W  |         }
: g& E2 G5 J& W, ?0 e      }& s' N1 W* F% S7 B' t+ i
   if (yDir == "down") {
% n6 m; |+ m, k# _      if (yPos > (yMax - contentHeight - BallSpeed)) {
% o6 k+ G) o+ g: s" b% K         yDir = "up";
, \% ^9 V9 ]7 E5 {% g         }
- U/ A( W2 g4 E/ x( W" Y      }. i3 |  B$ }$ w0 G; ?7 @
   else if (yDir == "up") {0 ^8 r3 u5 G* Q9 ?* R) ]7 d! \% }
      if (yPos < (0 + BallSpeed)) {
, G9 o# z$ u8 a6 B9 S         yDir = "down";4 X6 t' p3 R0 W  r
         }
3 a4 m" q# }5 @4 }: G% L) H( g      }
6 I) c+ F! v' m  i   if (xDir == "right") {
4 [. q# d* @5 j; N      xPos = xPos + BallSpeed;
; G  g. L5 j* G8 W      }
3 d4 `3 ], u6 g   else if (xDir == "left") {
# ?5 x$ b; c5 `% L      xPos = xPos - BallSpeed;
/ T* h7 A, r: g5 `2 z, L      }9 H7 i2 {- n' t! [, M* m
   else {" {7 A& k) C1 e! ^, h  ?
      xPos = xPos;5 h/ V! F/ z" E; J3 A
      }
/ N4 ^1 ]% q  }4 U; ]: A   if (yDir == "down") {: W( R: l- h. Z4 q
      yPos = yPos + BallSpeed;
; H. E" E  |! g3 `+ U) \1 |      }
5 V9 v7 x- T0 y1 U   else if (yDir == "up") {
& }8 g; s- C( f8 b; A  \: `- q, T( l      yPos = yPos - BallSpeed;! w" X' b: ]$ \0 u
      }
5 S7 x! ?& w7 v% ~   else {3 c- g0 u8 w. o9 L
      yPos = yPos;
8 A. r- e0 G& O/ ]+ o2 f      }" k7 p* s" I+ u& t
   }
4 m" {, i5 X2 N3 {1 l' ~* ?
: d4 X$ @' _- [function hidetext(){4 M8 z; Y1 Q: ?4 t0 Q
if (document.all)
) z  S, n  b# a/ F9 W- [supertext.style.visibility="hidden"
' R5 O$ e5 W3 s, Belse if (document.layers)
$ P4 K4 U0 D4 G1 W9 u2 V8 cdocument.supertext.visibility="hide"
% _& n. }5 G9 D& K6 bclearTimeout(animatetext)' ?- T% Z3 p# t2 P4 w" A
}* l! g- {0 d: F" ]$ @/ i

' `% K% x; I+ M3 a$ ~8 ~$ v7 fif (document.all||document.layers){& Q: E' Z5 I5 T0 T5 ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 ?% n4 Y( o! x! o/ n. C3 Bwindow.onload = initializeBall;% b0 }2 ^) G4 }" u) E7 W; ?
window.onresize = new Function("window.location.reload()");$ e' G' v4 p: b
}" W0 `0 q" m2 X- @* Z
1 \  R" ~; ^( S* r4 ^! m
</script>