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

zw2004

<style type="text/css">$ p  k4 @  u! w* U( F# X! v8 Q. e
#supertext {
5 z: U  `4 H/ d6 f- Qposition:absolute;
1 T' |+ q  U, Hleft:0;
* s7 g' C6 K8 }7 r9 n' Otop:0;" z6 g! v( x& J* Q4 ^* |
visibility:hide;
1 p6 W. e3 M* S; jvisibility:hidden;
' s" M2 j' n7 p1 t4 @}" x4 _; A' `8 `, h5 b: @  ^0 C
</style>4 e1 D% A. v* m+ Y+ @
<script language="JavaScript1.2">% g) _+ o' \2 E5 p6 C
<!-- 改变下的字体的大小。颜色-->3 m- p, [4 o6 L9 X  @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& |, F* u9 Z3 R% w- }
var hidetimer='';
5 b! A' J0 ^0 s$ x7 C<!-- 改变下的弹跳速度-->0 w; ^/ H' }" U8 z/ ]) N
var BallSpeed = 20;& u0 w# \# B8 |8 `
var contentWidth;
8 |) H* ^( W# p# evar contentHeight;6 n  y  |- v% e1 g4 L' ^/ E
var maxBallSpeed = 50;  z2 R" F/ y; Y" @
5 v. f9 ~% B6 x; G
& B4 f5 Y7 Q, m) ?' e) T/ t$ j: Y
var xMax;' }4 j5 O6 a" i0 ]( _
var yMax;
2 o" K, x" P8 Rvar xPos = 0;4 W; f9 c& S2 X4 \  @" Z) g
var yPos = 0;$ G1 w7 O9 `6 O  y5 z3 i$ b- Y- `
var xDir = 'right';
+ H: C1 g; \- k1 M& o& _9 Zvar yDir = 'down';
- v/ j, {' \( O' T8 Nvar superballRunning = true;
, q/ P! p/ q) E# v4 E1 i- W1 Lvar tempBallSpeed;
: k$ \5 B3 j4 Pvar currentBallSrc;9 B* D$ m! z4 x
var newXDir;( f, T) Q! u& B! {& e0 _
var newYDir;
+ b, S% d- A; ^8 M( ], \  @; [: R, m, C5 s4 _6 A9 A/ t
function initializeBall() {4 ~4 t; {6 `) g& i0 T% w
   if (document.all) {
7 |  C0 @0 R, d" R      xMax = document.body.clientWidth' k) H, t) B$ ^3 B6 u( F! j
      yMax = document.body.clientHeight) ~. g7 N2 D! E' f6 n% u
      document.all("supertext").style.visibility = "visible";! [3 U$ f- O; j! D; A
      contentWidth=supertext.offsetWidth
5 O  R, y0 B- `7 h4 g      contentHeight=supertext.offsetHeight2 V# `5 p. |* W( n$ Y& J
      }
, T: p. f5 Y& q# \& v   else if (document.layers) {
7 |" B( b6 J" i4 i9 D! K* `* }$ L3 W      xMax = window.innerWidth;  j' b+ v. c% r* j
      yMax = window.innerHeight;1 ~/ |9 G% e9 B$ j
      contentWidth=document.supertext.document.width& F9 e0 H+ b+ W: c
      contentHeight=document.supertext.document.height
. `, T6 x  E8 B/ L      document.layers["supertext"].visibility = "show";
! M. {, _5 N/ o- k3 Z, r! l4 k      }
3 g+ k- W9 Y( s  b% c3 |' X   setTimeout('moveBall()',400);
# e1 K- [: |& Q4 |" m) C   if (hidetimer!=''); I) f5 y4 A; ?" Y
   setTimeout("hidetext()",hidetimer)
6 D8 `+ J- B7 f+ k, i& e   }, E" ?4 n2 S. j

% B( m, N" R3 v8 X, L0 n3 kfunction moveBall() {
# `5 V9 z2 ]' g; p4 i& M8 C   if (superballRunning == true) {$ Y+ d0 J7 c" @. d; O. K9 r
      calculatePosition();
7 B; ^# v" r# a/ |2 }  B      if (document.all) {
/ d  @3 \$ G* H* h         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 L1 S" ~3 d3 [) M2 w3 Y         document.all("supertext").style.top = yPos + document.body.scrollTop;" g" o) _( F" o: O6 a6 ?3 @: D% u
         }' p; \0 M3 F" z# k" X8 _0 I  t
      else if (document.layers) {
: i3 h( p* l/ f5 u! n6 g* ^; L) M         document.layers["supertext"].left = xPos + pageXOffset;: S4 A, A3 O# N" u
         document.layers["supertext"].top = yPos + pageYOffset;
* j  j1 N; A2 Q6 \- ~; ~# T         }& ]! s* J8 f1 K5 q: b
      animatetext=setTimeout('moveBall()',20);( l* c; D/ h% l+ K( |5 ]  a2 C9 r
      }
7 B; J# g; o- \4 x% ^, m   }
+ M9 M# G; j6 j1 V# H2 h+ j& |* W- O0 t9 K* y- X4 E
function calculatePosition() {2 i( P, x8 [4 O1 G/ J
   if (xDir == "right") {$ @6 l0 v# ^& ^+ j: P- r
      if (xPos > (xMax - contentWidth - BallSpeed)) {& y0 D" \9 D3 j4 `2 s4 h! o# c' E2 i$ v
         xDir = "left";
/ D- G/ k' @1 S8 O5 D8 n; g: g% J$ \         }+ b2 f4 `* `+ t# L8 b( }; E/ M; n
      }* u3 i0 Q: O4 M5 }, q
   else if (xDir == "left") {
, o$ a3 V& ?3 ^5 b" O/ j      if (xPos < (0 + BallSpeed)) {
5 _  K% }4 E# C% t+ D8 c         xDir = "right";
- C( N# ?; k1 N1 V! j# O" a: ^' @         }
( @: q9 O) }5 C# Y$ V( o1 M      }$ g+ n  ~- q& j8 |" D3 m% h3 c" X: v
   if (yDir == "down") {
+ P' M7 S; E2 n, N) K0 b  t      if (yPos > (yMax - contentHeight - BallSpeed)) {. ]# q6 r% Y* E# K' w  D
         yDir = "up";
* A3 t3 I3 F4 T: l1 C6 k- t- P         }: @* O9 ^+ c: b' R* z; ?/ S
      }. j$ C/ {; o5 y: j. G
   else if (yDir == "up") {
& \. l, Y& M2 H4 B  r0 K/ E/ H) b      if (yPos < (0 + BallSpeed)) {# A' E; \% j+ D' o7 `
         yDir = "down";
8 C% o  _/ l& A0 X; S         }
9 a. y  g# }& i; Q+ C/ o+ S6 `      }
, Y( [' U( X8 i# m( e" q   if (xDir == "right") {
+ o. c7 z/ D# o      xPos = xPos + BallSpeed;
! h  y- a1 e) e& ]+ B      }
- u2 ?* N) k  z0 p- _0 J   else if (xDir == "left") {
% p' s. z; \6 s$ {4 D6 n* q  S      xPos = xPos - BallSpeed;
! v+ I0 Q: F: W$ J2 u& s      }
! q8 o; z7 a8 {) N   else {( a4 i$ A9 W/ b. Z
      xPos = xPos;
6 w6 w8 E% r) Y- y, N      }2 B4 Q* J! c$ {9 m: v6 _( l
   if (yDir == "down") {
. h# W/ L8 w: ?- x% t( S      yPos = yPos + BallSpeed;) E2 B- f! H6 n; t1 C  \
      }
; ?. f7 O7 ~" d& l/ y  O% l* h   else if (yDir == "up") {
& k& Y) \& x' u1 B2 n5 v      yPos = yPos - BallSpeed;% T/ e/ ~0 z; N0 I/ _
      }& _- N* X2 @( Z/ o# y2 p
   else {0 Q: z2 Y) r. e, s6 C
      yPos = yPos;
! z# ^! a1 A) c8 Z9 B      }! p1 z9 h; D4 l- }
   }
. A# O! Q8 B( }6 D  T, l) M$ U7 T# W9 t- g
function hidetext(){" D) B* y( u% D1 ?) O) y' ~" P. C
if (document.all)
/ E) r- f& w7 ]8 R* rsupertext.style.visibility="hidden"
6 o7 |+ W6 ]" N. u! d# V! Jelse if (document.layers)' i$ E& k4 @4 F1 [, c+ D. x
document.supertext.visibility="hide"
) q9 ~1 u4 Y$ g+ H- p' VclearTimeout(animatetext)
( n' T6 f% a+ v" Z}
. a; S/ ], U1 c  d2 Q: ~
' [2 }# F0 j9 [9 g5 p/ m+ @) @if (document.all||document.layers){3 N; p& g8 N4 q  ~, Q+ |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 w( a! N( N6 lwindow.onload = initializeBall;' C# J1 g" U5 b6 `  M
window.onresize = new Function("window.location.reload()");
  b& z5 F5 Y3 K- ^8 U& r}/ ^# U8 \; `# n' {9 E

1 i2 l9 D! V6 |" D" s$ Q</script>