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

zw2004

<style type="text/css">
4 {" p+ m3 |" u4 M9 t  W1 E# S% B8 Z#supertext {
* z# [% U" J0 ^' P7 v8 e$ R9 Fposition:absolute;
4 f, h. r& \6 H: q/ e9 jleft:0;
2 j7 x( H- ?3 p1 N4 U! R. Atop:0;
& |) f; A  F) Lvisibility:hide;4 k& t; _+ X0 O9 x% v" p0 G' v
visibility:hidden;
& f/ P3 m9 {! ~& e9 A/ o}
7 _$ N3 E' d5 P</style>
8 n# N0 |! T3 x. s<script language="JavaScript1.2">, d+ S0 i2 g9 T; D7 }. a
<!-- 改变下的字体的大小。颜色-->* g8 ~( Q% }: h$ X0 q3 S
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ F% ?  V* L3 pvar hidetimer='';  S' u& q, e! m9 k+ ]
<!-- 改变下的弹跳速度-->8 d8 T2 Z, W1 Q) D
var BallSpeed = 20;
6 L: L( u: R/ U  `, w. kvar contentWidth;
$ G/ b# T# N+ L: w% _var contentHeight;- H8 a  A$ i$ m6 m- m
var maxBallSpeed = 50;
7 r  r! }, i- G6 [; K" v! h0 x
; {8 Z& j, x  [$ p9 ^5 R# l7 h' n, q. d
var xMax;
. L( G# N1 f1 Ovar yMax;4 U+ v# I- Q+ a  B
var xPos = 0;
5 C+ @" h) ?  G! N7 zvar yPos = 0;
/ X! k+ l1 K1 N! zvar xDir = 'right';
; |1 m8 g2 f  `7 _var yDir = 'down';( W3 m: c; v: z: }6 y, o- q
var superballRunning = true;7 W' M( Q8 P& |: a
var tempBallSpeed;
- Z6 {7 V5 `8 Z* p  A& F: Ovar currentBallSrc;
$ T+ i" m! I! ^; }var newXDir;$ i* n5 f" E" A, e3 w8 Q# F. S
var newYDir;+ b, L* ]+ q( {* n1 ^# c& t
. z! _: e9 X- r: T1 R- a
function initializeBall() {
, X  v5 `3 G: k, z( T( h   if (document.all) {
- E7 W1 b1 y" m. ?, K      xMax = document.body.clientWidth
# k/ l8 o4 m6 t# }      yMax = document.body.clientHeight1 w' ^# C' `+ [; G! W
      document.all("supertext").style.visibility = "visible";( y6 m7 A2 i$ w  _/ s
      contentWidth=supertext.offsetWidth
2 A! a# E1 X/ b, S      contentHeight=supertext.offsetHeight/ W0 q0 f: ]9 o3 i. `
      }
4 p; p, b( t( d( J; X( i   else if (document.layers) {
3 Z0 U& V* m% o# n6 z9 B      xMax = window.innerWidth;
5 z% G) A2 a6 |, e      yMax = window.innerHeight;
- w- o3 s0 D! ]3 \% z5 |      contentWidth=document.supertext.document.width
  ^5 i1 J1 e* \% G" q. x& @; F      contentHeight=document.supertext.document.height6 H: M, x9 Z) E9 i' d
      document.layers["supertext"].visibility = "show";4 R1 N* K5 U( @9 t
      }. l9 e# I  k" f+ S  z
   setTimeout('moveBall()',400);
9 v+ k* ]) x$ o# {5 V   if (hidetimer!='')
' X/ [: d8 K) W& M8 O   setTimeout("hidetext()",hidetimer)5 I$ g$ M( n( T% ?8 S) ]
   }
9 @# R' @# Z* H/ X2 I
# C! Q# c  ]2 k8 o& `( nfunction moveBall() {* g! j! Q5 j4 U
   if (superballRunning == true) {
, }  H3 ~: c3 j$ F; M3 G5 W      calculatePosition();$ }3 f& ]3 b& {. t" m, q
      if (document.all) {
# Y1 i8 h* A$ z  S* F! y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 a4 U5 s* o0 n6 s# C) R         document.all("supertext").style.top = yPos + document.body.scrollTop;8 U9 U3 ]9 S9 {# r% f4 G
         }2 @8 q: V; f( S7 [* k
      else if (document.layers) {' g: ^' B4 q, Z, {
         document.layers["supertext"].left = xPos + pageXOffset;
& i  G3 e8 }8 _; F; F         document.layers["supertext"].top = yPos + pageYOffset;
# s% v% Z0 }6 t' W' R         }
) L5 d1 ?/ B4 `      animatetext=setTimeout('moveBall()',20);5 T8 t( W& k+ B4 k: }, [& G
      }5 D' b1 W" s8 ]! e# c0 F
   }
$ W  {. W0 H) T  Y& u4 N- P7 ~7 u% [+ t- h8 g
function calculatePosition() {2 _* ^7 `4 s1 I5 l$ A2 n
   if (xDir == "right") {+ W* v) g" [" u$ C* X
      if (xPos > (xMax - contentWidth - BallSpeed)) {& g7 T4 c2 {% i* m
         xDir = "left";! E- a$ l# B7 f4 w
         }
1 x( p( T: w4 l9 y, {      }9 v* L8 d8 G" v1 N& l
   else if (xDir == "left") {  ^4 [$ Q% x4 t+ P7 L6 K
      if (xPos < (0 + BallSpeed)) {
, c1 ~3 K+ }( [# H3 `+ r: k         xDir = "right";
$ \( ?8 g8 L$ `( N         }5 f, D( _2 e8 U8 V: i
      }
' F2 [3 ?5 V1 }- u0 s# w5 B   if (yDir == "down") {4 n6 ^4 ^1 ^% ~4 g$ T: L$ d
      if (yPos > (yMax - contentHeight - BallSpeed)) {4 L- \/ t, R8 K1 A2 `
         yDir = "up";
2 ?  A+ K6 Q  I2 V3 k, V; v         }( L* ?( Z0 p- l0 I5 g3 W' @: D
      }
9 h; F* ]% [/ a3 e3 X( n* m9 p3 L   else if (yDir == "up") {
% T3 W3 \, q- n  K+ x7 _, Y      if (yPos < (0 + BallSpeed)) {
& r$ K. ^% i4 p4 C6 B         yDir = "down";/ E2 p2 v! V, G* i5 B
         }
- Q9 _8 t& L2 `' ?3 w' `+ d6 _      }
9 q' R5 Z6 j4 M2 j3 d   if (xDir == "right") {
( g% F8 J! [+ d0 D      xPos = xPos + BallSpeed;
8 i" r' ?9 h8 S2 E# l* U      }
' i2 L) N2 J/ I   else if (xDir == "left") {% }: N( ~' k$ X! v, l% t
      xPos = xPos - BallSpeed;# Y& `  E% P7 h$ I
      }
7 B  h& B0 H/ Z! y/ w   else {
/ G! D+ c8 F  a8 d2 S      xPos = xPos;8 Q! ^+ @4 i/ T- P1 B* t+ t
      }( c$ h! j4 N( O$ I! ^- `
   if (yDir == "down") {- b, x- ?2 r% M; Z6 z4 D/ ]; a, M
      yPos = yPos + BallSpeed;
( H) O- X+ Z: l7 G9 |& P+ d      }* J& p# S6 u* u  x$ R
   else if (yDir == "up") {
3 E' a6 j9 ~9 U7 n5 X' [5 f      yPos = yPos - BallSpeed;
* \' ]4 q" F9 X/ j. V5 U- Y      }5 Q, F8 E5 P0 l& V7 h- F' I7 W6 D. x7 H
   else {* t3 v/ p% y2 {$ c) _! }* J
      yPos = yPos;1 J( b$ q- Z$ I1 D* l: e2 j
      }
4 e" }9 X' O+ v, t, B$ |7 N: u   }+ `0 E! U4 I8 o5 E, ^5 \* z

/ ^$ O! [/ S1 e7 w) Jfunction hidetext(){  K0 E3 |, t& x( ]4 D/ ]' b
if (document.all)8 V4 m, [$ [7 @/ S6 m
supertext.style.visibility="hidden"# @1 l/ y& ]# V  U$ }
else if (document.layers)
/ {! ?2 S& J& i; B# K2 ?; pdocument.supertext.visibility="hide"
; k% ~8 S# c" `* t3 l7 ~! u2 ~1 EclearTimeout(animatetext)5 x& l  h6 u# J* k# Z
}
2 I/ Y' K0 G( N5 Y2 e- O) q& p8 ]% E4 }
if (document.all||document.layers){
* }% M: G7 K0 w  T( g! u' adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' f0 l3 G$ p5 J# [1 a( kwindow.onload = initializeBall;
, g! t. @, y& mwindow.onresize = new Function("window.location.reload()");! g" S) d( S1 O# c; Y" R$ G
}
% n! N$ l2 J, w
9 H6 e$ R, B2 T</script>