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

zw2004

<style type="text/css">
$ j) o- |' k$ n$ c3 q#supertext {
# G. {5 c: C+ Oposition:absolute;8 H; ]" F& j, Z1 {+ S
left:0;  R8 k; b7 I8 Q* c1 b( h# G- D& c" T* v
top:0;
( H# W8 }% _; ~+ }  P8 ?$ Cvisibility:hide;- l. x% w3 Q- _
visibility:hidden;$ q: D% E3 l( C" u/ Q
}. `8 C7 \& N% A% B  @
</style>0 S# ^( O) W7 P: n
<script language="JavaScript1.2">
$ g1 U* Z: M; B1 A: v5 |1 K8 \<!-- 改变下的字体的大小。颜色--># B0 V: C8 S2 i& [: X
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: c# F2 q. N$ Uvar hidetimer='';  r, O$ U3 m+ P7 G. [) l1 c/ p
<!-- 改变下的弹跳速度-->
* S- T% `$ `& n2 S  d- Ivar BallSpeed = 20;
( ?2 X# T/ l% s" Q& |& R9 Wvar contentWidth;
) w" i7 @  O2 g7 H/ c% `/ kvar contentHeight;1 U- n. E7 O: A1 I% {3 ~4 u3 N
var maxBallSpeed = 50;
$ i7 ~$ ^1 J0 W# o; l  O: T) X; D& A$ U7 w) n1 l* _
0 l4 X5 c4 {, r4 t0 U& C! U' P- n
var xMax;- M" c% J) C7 R* p5 |1 N
var yMax;
- P/ b- r* k5 X$ I# lvar xPos = 0;5 R( F' F- m: r, k1 I1 C8 e1 L! X
var yPos = 0;2 [2 {: U  h0 h1 x2 G
var xDir = 'right';
, B1 y2 n) y) ivar yDir = 'down';
( M  }; L4 r% `6 ivar superballRunning = true;, H3 }5 ~5 I' Z$ I8 p( w# O5 y
var tempBallSpeed;
, O4 W% Q% q- f" M! qvar currentBallSrc;; W: u- J' F' m6 P) r
var newXDir;0 i% @. j$ B1 c5 W) I1 K
var newYDir;
) n3 B1 m/ l/ F. X, |6 k# h  p" b3 `6 [6 L; f! M
function initializeBall() {: l; k. U: Z( T: R
   if (document.all) {: \, z. J. d3 }" m- k
      xMax = document.body.clientWidth
% v8 G! I8 Y, i& }/ b      yMax = document.body.clientHeight
, J* a# c2 a* G! K: N      document.all("supertext").style.visibility = "visible";
3 |) J; W3 [( v+ J( q& _      contentWidth=supertext.offsetWidth
! x: @* N0 A+ j4 a- I7 m4 I1 h8 x      contentHeight=supertext.offsetHeight
, y7 Y1 Q# e$ Y$ M, u. ~      }
% _; ^% r# p9 E9 d   else if (document.layers) {9 V& z$ o1 {- B8 N6 K
      xMax = window.innerWidth;
5 D: R8 E. [1 g      yMax = window.innerHeight;2 q% {6 n* h- w6 Q$ w+ i, v; u( l
      contentWidth=document.supertext.document.width
# u) v( m8 c% j4 Y      contentHeight=document.supertext.document.height9 H+ _& @3 L! {5 b2 e
      document.layers["supertext"].visibility = "show";
  p( i5 O, m; M, B      }! D) H+ j; C8 U! P  b
   setTimeout('moveBall()',400);5 X9 e9 Z  l8 p3 g; r+ y
   if (hidetimer!='')
8 e6 u  {# _+ y   setTimeout("hidetext()",hidetimer)
# M- T6 Y+ @, N- w% H7 b   }4 H+ Z" H6 c" l% k7 v- g1 q
3 c8 H% A$ x% e/ \- V9 F
function moveBall() {
4 _" W' S. @; T& j* x   if (superballRunning == true) {; Q( V* b8 u* S1 Y4 K, k) N
      calculatePosition();% O: t& n1 r5 Q  M) z
      if (document.all) {
8 g4 r4 j/ L  Y6 K% J* |% x         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 F; h. ?9 C* L' O
         document.all("supertext").style.top = yPos + document.body.scrollTop;. n3 Y8 u6 M" i* ^, e% v8 G
         }
% `2 c1 N8 Y6 S' b- ~, r      else if (document.layers) {
" d, Q2 i+ d/ w0 ~! R2 M         document.layers["supertext"].left = xPos + pageXOffset;. C/ |& H/ q* }- g; D4 i  w- a
         document.layers["supertext"].top = yPos + pageYOffset;
, Y) X1 o4 V# X7 }, i* `& x! k         }
% E0 b- t* g9 A$ T      animatetext=setTimeout('moveBall()',20);
0 y7 w; B! z2 o2 z3 ]' ]7 o. z- B" l      }
1 z% `  l: O: L( d1 g1 y   }8 v* Q, \! L2 @/ L8 T4 F

+ [# v! Y* ~) S4 f8 p8 I# q' }function calculatePosition() {
- U0 [5 s0 S# {. u/ F   if (xDir == "right") {2 `4 ~  l/ s% m2 h8 N$ x
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ }4 E4 P7 H# Z1 I1 h
         xDir = "left";+ q; @. ^; {' Z" e# G7 k' ]
         }
" o5 k" t6 ?5 [& r/ k& S) e      }
/ E7 P; g+ D: E8 s   else if (xDir == "left") {) D1 ]0 {6 Z# ~3 n! m; M. p# N
      if (xPos < (0 + BallSpeed)) {: r4 u$ Z% ~  W% S2 O$ j1 {2 C
         xDir = "right";. p5 }1 K2 B7 w5 A. v( I+ ~
         }. ?, ?; T5 o: ?# @. U$ K! Z
      }
' }0 x$ ^; q8 ~2 E. ~   if (yDir == "down") {
& j# u, J8 w7 k/ J5 ]" }% o      if (yPos > (yMax - contentHeight - BallSpeed)) {6 o7 ]4 [/ R0 ?4 k& n4 v
         yDir = "up";
' x) x; ^4 k$ L) ]) f         }
; ]: w% U% l& r7 K4 @2 }( V' ]& P9 E      }! Q6 F3 }* _& h
   else if (yDir == "up") {
+ q# t* ?! G' @2 `$ S$ a' ^& u      if (yPos < (0 + BallSpeed)) {
+ A- P+ i, `' G$ {         yDir = "down";" G" A$ u9 d' ?1 i
         }
7 b6 y& I8 j9 R      }( P7 b3 G: O5 N) O5 X
   if (xDir == "right") {5 l2 y! t8 u! w$ H7 q: W
      xPos = xPos + BallSpeed;9 [2 C* c3 M" c8 P
      }5 d, E" }+ i( X0 A* f3 Q
   else if (xDir == "left") {
/ b! l" q8 E/ Y1 v; k      xPos = xPos - BallSpeed;. O; t" l6 q( z6 k" U
      }# _( W. T6 ~6 x/ E5 L
   else {  t9 S9 `: r# f' ?8 z; P" j
      xPos = xPos;, h7 R2 S  ~9 V/ w$ ]4 u
      }0 ]: V5 ?. @: u2 P! N- m
   if (yDir == "down") {
6 l% R8 @6 N5 y5 ^6 S* ?$ T; Q9 O      yPos = yPos + BallSpeed;# ?) g7 l, D# A* v5 ~
      }
, H& ~2 z3 l) E1 @8 ^- r6 W5 p7 Q   else if (yDir == "up") {
1 ?4 G4 B5 \$ D0 |" L  A      yPos = yPos - BallSpeed;& r1 k! O) A" u% G
      }
  O/ P7 }, }* N) {   else {% j2 G7 G  t+ _: ~1 P6 l  X/ y
      yPos = yPos;
; I2 R- A3 |6 a      }
/ n, M1 i6 g6 d8 C0 y) S  l   }
/ a! c! l) P, D5 j2 U
1 h2 {* _1 P7 c% c* M: |5 c# t7 Tfunction hidetext(){* q8 F9 M: x+ w8 G* b/ a
if (document.all)% T8 u; c* I6 [5 q
supertext.style.visibility="hidden"' w6 `. m& T5 ^0 J8 i" x. ~
else if (document.layers)
0 e, y: h0 L6 X( adocument.supertext.visibility="hide"
4 R2 o4 d: W! S& j0 q# ]* W; E" O$ |clearTimeout(animatetext), h+ Q/ ?: @  p
}
, g8 |( c# t, P/ U" h
2 M: y7 N3 H  h0 ]9 e) {, Wif (document.all||document.layers){
. W) B2 u4 _. Gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% b  N$ k! E* J5 Lwindow.onload = initializeBall;
% r* N3 {, I  k$ S/ T( z. jwindow.onresize = new Function("window.location.reload()");2 [7 H7 s, {* e- G: e
}
, W% n7 k7 F! C4 ^" N' T0 F0 r' P9 H
</script>