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

zw2004

<style type="text/css">% [, i$ f0 q/ A. d7 c& Q9 E' C6 ]5 i
#supertext {
+ g7 P3 {; q' p4 I. Q: p2 Oposition:absolute;- J# e( `# n5 T6 c
left:0;4 O: U7 Q0 {3 j% Y
top:0;1 Y3 c3 v, U9 s) J
visibility:hide;
) k# {+ l! t3 W" Q1 jvisibility:hidden;
) U; x  N2 E, N; V! R}
+ `) j% h. c9 R! ^7 i</style>
. p7 K6 _6 M) S; E<script language="JavaScript1.2">' {$ w# w. f% J+ U: i  \
<!-- 改变下的字体的大小。颜色-->
  v# b/ w. o% Y6 r( |! F5 ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 p5 C. t2 t" Nvar hidetimer='';
" f, S5 B$ r8 ?9 B& E9 H<!-- 改变下的弹跳速度-->) ~6 c; O9 N* j
var BallSpeed = 20;, W: U- I" U# e" Q# G! [; x
var contentWidth;) U7 d' q$ G! A5 x( b# \
var contentHeight;1 R6 |8 z$ j) W  x8 @
var maxBallSpeed = 50;# e' A0 J! _8 X
! x" i, Q3 Q& }) E* P) L! _

7 {0 {5 x- A: }" H+ X& H7 evar xMax;
- E% U& R5 A3 K1 _4 j: S5 Y0 E3 Wvar yMax;7 V+ O5 ^' _2 V& l, p
var xPos = 0;, x- J6 y& J6 C9 @) Q
var yPos = 0;
/ t4 i2 \! I6 Cvar xDir = 'right';) g8 M5 O- T; `6 h
var yDir = 'down';
+ e' ]7 Y' t  Ovar superballRunning = true;
9 A6 t3 r- G' y1 B* t% Y0 P  tvar tempBallSpeed;
- `4 D4 {9 Y5 E8 Z! k3 _var currentBallSrc;/ B- L6 [. w! H0 i. R$ h7 Q8 h5 m
var newXDir;
& U' A9 ~8 g. Bvar newYDir;
' _6 [- x( X1 ~+ ]+ G
2 K- s/ p& E  b$ C3 A- p8 y6 |' Rfunction initializeBall() {
. R# s  ~: v: H! @  f9 ]6 B5 i   if (document.all) {3 B0 w, q% l2 R3 U3 S2 ]
      xMax = document.body.clientWidth/ Z# ]! P, l- p0 S3 X
      yMax = document.body.clientHeight9 b1 b2 Y4 z  x* n; f  N4 ^
      document.all("supertext").style.visibility = "visible";8 V) q9 }; I: o, w& `" M
      contentWidth=supertext.offsetWidth0 Z. T4 ~+ S0 }8 j& e3 P9 t/ @
      contentHeight=supertext.offsetHeight
