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

zw2004

<style type="text/css">' |/ t" }$ i& w7 y' ?- Q
#supertext {
: l% }( ]( c. I9 kposition:absolute;
  J1 G6 n& M6 U+ L/ o: zleft:0;7 \6 [. H7 w+ @& T0 p5 {/ x
top:0;
" L2 N4 P$ j5 j8 A$ Avisibility:hide;
9 p! z; e$ q2 S8 l9 {  a7 z4 s6 ivisibility:hidden;
4 w5 c0 M, y6 {: F' Z% }* f}
1 [  C- `6 W4 u; }) \9 Z( J</style>0 H) }6 O  x- o1 G% j  L
<script language="JavaScript1.2">" e) V' ~. Q; u1 u8 G7 R! x; j8 a
<!-- 改变下的字体的大小。颜色-->
5 y3 B2 Z: }1 e$ g0 }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 y7 T% @; q8 b* H1 w3 I
var hidetimer='';
  i3 d+ b$ r* P9 I+ Z& J<!-- 改变下的弹跳速度-->
' K1 I  ]- M4 Y. d: l7 z2 q% Nvar BallSpeed = 20;% W' `1 J) _# |$ S$ O3 W
var contentWidth;
! }% W  E3 x0 s% O- Cvar contentHeight;
0 [2 T( |- v  j# @7 M5 Xvar maxBallSpeed = 50;) \, E# J" w- y& e: }2 w
, A8 ?' `& N5 h6 C# d5 x, Z

3 }8 R! l! F& ^* M- N% ovar xMax;4 g+ p- m5 e/ h0 }) H3 e+ S7 ?7 ?$ a
var yMax;3 R' P0 ^, u8 \& Z$ d* X; ~
var xPos = 0;
3 _2 e6 |3 c/ D( _1 N+ Qvar yPos = 0;
' M' ]2 C9 `0 }+ k8 hvar xDir = 'right';6 Q3 Z7 ^. H7 s* O) G5 s: Q
var yDir = 'down';
. B: W# P+ v) E$ G% Z) G, _9 svar superballRunning = true;
9 `' l* G( T4 Z& j7 x9 G$ avar tempBallSpeed;3 Q1 R  u* f4 f0 D7 E4 H6 z
var currentBallSrc;
- l& @; Z2 C  |2 H' T4 Y  m. E! Yvar newXDir;8 [* B3 H4 u; M# u3 m7 @
var newYDir;
4 W& z. Y% y( s4 N) i2 L0 E9 E* ?1 g! [' Z' K
function initializeBall() {8 q. `8 S5 @( y% n" o5 x. C  X
   if (document.all) {
1 s4 x0 l) o  W5 i0 s# }4 k6 \9 h      xMax = document.body.clientWidth
$ R8 B) G# p. q% }2 s4 a5 v7 B      yMax = document.body.clientHeight- z) o5 D" T, ~9 }3 D
      document.all("supertext").style.visibility = "visible";: \$ O; u7 m3 Q( G
      contentWidth=supertext.offsetWidth; ?5 G- e0 `8 A
      contentHeight=supertext.offsetHeight8 b" F$ Z$ P3 W' P- S0 S
      }
$ m% F& t2 `& ?* P) `+ s1 {   else if (document.layers) {
; Z0 p: _3 h9 v      xMax = window.innerWidth;6 K% ~! R" L  ~! a- H
      yMax = window.innerHeight;
% B( H2 c9 t$ @3 u$ a0 d      contentWidth=document.supertext.document.width0 A$ j1 O" [* R2 Y$ H
      contentHeight=document.supertext.document.height* o1 I9 _9 ^# _: F- `
      document.layers["supertext"].visibility = "show";  W" ?6 r/ ?9 V7 O
      }
( ?  ~! ]0 \2 Y8 A3 o0 }& O  e   setTimeout('moveBall()',400);# ^, W8 D4 e" \
   if (hidetimer!='')
8 Z) p, l3 `# |6 A4 n   setTimeout("hidetext()",hidetimer)6 A) N, D8 x( D8 P; @; D* j
   }
7 B' q/ Y4 x% B, L4 U9 Z+ W9 U
3 N7 k" V6 B8 i3 f# o9 tfunction moveBall() {1 p/ ~6 s, p, G7 {  {' C
   if (superballRunning == true) {# F+ R" T. G% M/ y5 u( x" d7 T0 v" f
      calculatePosition();
6 C' a$ p% r- C  B% I      if (document.all) {+ Z+ n) N; w% U4 M$ o; `  w
         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 h7 e1 y6 c0 y3 J9 h
         document.all("supertext").style.top = yPos + document.body.scrollTop;/ _9 r9 ^  k5 w/ Q* J( _
         }9 w' Y* ?) z  p3 V3 L
      else if (document.layers) {
0 Y- r; \: x& P         document.layers["supertext"].left = xPos + pageXOffset;: {( g. b( I! ^0 ^2 S6 l
         document.layers["supertext"].top = yPos + pageYOffset;
# M2 N# U7 d: ]' F         }1 P) d7 S7 y; _. `. P8 w: d/ B2 v
      animatetext=setTimeout('moveBall()',20);3 L( t0 a& ]' k5 a4 s
      }
" A+ l3 S; b2 M: z! k( h   }
7 y4 c, z! \2 n+ |
6 D  j& p* i) O; F5 xfunction calculatePosition() {2 t) P  C5 X" }+ V  H
   if (xDir == "right") {
' D4 w& p! V- C9 T5 D3 u      if (xPos > (xMax - contentWidth - BallSpeed)) {
* ]# y; m( E8 `         xDir = "left";4 \2 W: s( b" g( Y: T) ~  R
         }
+ W: o8 t2 b) ?      }. U0 a. ~/ K" h" n2 L) {
   else if (xDir == "left") {
* d" |9 A4 I" V- R3 q      if (xPos < (0 + BallSpeed)) {& o( j6 X* E6 l3 }
         xDir = "right";/ e, Q4 a$ {& z0 W. c
         }
4 K* ?. p' n6 B/ R, U) G: C3 k( h; \      }
- [2 ~0 s1 F& ?! |# J   if (yDir == "down") {! i) T2 m! `% U1 t' N# z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
" m4 R( _: f! ~! t3 m* c# V0 z: V         yDir = "up";
# V" E% `+ D+ }0 s" H3 `, Y         }
: |% ^* c; w" |5 @7 s      }5 l$ h4 K* a% z" r& @  q$ |
   else if (yDir == "up") {
" T! e- C/ ~" T3 g3 R      if (yPos < (0 + BallSpeed)) {
2 U" h% [+ d+ p, c' E         yDir = "down";
  w, x; [) R) A# e" o         }
" b3 s) I. \7 L2 M. R# \      }
$ ?; v$ V+ l0 ]: C  h   if (xDir == "right") {5 Y0 b; a1 ?/ |* ~2 {( m7 P
      xPos = xPos + BallSpeed;4 ]" c$ x3 A# i: L! }$ |8 B3 l# P
      }* z" f' y% [! J/ a2 j- i* f
   else if (xDir == "left") {
& U9 W+ t! |! a      xPos = xPos - BallSpeed;) @% Z. ]% j$ E5 J! C6 U% J
      }; Y: v" `) [1 X. u; s& J
   else {+ e& }7 H- E7 e+ d/ v% a9 C
      xPos = xPos;
2 O' H  C/ |# S3 C5 {4 [' o4 [      }5 w7 L- r  u- a7 R% f
   if (yDir == "down") {
  ~  M, l2 @3 T2 G      yPos = yPos + BallSpeed;# G0 p+ Q5 R: `. }
      }
4 n7 D, n3 W/ O4 X2 v* _  \   else if (yDir == "up") {$ `2 F6 E+ w- t5 L$ R8 Q  z
      yPos = yPos - BallSpeed;
5 D8 K6 i( Q3 E+ t      }
! K9 M* w1 `+ S' m) E   else {
+ i: q0 J+ k! S* }  A0 r      yPos = yPos;
' J, v$ A: S/ N2 o8 Z      }9 q% O3 G/ K. S  W4 a$ C- K
   }
6 \8 [8 Q: R6 D, M5 b% h1 y6 d! d4 C& {9 f# C. z5 P
function hidetext(){$ d  J* M0 [& a7 ]0 Q
if (document.all)
' m: ~1 U. M, d6 o  b& d1 ^supertext.style.visibility="hidden"' [9 o3 A6 \  @5 [
else if (document.layers)
& X3 g$ E6 c( e* mdocument.supertext.visibility="hide") E- q; S5 U) k/ {$ g# ]" {
clearTimeout(animatetext)7 V4 S% `1 G, B# Y2 S; I
}, c' e7 a+ X4 N3 j* N! H, ]% z  ^

  T- [$ h, ~! F( q0 \if (document.all||document.layers){' w1 ?9 ^+ g2 }
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 j4 n" K. K9 vwindow.onload = initializeBall;
0 O3 T+ J4 C' |: z' N% p" Y7 Jwindow.onresize = new Function("window.location.reload()");
5 W) a0 ?8 @& n  K2 n}% U, k0 H7 q8 s+ n  p
4 |4 P- Z2 ^( m5 S/ j
</script>