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

zw2004

<style type="text/css">
& h  Q1 p0 l9 T+ n#supertext {. [4 n8 H" s7 _/ U
position:absolute;, O: `, w" u- |$ J3 Y2 F2 N
left:0;* u6 m, Y) j# r" W" ?
top:0;4 l- ]' a# t; ^* H- n
visibility:hide;
# y& a2 j* q& Z" Ovisibility:hidden;
( U/ I" K1 V8 s2 z: h  o1 ^3 i}
) W& `7 C- C& N, v# X6 ?, O/ w</style>: V& a, g" c7 o
<script language="JavaScript1.2">5 m$ F( u- j! d/ H3 R9 p9 y
<!-- 改变下的字体的大小。颜色-->) k1 O" F4 ^: \. l7 H4 o( B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ f& W" P9 _4 H$ ~
var hidetimer='';# g' q7 y$ N! v" X% Z) }; N7 z
<!-- 改变下的弹跳速度-->0 E- Q! A7 E6 r5 Q4 C: W
var BallSpeed = 20;
+ |, K" H# ^$ ?5 S" G; g" kvar contentWidth;, @8 U; U) w% T, H& H5 s
var contentHeight;: D: f/ Q- N% Q6 c) `0 `
var maxBallSpeed = 50;# H3 p8 x. E1 x. _0 L9 {! r
/ P/ t. e  s8 {8 F; @

  s4 J3 s# d& A# g- P9 A7 b5 B6 \+ Mvar xMax;3 C* R' d. P& t. j% I9 z& h  Z
var yMax;
* e# w* P9 A% a! V9 fvar xPos = 0;! w. G  S2 {2 Y( H4 T+ P& g% [+ Y
var yPos = 0;$ @+ \5 C: ~- ?& {- Y" i( ^
var xDir = 'right';
3 J9 \; {6 T& e9 H' m( mvar yDir = 'down';
) k  [$ A9 f! C" {9 j3 Dvar superballRunning = true;
% `# N8 z% U3 f8 j/ {var tempBallSpeed;2 V% p6 t6 o; d0 v% M) F
var currentBallSrc;
& g/ ?7 D  Z: U" M- e4 l0 ]* I% yvar newXDir;
& k, U0 ?; h  f2 Q% O, c7 Yvar newYDir;
0 E9 c; s% T8 Z' a9 c! P8 t9 p$ v* ]/ `, i- _
function initializeBall() {  L" O, ?, V7 |7 @3 x/ a; B
   if (document.all) {
/ U6 |3 f& P% V5 C) x. ~      xMax = document.body.clientWidth$ _- `0 d8 H# c
      yMax = document.body.clientHeight
  S1 j8 `+ i4 @9 p9 K      document.all("supertext").style.visibility = "visible";
* s1 n5 \5 Y6 X8 {9 F      contentWidth=supertext.offsetWidth
3 T7 g- J  k# ?3 {* \5 h4 [. C# l      contentHeight=supertext.offsetHeight
  L! U# f/ a: ]7 i; @* F- I3 ]      }/ M: ^# U/ Q4 u0 z: V% C8 P2 s  W
   else if (document.layers) {
  [6 e- [# Y  s4 P      xMax = window.innerWidth;/ v  S; g- F9 x2 j; O9 Q
      yMax = window.innerHeight;3 O& f* a$ b1 k# s
      contentWidth=document.supertext.document.width
4 v# w; T. Y0 U4 H5 L9 }( u7 `      contentHeight=document.supertext.document.height& l+ w& \( L) D% \2 _2 V8 u
      document.layers["supertext"].visibility = "show";
0 W- b9 ?0 T9 B3 ?7 v' [      }
/ M% n' p! f) @' Q   setTimeout('moveBall()',400);# k9 |4 Z: E+ q0 n
   if (hidetimer!='')
) X7 b! H5 D$ \: N9 y  K3 f8 M7 j9 G   setTimeout("hidetext()",hidetimer)
* d  ^% {8 r6 ^( h( D5 j" X   }& o0 B3 ~; E* U: r' M+ D

3 \, M, ?9 m( V7 \function moveBall() {0 X, Z) f- X7 z
   if (superballRunning == true) {
- [, i% x! |- |" P0 i      calculatePosition();
4 k$ K3 Q; B9 c      if (document.all) {
. O+ z4 J# T9 `( t         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* V( |/ b5 R- J' G( ~         document.all("supertext").style.top = yPos + document.body.scrollTop;
( v, f$ ]. s4 u( v( L         }
5 s# T1 T, \$ N5 v% s) K6 G- ]5 |      else if (document.layers) {
) s. ]/ C- A+ l& }" C! a         document.layers["supertext"].left = xPos + pageXOffset;8 H0 n# W7 P6 X( s; V
         document.layers["supertext"].top = yPos + pageYOffset;
/ P% @( L& s: K- l# [+ y         }9 C- v& X  f) W1 i2 G) w
      animatetext=setTimeout('moveBall()',20);
. f* W; k. n0 C      }: U( f% V5 q: d
   }
# ?( n2 U5 M' L! L3 E
2 I) o: A# \4 z+ k' P* ffunction calculatePosition() {
2 w* ^' r5 P% x( Y$ h' j  n   if (xDir == "right") {
' c4 m. H" M. x# T' q; c      if (xPos > (xMax - contentWidth - BallSpeed)) {
* c& J2 q" Q# v; r         xDir = "left";
/ n( N, Y- p! ?6 g9 a* Z& U. i         }
! T* M/ \& j* k      }* J2 j1 I! C/ o" L% ?8 @2 w& f9 m0 r
   else if (xDir == "left") {
8 s9 B7 m/ w: a8 ~% P1 Z/ _: k      if (xPos < (0 + BallSpeed)) {
* @  S" d/ s' r" x2 m# ^+ R) a! J         xDir = "right";
9 H6 ~/ {1 I6 u/ _, N. N; P& |         }- J- G8 T9 ~2 R: U3 m
      }) R, Y' [  \4 [% M, l5 J9 ~0 Q
   if (yDir == "down") {  A- T% R! x6 w* ^2 @+ p
      if (yPos > (yMax - contentHeight - BallSpeed)) {
# k8 b8 p6 w1 p. A5 o         yDir = "up";) q$ p7 F+ Z( A3 [
         }
* D$ x# ~1 h# R0 [0 n' |      }1 m) |" N' i7 ?6 G
   else if (yDir == "up") {1 Z, a' a7 l2 o2 N! x+ M
      if (yPos < (0 + BallSpeed)) {
8 A' r. [7 R' E6 b% ?. X& @         yDir = "down";/ U# F" u# a* y/ h: r# o
         }  o2 }% g) f, X8 \1 m" k1 h
      }
) J" s2 @6 O) @3 w  N2 E6 Q   if (xDir == "right") {* _' V% m. e7 Q
      xPos = xPos + BallSpeed;+ Q% g$ w, O$ {
      }0 e) u8 M0 D  H% m0 ?
   else if (xDir == "left") {
; g- e/ D2 e5 Q4 U% x+ h      xPos = xPos - BallSpeed;5 h0 X# v# U: L# t' x
      }! Z) h/ C% J4 L. W1 K0 X
   else {- V0 t9 p/ e% L
      xPos = xPos;2 l/ @8 d9 N8 s4 f! b$ b
      }
: l5 d. H+ G) S6 `: g   if (yDir == "down") {/ ]0 q) `! `9 W
      yPos = yPos + BallSpeed;
$ V  A' S/ b. a  t      }9 \- C6 {6 p) F7 c: S' I. {& [  S4 x# A
   else if (yDir == "up") {0 }- D! ]. `7 |
      yPos = yPos - BallSpeed;3 t/ ]; {5 t1 Z5 j/ n& n- l2 m# g
      }' D$ D9 }' i) }" e' {3 X' i
   else {( x0 @! i& `0 I4 i
      yPos = yPos;9 W8 S, j% i3 A) {
      }; t7 y0 t6 [( L' ]4 G+ l2 {5 Z
   }+ C# C7 A2 l! ~& I) e

+ p. j% g; _0 O5 y' h& ?6 |% W+ |6 rfunction hidetext(){
4 i; O2 N4 E) P( Iif (document.all)
& L( S, x; |! k8 w3 s3 d' tsupertext.style.visibility="hidden"
$ b3 e1 S# }. }7 a3 _) eelse if (document.layers)6 ]* y% a# \5 S+ y1 I) y- P
document.supertext.visibility="hide"
9 O& J! D) v/ K# d; @3 N; yclearTimeout(animatetext); s8 `8 g- ?4 u# X3 Q  w
}8 p* o- m4 E4 p/ ]( ^! A# W
8 n  x# d2 K8 ~/ o/ Q$ z! h& \
if (document.all||document.layers){
# O% G' i9 N/ t  {% }' C% Wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ x; ~. p2 u: S4 j, W: p8 ]window.onload = initializeBall;# A& j! h' @6 b' `2 q- O- k
window.onresize = new Function("window.location.reload()");  z9 }/ H* ?1 b
}
5 E0 @( j/ B2 v5 e0 N, ?1 r' ]; m9 q. L
</script>