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

zw2004

<style type="text/css">( x6 V# [. }5 q  s% }" O' O" h
#supertext {
3 u( S! C, S$ V% {; m- xposition:absolute;0 Y! D, j* E3 k7 q# N8 h  O
left:0;( o) q8 X7 h' H- f6 d
top:0;
! }# h* C2 ]( }3 j/ _1 Wvisibility:hide;
! Y- ?" a4 n7 m8 {$ evisibility:hidden;
, H( \: ]: n+ s' K}
  Z0 p* z/ Y* X. H6 S& f; q</style>+ f5 I( a9 i% {
<script language="JavaScript1.2">
0 N$ r- j( `% S2 u3 _; ?<!-- 改变下的字体的大小。颜色-->
# K4 G2 J5 z7 [var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" [' k- |; v0 S/ d" w! Lvar hidetimer='';& w/ @- P- Y" |3 v- F* o6 w7 |
<!-- 改变下的弹跳速度-->& k- z, U* i3 Q& J: O
var BallSpeed = 20;
; e* \  W& p" K6 Evar contentWidth;0 d: e+ l: R6 n$ |# \
var contentHeight;; j- M! A/ [$ z/ p% [( b5 [
var maxBallSpeed = 50;
$ ^4 V: i- q: _
; v1 k& f/ H4 c3 c# ]. r2 H
. M# y! [- D3 V/ W5 L& L- Ivar xMax;
7 _+ D- C; P$ l1 s- D% Kvar yMax;  V4 ?6 G3 q# {. E+ ^8 i
var xPos = 0;4 `7 l/ t) x6 M& l& E0 y5 D
var yPos = 0;* Y* Z% `2 `' R; J
var xDir = 'right';& H, c! p% Z& n; N
var yDir = 'down';
* @7 j* x# s/ p! h8 pvar superballRunning = true;
0 L4 F8 w) m+ E+ b* ?var tempBallSpeed;: z: ]8 C' c; l( J9 V: \
var currentBallSrc;+ g1 p/ C& r+ G
var newXDir;$ {9 M3 M6 K* q- @' j; J& N
var newYDir;8 d; x3 o8 g  f

7 e  x- }% Y. k' ?) sfunction initializeBall() {
  d3 [6 B0 K8 M6 b   if (document.all) {+ N% K9 Y5 D! L5 ]9 U1 ?1 B1 [
      xMax = document.body.clientWidth/ M% L! Z9 N, y" R$ l6 P7 @
      yMax = document.body.clientHeight
0 K6 B- `3 l- N% g      document.all("supertext").style.visibility = "visible";# |3 \2 l- M" W2 [- |
      contentWidth=supertext.offsetWidth2 Z2 c' n( j5 g
      contentHeight=supertext.offsetHeight
) C! Q5 `- ]4 K  O; x" A      }1 F3 @! M, }: Z! J- y# E! w
   else if (document.layers) {
3 g) T! W/ R% W# C4 [( _: [      xMax = window.innerWidth;" D- L' m( O1 D6 a. L4 |* s
      yMax = window.innerHeight;
2 F  y# O- _9 T8 ]$ b- q, \      contentWidth=document.supertext.document.width- x4 c, t0 G% L- a* C) B% s, o
      contentHeight=document.supertext.document.height
& Z) r- f! l, m+ j      document.layers["supertext"].visibility = "show";# k$ k# H) u7 A
      }
* }  |; q9 V2 L' x   setTimeout('moveBall()',400);0 W1 C0 \; ^9 v& Z6 y  E- M
   if (hidetimer!='')# ?# Z3 V2 z- K% D' G9 J7 @
   setTimeout("hidetext()",hidetimer)0 Q  `$ E4 I" ~0 W" H3 k$ F. W; j, B
   }
; W2 N0 v; _. p0 P3 i8 i
6 f" D8 x; N& Sfunction moveBall() {
8 F7 f( x3 ~) {  g3 ]   if (superballRunning == true) {
8 E: }  P# |4 B      calculatePosition();
' {: w" A$ o; B) J8 Q8 [      if (document.all) {
8 ]5 o, E* _( E- w( d         document.all("supertext").style.left = xPos + document.body.scrollLeft;, M, ?0 L. B8 Q0 Q0 e# p. l) T
         document.all("supertext").style.top = yPos + document.body.scrollTop;+ _$ n: ]/ D& r
         }( e' M- Z6 E+ d5 B3 E
      else if (document.layers) {
% S" I' a1 w& \- D; q5 J# k9 w         document.layers["supertext"].left = xPos + pageXOffset;- }3 |# S, v$ E# a
         document.layers["supertext"].top = yPos + pageYOffset;# B$ Z0 u" Y: A  U+ s2 O. o
         }
5 ?+ a$ I) `  P1 W9 b( k( N" C: i      animatetext=setTimeout('moveBall()',20);0 A; N/ }( `' ~2 n; |
      }  i. {- ?) ]/ I0 e$ [& K# z
   }& k: y* D- B% W+ i. @8 {* }1 M
