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

zw2004

<style type="text/css">& m; M! ~. X% s0 _/ i% e
#supertext {/ H& \% a0 C- X& ?" e5 S* j
position:absolute;
9 A% x1 v7 l' Z' j; i* }left:0;: t( @; ^6 X0 P( w
top:0;
1 [. i* j; ^: F( B$ V6 Evisibility:hide;
2 K) V+ u2 }) T# [$ {; G4 Svisibility:hidden;
6 V: [3 A( k* s( U. e. Y}. w6 x' }8 R" ]" [- r7 l9 q
</style>/ d1 f" Y/ P! _) c4 ^
<script language="JavaScript1.2">
+ s) E5 z3 y- a3 B<!-- 改变下的字体的大小。颜色-->
# X$ m1 e) d1 ?1 l6 Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; t$ z. H; @5 X& s
var hidetimer='';0 E/ J4 v1 W* ^
<!-- 改变下的弹跳速度-->6 r  G5 ^0 y: I# F1 K7 p0 |: v
var BallSpeed = 20;
" |0 K5 ~9 u' Q% Y! }  _, L- x; Rvar contentWidth;& k/ O$ P, U8 R' {. x' Q. Q0 O, a9 C
var contentHeight;' G; _+ t7 Q' j0 v0 k
var maxBallSpeed = 50;
6 V# k' P& p) ^; o! f! ~- b" S
9 c0 L9 }9 Q4 l" s& Q
& a' a/ p7 P) E, a( l, uvar xMax;
* z& l( w$ d0 K" g  `) fvar yMax;! o" ]2 q2 D3 O' J0 c# Q% u
var xPos = 0;
0 v' _: \! D6 h/ A1 Ovar yPos = 0;) W2 O% z- V, j( O: w
var xDir = 'right';
7 U! V4 }1 z% f# R2 i- y. I5 u- Fvar yDir = 'down';
; [" G7 V/ M4 k, G' @- s0 Tvar superballRunning = true;
/ h) I1 y% p; T$ t9 G5 g1 Svar tempBallSpeed;
7 p  |. U+ ]3 X+ h* Rvar currentBallSrc;2 d+ Z# ~8 p8 A  `) \# W4 I! L
var newXDir;
% Y' ~9 T  t- [" gvar newYDir;
3 N9 J6 ]0 A$ t8 h3 R% |' N$ o& q- C; @4 X  e
function initializeBall() {
$ v' i1 x; c& V& _" v   if (document.all) {
  A; y4 v9 _( U      xMax = document.body.clientWidth4 z% ^  h' h  \1 }% u8 M* L
      yMax = document.body.clientHeight
6 t' |# F1 ^  S+ e7 k8 }! l      document.all("supertext").style.visibility = "visible";+ n# z* ]# h+ B' g
      contentWidth=supertext.offsetWidth6 P* Y" R5 R; P
      contentHeight=supertext.offsetHeight
8 t2 }# F- E) z* b, @/ s- |6 f      }
/ n7 W& [7 k3 `) y+ A6 j. V1 u) u   else if (document.layers) {- I! Q+ i, c9 d+ |" ~# B( D
      xMax = window.innerWidth;
/ K5 Q) Y, d! W! K. s, Q% q# X      yMax = window.innerHeight;- v; S% ^5 o, x% g! R3 n8 ~0 R# F+ k
      contentWidth=document.supertext.document.width" t1 G5 d2 V% w/ V( y
      contentHeight=document.supertext.document.height0 P" i3 U0 r! {4 A
      document.layers["supertext"].visibility = "show";
0 \% H7 B* c5 L3 Y7 }/ c, ]      }' F" w" O9 C* g- d
   setTimeout('moveBall()',400);
" C8 b: |4 q8 h   if (hidetimer!='')
! _3 D$ q* i1 H  k8 a5 U6 Y   setTimeout("hidetext()",hidetimer)! q( Z, T% V: `" b- }
   }
; i0 t2 D+ M7 q5 w* `
6 Z; Q( C1 l7 B  a3 Q  B# zfunction moveBall() {% D6 t# y& l! H: X* x1 g7 b$ F
   if (superballRunning == true) {
% l. |2 C) F% p( e  Y" A      calculatePosition();- |  _  S2 n& q2 l% i; G! [/ Q
      if (document.all) {
, |. D# o/ G; q         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ x' H9 S2 z# d! m2 y
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 `  s/ f* c8 Z& X         }  P: w" K/ i' K1 G# H8 U
      else if (document.layers) {- N- z* `' D2 D$ t9 T/ }
         document.layers["supertext"].left = xPos + pageXOffset;: e) q; [7 e& @7 @  z
         document.layers["supertext"].top = yPos + pageYOffset;* D/ |. i# h  E) A5 c4 ~
         }) O  C, \& m, J/ [
      animatetext=setTimeout('moveBall()',20);
, U  c$ J. k5 n      }/ O6 j9 y& t; Z/ T5 ]9 D
   }0 u1 r% [, i7 Y, A& F6 E

6 Z& V' @! l1 @function calculatePosition() {
- q! P: a2 J& n; @   if (xDir == "right") {
, }1 d0 ]2 Y6 G      if (xPos > (xMax - contentWidth - BallSpeed)) {
( W9 i0 f: f( O* C$ x! U$ k, y$ N         xDir = "left";. o% o9 ]8 _( r. d
         }( U- Z. T7 `  s! J9 e  I! V
      }( X1 Y  k# v) b* ~: _( s3 g
   else if (xDir == "left") {  E* s; b/ y5 d
      if (xPos < (0 + BallSpeed)) {. E, K4 T- Y5 ^( n7 A
         xDir = "right";( b  @- R1 O2 X3 T' ]
         }
( }+ L0 f, o  q1 ?4 x6 ^' u      }4 q  t9 Y2 i# a; z4 n& N7 m
   if (yDir == "down") {
" O. H4 o) @: i      if (yPos > (yMax - contentHeight - BallSpeed)) {. b. X8 v( |  ]" C1 c0 W( ]
         yDir = "up";3 }7 T! Z; Q' G+ {0 `' p8 \
         }
+ I/ {+ Z: L4 K! n. @      }. u, e; ?$ f) L, ?
   else if (yDir == "up") {5 }. p8 ?1 Y, @. ~4 W- k
      if (yPos < (0 + BallSpeed)) {
! g# o* D4 w9 B/ q' V9 ?         yDir = "down";
! q7 U) }- z% r% i; V4 I5 F         }& C/ O% ~7 [5 L) w
      }
