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

zw2004

<style type="text/css">/ |! k0 l9 W  v9 T0 j0 G, E
#supertext {1 l) D8 g5 q4 N! R' h+ L
position:absolute;7 t9 h' p% G* c9 S% H+ y- Z+ g
left:0;
% X4 h" C3 q" o  J5 ]. wtop:0;
' c1 ~: j9 @# @visibility:hide;3 h* [" F- J+ Q7 x
visibility:hidden;
7 k" C9 u& u0 m) _}
/ P5 d* u* t. F" x, }</style>
8 E/ {* d' F' |5 c6 m4 t9 y/ J<script language="JavaScript1.2">
2 ^% `. a3 G" C" y8 @1 t<!-- 改变下的字体的大小。颜色-->' Y/ U& F: k+ t# |& X  p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% }8 Z- _! @1 q! C4 M) d( i
var hidetimer='';
1 |' v/ {) R" \4 h1 F, w/ v<!-- 改变下的弹跳速度-->/ M, v1 H3 f; V& C1 B
var BallSpeed = 20;7 {1 {0 G2 [. c+ F1 }# E2 x; [; U3 W4 d) P
var contentWidth;( a% u3 x# m1 R4 W* y3 P
var contentHeight;
# U, R& U, W: m% ivar maxBallSpeed = 50;2 z# T+ z6 K4 w+ O! r* B
* I  f  U0 y' K8 P. ^0 Q3 `

( d" J+ o& |3 B; s* s9 O; c, T- r' Rvar xMax;6 d+ m' K& D4 t1 M* H
var yMax;
" K) d' Z& D1 f3 X3 g6 `7 c* u5 d9 f4 cvar xPos = 0;: C  h8 `" t- T6 W
var yPos = 0;
6 Z( s6 ^2 k- K: ~var xDir = 'right';  ^- N$ W( T- H1 k* A3 y0 N/ [
var yDir = 'down';: P1 f3 n) C- w/ o) ~
var superballRunning = true;
: m5 S2 w( x( q  @! \var tempBallSpeed;! S2 c0 c! ]; j2 U
var currentBallSrc;( p/ l. Z1 ^# t- ~3 ?
var newXDir;
: a2 {4 i7 c9 e( }, F# zvar newYDir;
" U  [+ h/ n6 A. I! G3 [- v4 A8 X" o
  H" q! z9 L" k' e" c0 c' Kfunction initializeBall() {
. D0 h6 Q, S# [6 H# H9 C   if (document.all) {. [: J( i  v, J$ Q. _
      xMax = document.body.clientWidth
. r/ O& e) v( i; i5 I1 @4 C. R      yMax = document.body.clientHeight* F0 r' T8 z0 O- `3 p8 G
      document.all("supertext").style.visibility = "visible";
8 _. U; n  t8 w      contentWidth=supertext.offsetWidth
/ U! x8 @4 c; y, z4 H      contentHeight=supertext.offsetHeight8 T  R7 J5 R9 A9 Z! G
      }
7 s  h& }) s) ~: j& c   else if (document.layers) {! d4 e8 C+ y- y1 z7 n. L
      xMax = window.innerWidth;9 _: G  h9 B- `8 c+ P% v5 e- \
      yMax = window.innerHeight;
' L& ^8 M1 Z1 z; ]( {) P$ x# z      contentWidth=document.supertext.document.width
# h- A$ u2 f8 d8 s3 }) E      contentHeight=document.supertext.document.height
% h5 d! F4 L% U/ I. r) P7 S      document.layers["supertext"].visibility = "show";4 W/ j2 Z& d# s3 X' X% _* r& P
      }- G. B5 j3 j4 V' G# ^+ e
   setTimeout('moveBall()',400);3 j  Z% B& u( v2 }0 M4 C5 Y7 b
   if (hidetimer!='')
$ S) R! j) x( a. ~! c) ~6 ]9 B1 J   setTimeout("hidetext()",hidetimer)
& a. T. n/ A9 j$ j& N   }7 Z7 u2 Y6 b/ }
: U- N, P# {* F' Z( a
function moveBall() {5 l9 J0 E' x; O" I! A- z1 s6 O
   if (superballRunning == true) {
& e, ^1 n+ ~' x      calculatePosition();8 I7 E" G/ z! _0 @3 I- I* m5 |
      if (document.all) {  o% }( J# H& C! q7 w/ u2 v
         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 o- S4 @0 F5 p* G9 C2 `0 p6 x
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) b2 H* w! ]. `1 O- M% Y         }
. C* k9 E4 Z- N! {7 b+ @      else if (document.layers) {6 N. F/ z/ @! ~/ F$ A; f
         document.layers["supertext"].left = xPos + pageXOffset;
9 U# c4 E, o2 b2 _" Y$ F! _         document.layers["supertext"].top = yPos + pageYOffset;
. l0 L0 Z& o5 F. P: f( h8 R$ c         }9 D* M3 c7 k5 i) b0 A4 X
      animatetext=setTimeout('moveBall()',20);
* i% j% s6 o2 b2 }) L5 z! S& M. r      }$ r6 f) {( {/ W& U" i
   }
5 [% [. E/ U( M( [5 B- T& Z/ I5 u. P0 w, J& K
function calculatePosition() {
; W/ R6 I' q; u: X( i2 M+ W   if (xDir == "right") {' Q5 s9 g' X' M4 F& ]. k" b- C
      if (xPos > (xMax - contentWidth - BallSpeed)) {) r9 q/ Q; v) t; G0 d( h
         xDir = "left";
$ v  ]0 Y% V/ M- \! s8 m$ c         }
! [5 Y: R) b+ M" ]" [, y4 j) ]+ q1 _      }+ w- }8 O, l$ y. R
   else if (xDir == "left") {' n  [. Q  [' Z# Z& M3 |' P: f
      if (xPos < (0 + BallSpeed)) {( K0 [, E# G7 c) t" F
         xDir = "right";
+ A  q& f6 n! U% Z1 p7 o         }" W4 |8 r( e8 w6 t" ]1 g$ \
      }! V! F9 D5 z( R  g5 ?" V
   if (yDir == "down") {
; n& ^( w( M" |; q! G      if (yPos > (yMax - contentHeight - BallSpeed)) {
! O" w" g% o& ?- D$ Y1 z) G) E         yDir = "up";
  |/ ]& h5 o( Y         }+ s; a6 X9 T3 e" k. M  \8 {
      }
" [1 E5 A& U7 O5 r' o; q" M   else if (yDir == "up") {8 @2 B. H" S5 ^$ [
      if (yPos < (0 + BallSpeed)) {. s1 P: S) a5 A9 |3 d" u) N
         yDir = "down";; ~; X& y) g$ m$ Z
         }
5 L( M# ~# A8 {; f) f: F      }
0 y9 h8 D- I7 U! K   if (xDir == "right") {
" t# T4 d( x7 V      xPos = xPos + BallSpeed;
6 q3 _& C* ?9 n/ @% }6 V& e- A, v$ m      }8 K; [) }# ?7 _: ~8 r
   else if (xDir == "left") {8 P2 O  c/ [8 L2 h; w% L
      xPos = xPos - BallSpeed;0 M  Q, D% l5 K5 ?0 ~
      }
6 A3 J8 `3 F2 X. G& D; T1 a   else {9 e! `& f9 U2 Y$ ^2 ^& L2 G. W
      xPos = xPos;3 l+ k6 F$ `) b. }7 N9 c
      }
