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

zw2004

<style type="text/css">
# m, Q8 T* \7 ~7 M#supertext {5 M% z/ n# T, M. i; f: h
position:absolute;- @+ \1 y1 x: J" C' u
left:0;7 u5 ^2 G. ]: |8 y
top:0;
6 \4 G3 T# O1 k: ?& ]6 e" Uvisibility:hide;
9 M5 Y- \, m, n6 Qvisibility:hidden;
/ `  H. o# J3 Z7 I$ ^1 z}; O4 O* A- ~3 E; O' O
</style>
8 g- p5 R, Z/ U7 w, _8 o3 _<script language="JavaScript1.2">, o0 N; w6 Y. ~! C
<!-- 改变下的字体的大小。颜色-->" o& l. ]1 }$ f. V
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; i. Q) b& ~% ~
var hidetimer='';. T+ s6 r& {& a* N. J
<!-- 改变下的弹跳速度-->% i7 {. F2 Q. y3 y3 R. N4 N; E. y
var BallSpeed = 20;' Y: ~2 H# p. c3 B( @
var contentWidth;
7 d+ ]" [- R, P# x4 O0 k7 avar contentHeight;
4 c& o8 C6 q* W/ ?! ~$ I5 L1 d$ D2 E' gvar maxBallSpeed = 50;" F% O/ |3 |1 E4 J. C4 B

9 @% z  d5 g- P# @$ D+ Z( V" C1 C7 M/ u( ~+ G
var xMax;* M$ N- X! U/ ?( a4 s3 \" y! n4 O
var yMax;
; v8 l, ]) @! F4 H% Jvar xPos = 0;/ O. M7 }3 }7 c# a
var yPos = 0;
1 U' }4 z( f# {' H4 _var xDir = 'right';
- S# G4 a9 Q; G# J4 [, nvar yDir = 'down';! s4 Z6 n# ?; D6 B! F. B! C
var superballRunning = true;/ B- A$ f( ~8 g; c2 M. P- w- P# v
var tempBallSpeed;
3 [  x: k. t2 E: X- d% B, e& Z4 H; v# Nvar currentBallSrc;
" G0 W' h! [; z8 kvar newXDir;# \* V( F8 D9 n
var newYDir;
5 Z1 ]  C  h3 U' g8 D& V, n' O: K
( P# o, b" z# T: \0 x$ q' Bfunction initializeBall() {
" n# V7 f8 |% E& G1 T# l   if (document.all) {$ v/ w& j3 j! x* Q: r0 N5 x1 u$ L
      xMax = document.body.clientWidth# E# \3 U8 j) L' |$ k1 x
      yMax = document.body.clientHeight
) s$ R$ w. j6 A4 ]8 \4 D2 q      document.all("supertext").style.visibility = "visible";3 C* \* l; v1 ]- Z" o$ O
      contentWidth=supertext.offsetWidth
, L( i9 {: a9 f2 }      contentHeight=supertext.offsetHeight
7 p& ?0 w9 z" z% K9 ~% ]! D$ E      }
0 T. g6 a+ N: Q0 I8 d   else if (document.layers) {2 I% e1 o, c. K+ S/ U* Z
      xMax = window.innerWidth;
7 N! O# _4 ?6 h& g4 V      yMax = window.innerHeight;
# A6 N* Q( T/ Q- p3 r) Q, c      contentWidth=document.supertext.document.width# R  ]" T! T4 T. A' q
      contentHeight=document.supertext.document.height% E& C" Y9 p1 x' t( I* a6 F
      document.layers["supertext"].visibility = "show";% w0 P/ m# y& Q# {- J
      }8 K: j: U- \) X  y# ?: {. b
   setTimeout('moveBall()',400);4 T' C3 c( r1 ~# K/ V
   if (hidetimer!='')
  f8 {: N' A/ G0 g- o  [# P+ h   setTimeout("hidetext()",hidetimer)
9 r: @4 k. ~9 x2 i: \+ @& j   }
& I' J3 ^8 \! h9 r0 n' Q1 A5 _: ~9 m+ S
function moveBall() {
0 A' y6 C! U) S7 y# r   if (superballRunning == true) {
2 B! n2 z9 L- y& w" P: C6 q      calculatePosition();
. [) e+ G) P. _/ k      if (document.all) {( b! `- A; }* C8 e9 }% {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;# l0 T' h) y& f9 I$ C3 S
         document.all("supertext").style.top = yPos + document.body.scrollTop;
% W7 n" f4 a  g/ ~; f         }: h- v2 O# @/ Z6 ]) S
      else if (document.layers) {- w. ^/ U1 s$ P
         document.layers["supertext"].left = xPos + pageXOffset;
) V. d: I% t7 P( }2 R- G+ i$ ?         document.layers["supertext"].top = yPos + pageYOffset;: _) Y1 e8 v- ^1 a' h6 M- n2 |8 p
         }$ ]2 |- [# j  Y4 p
      animatetext=setTimeout('moveBall()',20);8 U  a% H* s% P1 f2 t$ T3 h
      }