8 [8 \1 G/ j# \: J0 r% i   if (xDir == "right") {: @0 Z3 f3 F) n  O9 I
      xPos = xPos + BallSpeed;+ x, D/ r& {$ r+ Q, v: w' A
      }
( w" }& ]/ G) u2 o6 j0 r   else if (xDir == "left") {
* F4 e9 v: d* d4 i; h. L      xPos = xPos - BallSpeed;9 ]! D" o- p3 z% a9 d# [
      }
# h/ q7 c+ S0 \) j7 k2 k* E   else {
  }) o- @, ?$ Q( B. z      xPos = xPos;, Y- |5 ?6 l# [0 @
      }
, J! V/ x  P3 o4 u/ e5 Z   if (yDir == "down") {
4 r- y2 t5 g- X; r      yPos = yPos + BallSpeed;
2 c! O- K* t0 @7 y      }
& k, B6 C) W* [# o- b) }* E1 Q" e   else if (yDir == "up") {# x' Y6 B/ Z3 n3 k, b& Z: p
      yPos = yPos - BallSpeed;! ]% y- q1 X! p/ I9 f% w
      }
# }4 U2 B+ }# W0 H, R   else {
6 R% U4 {6 I# H# b      yPos = yPos;
$ r% i/ R) m% V      }% \2 j0 {1 }% Q. W9 U( F4 m- P
   }
' {$ m0 ]- g- Y4 d) m/ |+ G/ W5 D0 L  w% f
function hidetext(){: T# L& ~0 ~6 o0 Y
if (document.all)
* k. i8 c% S& Q1 @supertext.style.visibility="hidden"
. ~2 X* [1 r6 s' xelse if (document.layers)
! ~; F7 M  c4 R* t; C2 H* J* Adocument.supertext.visibility="hide"/ {2 s( y' G  m# I  }3 B1 z
clearTimeout(animatetext): y' q& b1 ^; D& |* ]  s1 r( }
}
  K  {3 C, V: Q$ o
* M: w* H: |5 l& ?3 A: N: g0 @if (document.all||document.layers){
; @# A" M5 W* U3 j" {0 d" t% idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). K( n$ j$ Q, k1 ?
window.onload = initializeBall;. b8 r& i& J+ |
window.onresize = new Function("window.location.reload()");9 V; H# k0 T$ o+ H. a2 }; j
}
& T+ f; C3 \2 H7 L& h' U! y: y
</script>