" A" Y( E! d% q4 V1 W   if (yDir == "down") {; B3 C4 q, @. J  N/ W1 u7 ^) R& D6 N
      yPos = yPos + BallSpeed;
2 K. P+ M% i' i, R$ \; K; U$ W      }
& ?4 \/ b0 i8 a7 @; p9 O   else if (yDir == "up") {  a' J8 @% u# f; q$ N
      yPos = yPos - BallSpeed;
4 l2 ?  [; m2 ^2 w      }
- c4 c* d  h1 l5 t. \   else {
6 w, j9 N  [- u/ b4 n      yPos = yPos;
! K, T6 A! a& L5 q% s% t  R. C2 N# T      }. k% K/ `: h( m( P
   }/ j. N) z  v# ^, T" X8 ~% x0 j
+ D) F9 r2 A* ~+ ]  V
function hidetext(){/ ]/ _/ J7 `" z" O! m+ j
if (document.all)
/ i! @, o' k  g3 X! W' y& Wsupertext.style.visibility="hidden"
& n# u( O# D, j* Gelse if (document.layers)
6 M3 m: S- [' @2 b* xdocument.supertext.visibility="hide"# l% G9 I4 z3 B( ?
clearTimeout(animatetext)6 B; f: J) K# b) k+ s9 h
}
+ L6 N+ H  b9 I# f/ x; ?) G: R" h8 a0 ~: l5 b3 W
if (document.all||document.layers){
; o& v: r2 @$ V, zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" Y" }6 n8 L3 F$ e2 C" I  Bwindow.onload = initializeBall;
: X) ^5 I2 I  x/ U* Fwindow.onresize = new Function("window.location.reload()");- }) K7 j( i7 o$ E
}) a$ |; c1 E) e# \3 Q* B9 d

3 G/ Y& W' |+ K' H</script>