& D1 J9 ]3 q9 y9 C6 C: r
function calculatePosition() {( X$ U  z: C2 y( r+ J9 K: x& R
   if (xDir == "right") {
$ e  p0 S7 O' U0 _5 x8 g* L      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 P0 a- y8 b  z4 [. m& v         xDir = "left";9 D# Z1 i) P7 s4 Y: C
         }
: G  N7 g2 f! Q. Z2 o1 z      }& o: }  I* p8 J) ]$ T
   else if (xDir == "left") {5 _5 `9 O) w# G7 A; \- B; e8 a
      if (xPos < (0 + BallSpeed)) {; u& B. l  x  p" q
         xDir = "right";4 Z$ g# l' \! \! e
         }
: |. y- b1 s1 i* o" d      }
5 x& q4 q2 _: F$ R: r   if (yDir == "down") {0 v. m8 `1 b0 h+ H' Y) D
      if (yPos > (yMax - contentHeight - BallSpeed)) {
( X4 D+ t0 C1 \. _9 N& k. E: ?         yDir = "up";
, n" p5 w3 j8 u( k7 ^         }
* `, _+ g3 ^. @* [1 T! Z: w5 g      }3 E; l6 F9 `1 `
   else if (yDir == "up") {
: l! X3 t. f* g: r9 {      if (yPos < (0 + BallSpeed)) {* K  g  t  a% E7 }! O
         yDir = "down";; [% m5 M# z& b- n5 J' m5 a" P
         }7 B# B, e- i# }& X, @; O) C
      }" ?! q8 K5 A8 N8 p& R) A3 K
   if (xDir == "right") {
: k9 O0 }" \5 s% d7 @# @      xPos = xPos + BallSpeed;! n& D1 D' _+ s, W9 ~5 T
      }
$ p! _9 i; O9 S0 p3 _' N   else if (xDir == "left") {
: o* {% ^2 [, y3 s3 C% I, p      xPos = xPos - BallSpeed;- }' R; h" Q& D# w" s1 U0 B. W
      }
1 o- k& N1 u  D8 O: D7 ?# Q   else {
8 R8 V$ r$ A1 B8 X      xPos = xPos;
" g4 z! v6 P/ o) c, F6 X% z      }0 l# z( D, e7 s) i% Z/ p1 x+ Y& y
   if (yDir == "down") {
4 y6 u! [  G. N, J" K1 E; r      yPos = yPos + BallSpeed;6 z. s" w" l; h% g7 e& n
      }1 f+ W" Y) i; J0 e, }
   else if (yDir == "up") {
! R4 Z3 g+ y2 T- H  s& R2 r: s      yPos = yPos - BallSpeed;* J! ~7 E# Y% B
      }! |3 X6 p5 N3 R# @
   else {
1 [4 J6 Z/ _1 e" G6 z      yPos = yPos;
6 n+ Z6 _( L0 T      }
: v  n: z6 q5 n# s& b2 r/ k' }   }
# m* Y; F" k, c2 E$ W6 r
# A; H. G6 A2 F; J2 ~$ L0 Hfunction hidetext(){
# s) F- g, A% R) a3 |+ b8 ~if (document.all)5 r- Y/ C. a* z( X2 P2 l
supertext.style.visibility="hidden": E' }: p9 v& [3 w5 m' [
else if (document.layers)
3 p; ]' c% K# D1 Q3 [9 x3 Mdocument.supertext.visibility="hide". e6 C/ k* b1 g7 g# r: |6 i$ H
clearTimeout(animatetext)
5 N$ c/ J) `9 v}4 Z9 ]9 q+ y6 v- G& Z5 W; _8 f
) ~  J) B4 z' P/ f+ z2 D# d
if (document.all||document.layers){
' s4 a# M) w$ Y/ T# \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 r$ V( E' {9 g, }# h
window.onload = initializeBall;
  a5 ]9 ~& x1 J" s- _5 mwindow.onresize = new Function("window.location.reload()");
. N1 ^% F$ l$ z}; b' s. N3 }0 _1 V, f# ~( T

: x: [! y4 _6 e* a; q, t0 J</script>