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

zw2004

<style type="text/css">
3 C; O; i: i' d, l! R#supertext {4 b" g. c  m2 O5 Y+ x
position:absolute;
5 L8 g4 \  w; i, |# j" M* i- Zleft:0;
1 r) j. I7 e7 k+ {. wtop:0;
' t; S+ S( n9 H, R4 n- X$ R' lvisibility:hide;
2 K- y8 I: h) t; z6 E9 {. [" qvisibility:hidden;5 N" s/ T! A+ `* H  J
}+ w# [$ G9 T3 Q3 G
</style>
+ O+ L6 C5 z) ?* U" R<script language="JavaScript1.2">, l& y* B! A  v' @& G
<!-- 改变下的字体的大小。颜色-->
0 @/ B. l0 H" h! b* Uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 X. H: @1 f9 E8 x1 }& _
var hidetimer='';
0 a( \! T; p* C# w% g<!-- 改变下的弹跳速度-->' x# d# ]' N! d2 z
var BallSpeed = 20;
" b- l9 v& {( H, L8 c; tvar contentWidth;
3 ~' W" N  M; y9 c9 X6 Hvar contentHeight;
5 g7 Z# `, b% {var maxBallSpeed = 50;7 ^6 f% A% _  J# K) c

- t2 l& L+ i7 r& F# q7 [! P
1 w; I8 h! f5 D! z  Mvar xMax;
5 t; l  k; z0 ~# n! F5 Vvar yMax;
1 |0 k5 |; u9 J7 t8 [. fvar xPos = 0;
3 E7 A$ Q/ t# D) Cvar yPos = 0;9 g4 C* A+ \  S8 u
var xDir = 'right';
; b* g* f( M* l3 _7 Avar yDir = 'down';
& o" s9 p' M6 L; evar superballRunning = true;
' P# ?  f- f$ H7 svar tempBallSpeed;& N) D& F6 R! u. j8 {0 x* v
var currentBallSrc;
, `1 d/ [4 w0 Qvar newXDir;* ^' c, O* @/ S0 Z/ x1 ~2 D
var newYDir;
. |9 U! {, I9 T/ @
# v9 c. k. q% t* H1 ?8 p/ cfunction initializeBall() {
6 g: z) v$ F- P; ~5 h1 t   if (document.all) {( E" N5 {5 F$ m& g" J8 `
      xMax = document.body.clientWidth
0 _7 ]) `2 K! \      yMax = document.body.clientHeight
3 x( f4 ~; n- v7 ?5 G% I2 K      document.all("supertext").style.visibility = "visible";
0 f4 L& z( A. {; ]" I: {      contentWidth=supertext.offsetWidth
! P( W4 V! c- q" {$ B      contentHeight=supertext.offsetHeight+ k' X) z" M: ~* L( [6 H- o; K
      }
3 l( l; u, a  v9 s   else if (document.layers) {
8 G7 |* p5 [- R% ^& C      xMax = window.innerWidth;
1 N% c) c* _: U& R) O( E      yMax = window.innerHeight;
& s7 n: i! i" P      contentWidth=document.supertext.document.width3 l# l& r, L& O' o8 [" J2 f
      contentHeight=document.supertext.document.height& d1 J  u/ g+ o1 W% C: @$ q! ]
      document.layers["supertext"].visibility = "show";1 Q8 b# R- L" m, |8 @
      }
( @" z! S5 }$ z   setTimeout('moveBall()',400);
( i* @& [) J' N2 P/ n% O   if (hidetimer!='')  [  U" O8 A6 n0 l! ]3 C
   setTimeout("hidetext()",hidetimer)9 X" c3 r% |- ^! D6 v5 W0 }, F
   }: l1 P9 E- L$ j) p

8 N1 V2 x. I: x* o% E0 `function moveBall() {
3 m6 m6 K/ I* d# r3 _" B1 E% ]  N   if (superballRunning == true) {
6 F7 y! i1 V( y% X. z% q% r' ?      calculatePosition();
6 z7 b! H# G: h3 {      if (document.all) {6 B! P/ _8 M3 t5 e) W8 K& _5 B9 C
         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ n  a4 I* n+ ]9 ?9 w, q) p
         document.all("supertext").style.top = yPos + document.body.scrollTop;3 t, E! V! Z6 g) u* c
         }  k: z% l$ L4 n3 @, e; |
      else if (document.layers) {* V+ {! K- k4 N4 }8 ^- \: q' r
         document.layers["supertext"].left = xPos + pageXOffset;
/ B5 v, g0 g% T6 s! v4 N         document.layers["supertext"].top = yPos + pageYOffset;6 Y( b& j# H5 j' C; j) e
         }
7 X5 `% s) D. G* l0 w      animatetext=setTimeout('moveBall()',20);4 r# O/ ^/ l+ b/ G% [* T: n2 V# I
      }
, z. j( \& T( W0 n   }
) j1 t% s* H0 `" s
1 C3 m& x- v- e5 [5 Yfunction calculatePosition() {
: E( E2 j* \& e  y2 f% Q/ k3 t   if (xDir == "right") {; i$ T0 ]+ ^8 C3 @# ?5 b# @' Y3 M
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ o; w, X. j0 @: m
         xDir = "left";
4 i- H3 L+ c! p5 R, H         }
9 K$ Y, n4 }  y) ^2 x; [# w      }, ?1 r) l! |. m3 i$ t9 _6 d
   else if (xDir == "left") {# H3 c! `1 V  \  j2 S! c
      if (xPos < (0 + BallSpeed)) {
+ F" |1 o0 M# ]3 o- A/ u( |         xDir = "right";* O7 v- N4 f; R% H( O
         }; b3 g# O1 q# f# F5 C+ z* s
      }9 f% w+ X6 O! O5 u3 R
   if (yDir == "down") {& W# k3 Z5 r4 t' u2 W  h0 X4 i* y. z4 T
      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 M' _. z5 x) e         yDir = "up";, i2 {3 F$ N  b% D( E% o% r1 z, I9 T5 K
         }6 N6 O7 c, F0 Q$ i
      }# E) K. d4 G8 u( n; A0 Q
   else if (yDir == "up") {) M2 y6 k: H& m
      if (yPos < (0 + BallSpeed)) {- \9 i* C3 e3 R! r% t, i9 p
         yDir = "down";
$ B) l! M+ [1 u+ v/ J& U+ p         }
1 a) Z3 f% M8 h! A      }
3 E- Y% S2 f! O4 f   if (xDir == "right") {
% `' k+ ~8 j* W9 ?      xPos = xPos + BallSpeed;- F$ ~' q3 t" O
      }0 [: |0 ~/ J  T# T! B' d
   else if (xDir == "left") {- Z& Y+ X+ h5 ^: i" k) u
      xPos = xPos - BallSpeed;% M8 Q* c  Q) ?
      }# y( u0 M! @0 i" [1 \5 Q
   else {
5 s! x5 U; x1 D      xPos = xPos;
$ _: K; F, p1 M8 @      }- I) M+ i* w1 a; j( |
   if (yDir == "down") {7 L# }# ?- S& V
      yPos = yPos + BallSpeed;
$ x$ K; m) C" F( _8 h      }1 r5 H% c& T! }: m
   else if (yDir == "up") {
$ @  D$ K" N& e      yPos = yPos - BallSpeed;: E9 m+ m- ^# M* P8 G$ H
      }
3 V' q+ ?6 s! M- y; T1 s' `   else {
: `) r+ x; H0 d" a      yPos = yPos;! U# X9 K! j- p1 X- k& A: v
      }9 ~) R* i( |# M1 D0 g( j# p% t
   }
9 _4 Q' e- \+ z2 ^0 K# r1 \" Z3 a9 q- m
function hidetext(){
# J! e; o' c4 B9 l! n9 U/ y' r! w1 {! hif (document.all)
2 |, c3 r/ l7 i; W2 N/ ~supertext.style.visibility="hidden"
- L# e; ]4 O8 f: r: [else if (document.layers), Y3 I) ~8 J6 }( @5 |
document.supertext.visibility="hide"- M# P5 r% `+ |4 M. P
clearTimeout(animatetext)
* G! @, f- K, I" j}
$ u! f; H( D+ i5 t
7 ^" ~% `3 O( G- n( sif (document.all||document.layers){
1 o- m4 X) B; ?6 d& cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" V( C. a" Z4 J
window.onload = initializeBall;% s4 w* n! a& B+ K) B$ J
window.onresize = new Function("window.location.reload()");
9 A! B  J/ z  U1 {}& c1 J& J  o& v: X$ f. c
: v4 f- M, H; y8 v" h2 M  h% X4 n
</script>