6 n9 \. ?( A7 S7 v: E* l- s      }& F4 V, B$ y$ n+ X  l: v3 U
   else if (document.layers) {& p  a# s  B0 K3 P3 z
      xMax = window.innerWidth;
- _" \# f# P3 C6 J+ u# I1 E      yMax = window.innerHeight;; H" @$ m! z+ C8 P% G
      contentWidth=document.supertext.document.width
% ]2 o. ^/ N7 O2 X6 f4 T      contentHeight=document.supertext.document.height
: W3 I( p% T2 r8 w% S8 \      document.layers["supertext"].visibility = "show";
* R. E1 C0 k) i7 `. c$ R+ i+ s! Y5 Q      }
* O8 x. v5 A# H' V) ~  E! @4 P   setTimeout('moveBall()',400);% O$ A) ]- v+ R; T+ M$ O
   if (hidetimer!='')7 }- U! S" A; y- g9 Z( Y, P; c
   setTimeout("hidetext()",hidetimer)' c8 M0 f" P7 x" i! @" n% k0 s
   }
' w! |. A9 h: }) Y) i- O! z$ s5 M8 H9 O- F6 p
function moveBall() {
4 h& i& E' G  l& q% d# H   if (superballRunning == true) {
% [+ M' ~" i1 W2 u: ]  q2 ?/ H+ {2 Y      calculatePosition();. I; K& d  z: Q& {9 i% i2 l# Y1 E9 e
      if (document.all) {9 |8 J3 C- i+ x
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 l! T0 i$ T; h5 Z" o# o         document.all("supertext").style.top = yPos + document.body.scrollTop;% D% l8 C! L0 t0 a1 J$ U& d& k9 A
         }
1 {3 N* b) }. N5 x# L: S% w      else if (document.layers) {2 o8 x, j2 @" [5 g" ~( L
         document.layers["supertext"].left = xPos + pageXOffset;
3 I$ i$ l$ R/ L8 N         document.layers["supertext"].top = yPos + pageYOffset;5 J% S/ w; X! I+ G
         }% ?% E- H( F9 Q
      animatetext=setTimeout('moveBall()',20);- \! l& i; K0 k( g' t
      }
% m5 c' r1 R% O: [$ d+ n5 h! a+ ]   }. _; B8 Z4 P( ]

& n$ ~3 i$ @4 V, z) q6 ~7 Q- E8 y+ rfunction calculatePosition() {
1 d( g% v# X& N8 w  [% c1 F   if (xDir == "right") {" B1 J9 c4 I  O$ k) N7 Z
      if (xPos > (xMax - contentWidth - BallSpeed)) {' G  q5 s  `1 ]! j6 Y7 u- M
         xDir = "left";0 o+ e6 g5 ?9 X0 g. c, b6 c
         }1 g! W- }- ]1 i" N
      }% I- ~, p' H1 O) I& B3 A2 }0 l3 M
   else if (xDir == "left") {6 R4 p# [" N$ o. J+ X! R& k
      if (xPos < (0 + BallSpeed)) {( a$ Q6 C4 g2 l/ Q4 T
         xDir = "right";# W, Q/ L6 b! c" r
         }( [# K# a% \! d! U1 _6 Q6 e2 Z
      }! Q2 f" w' O* Q) J5 t4 u
   if (yDir == "down") {
' G, |- H4 V' c$ c3 M5 A      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 T6 _. h& U3 }1 u- G: c* Y0 c3 E         yDir = "up";
9 T* {1 D2 P3 U( ^& [1 q         }
" ~1 @0 }4 L) I2 L2 w" i' \+ d      }3 J6 K* n& I, I2 T% I$ I0 y
   else if (yDir == "up") {
# U. w- ?* r# b1 ?8 Y- D' z      if (yPos < (0 + BallSpeed)) {( c2 G$ W7 U' }  ^+ O* O& C& b
         yDir = "down";
  m+ n7 _0 u( N! h- X1 f8 f         }, j/ h1 E8 e5 N. I/ O* v
      }
  R7 v, i) n/ y6 s" x/ Z+ V   if (xDir == "right") {9 J  C. M6 J' T3 ]
      xPos = xPos + BallSpeed;7 t6 u4 R. {, [" m
      }
: l7 A9 M, u/ h8 \5 |+ q   else if (xDir == "left") {  G4 G% u' N# h4 \4 |
      xPos = xPos - BallSpeed;
: r: H, J9 @/ q7 W  x! i/ Y6 U- B      }/ ~9 r8 P* G$ f3 V
   else {
" I) ?1 [. ~8 Z" L: @8 p! i' Q. X      xPos = xPos;
, E6 I1 |. P0 g$ i8 N      }- q1 m; F1 Y) R+ }
   if (yDir == "down") {
: ?& ~# b% d, w% q9 H      yPos = yPos + BallSpeed;
6 D3 b1 A' Y5 w& `4 Y      }
* ^. a0 |) u7 ?. @0 W- ?' D   else if (yDir == "up") {
$ B4 r/ G7 ?* g6 p" r  E5 g* T      yPos = yPos - BallSpeed;
9 p2 m, T: |& }4 w& r! P% _# e      }& ]/ p- _  s, D
   else {
, \3 _! X) f2 o  k* t      yPos = yPos;
: t3 q" ?  w. ^$ m8 B. S7 I" a4 ]* z      }
( S' l" f0 Q5 c+ W2 E8 |3 F3 B4 M4 }   }
& [! x2 b: L- O% B0 b  t! O
' i; J5 _' a$ _3 Afunction hidetext(){
; c) J: g; b: t7 n9 }if (document.all)
4 B! M- `! {$ s, I: Jsupertext.style.visibility="hidden"! B$ `4 F: J9 W4 p! Q
else if (document.layers)( O9 M+ S' J/ E0 k) H* `3 B" F
document.supertext.visibility="hide"/ m( I' n0 t+ q  ]* ~) m' _1 n
clearTimeout(animatetext)
: b+ A, ^7 T- M: z3 I5 @+ A: w- |% e}' `- h# ^" S* N8 }/ h1 m$ `; A
3 t% k, ^( u' ^! M/ R, P
if (document.all||document.layers){8 X( t, p( p1 k5 e2 o1 `& N: v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 X% r8 F" V, U  N4 Q; s( n
window.onload = initializeBall;
. S3 U. w0 O3 z; y: Nwindow.onresize = new Function("window.location.reload()");
" l+ F/ I8 K% K# |; y" e}) G3 R; V: P: i5 A) e+ [+ b( p
: ^4 q9 z5 A: R- l: R& b1 g
</script>