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

zw2004

<style type="text/css">
& i: x0 v( B1 `& T& t; O#supertext {
) `6 g/ g) ~0 }$ qposition:absolute;
; n3 |4 u4 v' f$ ^. z5 ]. xleft:0;! M! \5 @" a1 s
top:0;
7 k3 ~+ p  n) @; O! D' uvisibility:hide;
- _9 t. z. S$ c- w) D( H4 J  |visibility:hidden;: p% s0 F. N" R* K% A8 D& c
}6 [' b' y7 t4 [
</style>- L! f" d  L3 ?! Y+ y. Q! {% O
<script language="JavaScript1.2">5 K9 x  ~' \& M
<!-- 改变下的字体的大小。颜色-->7 J+ {& F; ?% }) _$ t7 A) A+ U7 [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 P/ G  B* b0 J* R, E4 Z  S6 Mvar hidetimer='';
, z2 R$ }% S% r3 V<!-- 改变下的弹跳速度-->; F* s" H6 o3 t: r
var BallSpeed = 20;& U: t( u  l  c- G
var contentWidth;
/ \  ?+ [7 a7 ]1 [% Mvar contentHeight;
' q) R$ R9 A- i- Vvar maxBallSpeed = 50;
: B+ u  e4 b. `7 b4 l3 G1 D% @; x- d; p+ v1 Y+ H; c

; t  v% R$ D7 p( F. Cvar xMax;( K) H" ^* V9 R
var yMax;
, n$ |- v; b7 x: uvar xPos = 0;5 h/ E$ e) ?7 Q! N) o/ E& z( b# ^
var yPos = 0;3 f3 p7 j1 A* B/ Y2 ?/ \2 `, Q
var xDir = 'right';$ Y# L& b# Z) v3 C& R# R
var yDir = 'down';  e8 R% L2 }3 Z4 Y  `. t
var superballRunning = true;/ I% t) ~/ [, J9 ~) I
var tempBallSpeed;
  ^0 v" g" S7 C; s4 {; h: @! Fvar currentBallSrc;  _1 M; }4 _6 g: x
var newXDir;
5 f+ ]" ^8 D$ hvar newYDir;  a4 A) I( a. d& M1 J" k8 Y) O

" h8 O, H( k# L4 Y4 T! dfunction initializeBall() {5 f# [0 p! s* {# G. f
   if (document.all) {
  B( M/ q# Q5 Z4 e7 Q      xMax = document.body.clientWidth
9 S: s; e9 m/ d, I      yMax = document.body.clientHeight$ z, A5 e0 E8 p$ X, d
      document.all("supertext").style.visibility = "visible";+ t. c  E" G9 V- b5 A
      contentWidth=supertext.offsetWidth
) `+ B% C+ b# Y1 ]3 y6 d* p      contentHeight=supertext.offsetHeight2 G. X$ p0 C1 ]
      }
1 ~6 D; o0 d# s% y  w* \' ^3 @   else if (document.layers) {/ l$ \8 D0 F% n. T
      xMax = window.innerWidth;+ u1 {0 e6 n0 a! S9 i% a  Q
      yMax = window.innerHeight;
- u6 X, K' Z- S: \4 _) `      contentWidth=document.supertext.document.width
+ W( V6 x! L" N; [) q' P7 g      contentHeight=document.supertext.document.height2 W0 n- n: m5 [. a, a
      document.layers["supertext"].visibility = "show";
' L% X- d% T4 m  l: v4 H: Y- d      }
7 D9 |/ t4 k& l: [& _8 I) d3 G# I   setTimeout('moveBall()',400);
$ i3 ^) _9 G/ b% h( `   if (hidetimer!='')
/ e/ R. x6 j: ^, ^   setTimeout("hidetext()",hidetimer)
! \7 f; x% y0 B; U   }- F6 t, f  w* G% A3 S7 v
& q) k+ V% w# {% w- ~. y. k) s# v
function moveBall() {3 ^( W9 v6 P) p* p
   if (superballRunning == true) {
) \8 |/ ?3 \% h. w* G      calculatePosition();
, i3 g5 Z* O& @& @      if (document.all) {' T/ b1 \+ V+ q  r9 K) J4 b  a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- m- ]" h/ _( H         document.all("supertext").style.top = yPos + document.body.scrollTop;7 A5 W: b6 d, P0 [
         }
+ q& T0 V, u. x# e1 t8 U      else if (document.layers) {
* @  q" V# [7 Z& \         document.layers["supertext"].left = xPos + pageXOffset;
* v0 o+ C" [, I, G& I9 _         document.layers["supertext"].top = yPos + pageYOffset;
6 l7 f: t- W/ F; d" u4 `         }
: ]/ T" ^' o/ j      animatetext=setTimeout('moveBall()',20);# H- l# k. D. i2 [4 L
      }' k6 t7 L( j% [5 k$ x2 H, T) g
   }