" e0 J' f4 s& C. }# V  D   }
1 S% u" P' O- m2 Y5 N% Y' m! x# Y; e3 C0 F8 N
function calculatePosition() {. z& ^: a6 d  b  q% l" ~
   if (xDir == "right") {) U: r1 t9 I! l, v2 }+ [
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 H+ b( ]5 W+ g7 @7 |8 i2 J         xDir = "left";4 f9 m& z8 L3 C$ n7 R! z- g; T
         }
; Q, J" E6 O7 `' B      }! g( ~% i( m% e9 E1 I& d
   else if (xDir == "left") {1 D  v# t4 D" \5 W/ I& l/ V
      if (xPos < (0 + BallSpeed)) {5 h) i* @) l. w, a5 w- G5 W% i& ^
         xDir = "right";
) h  Q6 s- q3 S$ L1 T2 n         }: p% U' ]9 i: Q/ [' V) e6 H
      }
1 d$ z0 m2 E  q! e' I; L3 @4 C   if (yDir == "down") {/ D5 D; r6 p. a/ C$ N! {& ^$ ^; U5 p
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& x4 W, v- _1 D" Z+ _# o         yDir = "up";
' E. M7 X) N! T0 J9 G- A$ H         }
# T" t! j  G+ E" c7 M      }5 t6 C4 z& X& a& z& `  x8 l* y, c
   else if (yDir == "up") {
8 V1 K; x) t, p- |, B      if (yPos < (0 + BallSpeed)) {
8 v* n0 U4 e: c0 b* E5 a2 H4 ~1 S/ j         yDir = "down";" Y9 x/ i9 K( r# M7 P# u% v; Q! g4 s
         }- H% V" P* W, g, H& T& f* I$ I7 Y
      }
2 o5 T7 |# b# r+ i! ~& b* ?1 ^   if (xDir == "right") {: i2 Q1 p! K) R" N3 {- q6 n
      xPos = xPos + BallSpeed;
1 _4 F: c, Q& P4 d1 s, q      }
- z* i7 g- q; u! H8 i   else if (xDir == "left") {
& z0 q4 S' s' e# f      xPos = xPos - BallSpeed;
' S6 `" C* p3 b% A* E      }
3 S+ x+ k; L2 d; ^4 a1 Q   else {
& ]1 f! o. e' \; j9 O      xPos = xPos;6 j) b" d& u' v1 T! h. V6 S
      }! [1 l7 v. b! p2 U! ?
   if (yDir == "down") {* H  t6 Y0 B3 ^6 C
      yPos = yPos + BallSpeed;  M$ _! a. ~8 Y6 x* b: p. y
      }! H  w, g; T' x
   else if (yDir == "up") {5 n: y& ^# `4 I
      yPos = yPos - BallSpeed;6 S! S8 b, G4 M
      }9 i0 P/ {; v4 W; U, c2 N9 p% ~
   else {( {. u. I6 [; u9 ^( o
      yPos = yPos;6 H. m& a1 h4 F& c$ H
      }8 b8 S9 j$ f$ v3 F" B
   }7 y# |( w. A8 a5 D+ m0 N

: e! Q6 E2 i" M9 c) R# Sfunction hidetext(){
9 y. ~' m6 s% ~" F6 p7 |if (document.all)2 C, F  I  t. @5 ?) ]
supertext.style.visibility="hidden"
0 n8 `* g/ E  T0 Ielse if (document.layers)
/ u/ y/ A% Y4 o7 odocument.supertext.visibility="hide"" y; ?7 e" n: i+ D  j
clearTimeout(animatetext)
: q7 y2 }6 {% E3 w}
8 e( P$ M# W6 B5 H" N9 n# W& Q/ |, A: x6 ?. q& |
if (document.all||document.layers){
% }6 x, L- [( f& idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# w! S1 k, z1 b8 F6 n, O$ a; ^6 M
window.onload = initializeBall;
( q$ y. R' u' K* Bwindow.onresize = new Function("window.location.reload()");
( h9 X# A  y' U# J; v! e; }' q}
# r* G9 o: |/ q2 L. T5 l3 A% S# r: t. Y
</script>