6 A! g$ H5 n0 m! N7 b3 ^4 V+ [3 [1 [+ a) m( J: ^# z' |
function calculatePosition() {6 @' ]* V/ H) B/ r( F& B- {
   if (xDir == "right") {
; ]% d- d$ [0 B2 ]. M5 @, n      if (xPos > (xMax - contentWidth - BallSpeed)) {
  I! ^- n' J7 k2 p6 c4 m4 u         xDir = "left";
8 K' @+ T+ D6 c! w. B         }
- g6 l6 A0 l, R: m, R      }% E% I) \" B' b* i/ l" J) z8 V
   else if (xDir == "left") {' R- g( V8 [5 _$ J: f0 |3 o
      if (xPos < (0 + BallSpeed)) {/ Y% Y4 y# f1 Z4 z
         xDir = "right";" Z8 s' K6 A  w  N. _2 A" k+ T
         }9 }2 X& ?1 d- P6 r6 o7 o
      }
& T' h1 O6 z$ B8 O   if (yDir == "down") {" x! F) y5 y# L1 `) O# y- }& v
      if (yPos > (yMax - contentHeight - BallSpeed)) {- ?5 U& |. E; h
         yDir = "up";4 N$ m; o8 ?2 \8 j. G
         }  n: X2 `9 Q4 R
      }
4 l( F2 ~- {, @" _0 a8 s  ]   else if (yDir == "up") {
2 A1 p2 g) @5 s! ^8 l# _1 [      if (yPos < (0 + BallSpeed)) {
/ R  _  J3 _! m5 \6 s" [3 B7 t         yDir = "down";
7 U* p" L# A5 `1 ?0 F         }) y% G; p6 X# m$ K& f
      }" Y0 z# W1 F0 ]# e( i
   if (xDir == "right") {# r/ a& a+ Z+ Q4 p" t7 D8 Y
      xPos = xPos + BallSpeed;, k  `: g% [* p; c" O# d
      }
# J+ u2 N7 q$ c& R& W* ^   else if (xDir == "left") {
% `1 M" J  O0 U3 K      xPos = xPos - BallSpeed;% |5 N7 E: Y/ Y* m4 }' G
      }
% v- Q+ a5 O9 d6 H4 ]   else {0 W0 T! q2 A% o* X
      xPos = xPos;8 A* c- M5 x$ C6 O  j% |" [2 |
      }
0 h) I8 D" z- ]5 j6 q7 }   if (yDir == "down") {) d2 S, p/ G. z/ s( S0 Z  f& u9 b7 h
      yPos = yPos + BallSpeed;
: B6 D; ^7 V, v, G; k+ E: Z/ b      }8 m; C9 v" d4 H/ L
   else if (yDir == "up") {
- G& M) H# @3 Z% x      yPos = yPos - BallSpeed;4 o4 D7 V) L2 t* G+ W! j) }! Y
      }" ~: A: L- _/ x, `! ~
   else {( e% y' @' Y+ d' w, z# w) B5 j
      yPos = yPos;* ]; S2 D' H$ w7 M
      }  A' c# z2 Y8 b4 N' u0 {1 p
   }% B9 i0 M9 F: V9 J+ i
  f: O* Q! e6 W$ d- Y: b% E
function hidetext(){
6 R8 x0 t" J* I: c& _if (document.all)
( A6 n5 \- t6 d! Osupertext.style.visibility="hidden"
; t+ }  o% X1 r7 Zelse if (document.layers)6 U! u! C5 @/ E6 ~
document.supertext.visibility="hide"( ~2 i* r1 v4 m4 w' U$ {* {
clearTimeout(animatetext)
5 L9 i$ w" X8 I$ o2 Z# B}
5 D" t; k. j( i# P; Z$ E/ M
" M* ]0 a1 H2 @% rif (document.all||document.layers){
- G( y3 A% y) N6 c5 f0 ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  ?9 O! S  f8 k) O: jwindow.onload = initializeBall;
3 s4 m. b/ s+ p& r1 {0 D; gwindow.onresize = new Function("window.location.reload()");
0 \& ]+ R" O3 c6 c" [5 c% U9 J}
/ i5 l9 m1 d  a) L
3 R1 C: @- y0 \8 y) `- ~</script>