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

zw2004

<style type="text/css">0 U- m/ C$ n! N, x
#supertext {8 f8 n( C9 R# A& ^, r9 h3 j
position:absolute;: J5 K1 W- l/ x' G! I0 I- x
left:0;9 `2 |5 Y5 s9 Y1 }# Z0 @% Y( U
top:0;6 u( ?$ K3 j! _! s, M) v
visibility:hide;% ?. j& H; o( y% o
visibility:hidden;
; b- _3 T: J9 I}: T' x: |# {' I
</style>' X: {5 I8 O8 \6 _
<script language="JavaScript1.2">9 I# s: `8 Z; h8 {/ t: |8 k' p
<!-- 改变下的字体的大小。颜色-->" X  p+ k0 P. k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 X; f- i" C+ K, w5 xvar hidetimer='';
% T5 ^; J/ H4 M- [<!-- 改变下的弹跳速度-->
. {6 a( Z( z7 ?  \+ ^% bvar BallSpeed = 20;1 K% |* g) d5 K& C, ^
var contentWidth;
, r9 ]9 c" _; L7 Q% n: Ovar contentHeight;
, ^) {# [- _. N; Gvar maxBallSpeed = 50;* X0 N; D2 k4 M8 L. W
  s# _( \- ?) q  U. U

" j( H) _) h, E" l, ovar xMax;
( }6 }9 A; U8 W$ Cvar yMax;( {& E" v# E: k8 e% c' N
var xPos = 0;# ?, Q, |7 J# `' n
var yPos = 0;) B! q1 ~5 Y" e1 I! |! @
var xDir = 'right';. {+ Y6 K/ ^9 a1 I, c* S
var yDir = 'down';$ V: s% a, V6 z9 Q; G8 v5 o
var superballRunning = true;
4 y* ^/ j) L, _5 p6 ~. |9 ?var tempBallSpeed;
9 b2 k7 l6 D2 dvar currentBallSrc;
* Y1 F* c; X0 S  S- kvar newXDir;; q% a0 d; x9 s) s5 i$ G* t* C
var newYDir;
& ?: m; N7 O% W0 n/ }7 `4 \0 z6 Y/ i3 q9 y& r1 v4 S" Q
function initializeBall() {/ N+ s& E& J' B# b" l2 F) x: N
   if (document.all) {. {8 L/ c. ~! \, `( ?
      xMax = document.body.clientWidth
2 Z4 {! V  S' \, b, N      yMax = document.body.clientHeight, j4 \9 m8 r7 z! Z, r0 g
      document.all("supertext").style.visibility = "visible";
. T- |4 X7 p% @0 l9 H( I/ A3 ~      contentWidth=supertext.offsetWidth
; T+ r) I7 ~0 |4 ^* X      contentHeight=supertext.offsetHeight8 Z4 t9 c" [" h8 B! I: Q; W& l
      }
# D0 P( T# u9 b. _8 O   else if (document.layers) {8 z4 u  U% n& o
      xMax = window.innerWidth;
& a, m. E/ R6 @. j/ K9 G  t# {      yMax = window.innerHeight;/ l3 T6 J6 v- c, n2 V7 v1 {. k3 D- q
      contentWidth=document.supertext.document.width
5 `+ f- a6 j. J+ j- P      contentHeight=document.supertext.document.height) g' J  T9 V, f$ ]9 G& B
      document.layers["supertext"].visibility = "show";
7 l9 X7 F2 F, \1 G      }
; J: f6 n1 k7 y# j8 O   setTimeout('moveBall()',400);
$ K9 x) B7 b2 k) m: P   if (hidetimer!='')' Y! B. j! h4 x# M5 u: `+ ?
   setTimeout("hidetext()",hidetimer)% w+ j7 N# M2 f+ t1 |' B2 n
   }, \+ j, p' H* J1 M1 K% w$ }

  B$ f( w  B, R3 c' G( e0 I* _9 }function moveBall() {
- ]% ~/ ]! X- t4 B0 N! g   if (superballRunning == true) {# v, c7 }7 m7 r7 h( V; m
      calculatePosition();/ H6 Q% _+ h) z8 N& p
      if (document.all) {7 A9 h, z- ~; M$ W2 s* K( M% ^  L' O
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; }1 @3 J. F9 g         document.all("supertext").style.top = yPos + document.body.scrollTop;: [0 h; ~) G6 @
         }
5 |5 n4 e7 s  _$ M1 z2 m      else if (document.layers) {
1 g3 t; h- \7 O& g         document.layers["supertext"].left = xPos + pageXOffset;$ ^" H/ `, x( {8 R% B0 w
         document.layers["supertext"].top = yPos + pageYOffset;2 B9 F: S- ^! B" I0 ^. F
         }$ m% ~$ @  v3 M; g/ j% i; @
      animatetext=setTimeout('moveBall()',20);& l" v& N( \( Q/ Z, }8 T
      }* J; y# H2 u2 M- d9 b  `% m
   }
9 }0 h- I- Q% a( U+ M4 w- d% u" C" [8 j' Y/ T
function calculatePosition() {
' K' A/ O- l( O3 |# o" Y   if (xDir == "right") {
' i$ @/ X! L2 x$ o      if (xPos > (xMax - contentWidth - BallSpeed)) {
  k' W# o0 s! k         xDir = "left";
) i: G5 A: U3 T9 R( d  s6 F& W' R. u         }
7 @# o" j4 t) ^& a) C6 h! c9 K      }
9 ?0 [% i4 i7 a   else if (xDir == "left") {& l# T8 V# @9 c8 O! e
      if (xPos < (0 + BallSpeed)) {
+ I, V4 N5 ~9 W6 b' s         xDir = "right";$ f& Y0 F. }: v+ `: C) `) `, z$ I4 y
         }
3 [7 j# T9 _, A$ f9 t8 o8 J      }5 C% h, c3 ^: G' k; {
   if (yDir == "down") {
# d! o, y( }( r8 s3 B- O7 h  a' W; D      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 D% l7 L7 B/ o% w* i  G: @7 k$ S         yDir = "up";% K' v2 d: i; i  G( \. _
         }
+ ]% ]. W* X* H3 M4 C$ `" V; a8 Z" c      }+ N$ O) ]) `" g9 G2 Z# ?) E2 K
   else if (yDir == "up") {8 _8 Y( ^5 Y) ^
      if (yPos < (0 + BallSpeed)) {
: {1 a( T7 [6 G3 N8 I9 n5 s3 ~         yDir = "down";* F6 P, ^/ |/ S6 c$ s* Q
         }
) O" }% t) q/ R( [7 t! ]      }
3 c. u1 \$ `8 }; }6 D( H, |   if (xDir == "right") {
  a8 H. U& p8 i( ~# {! z      xPos = xPos + BallSpeed;
$ r1 ~- q# z/ |, Y+ C, q! e" X4 A      }: r6 O( b3 v0 j9 M0 p5 l  u6 R- l
   else if (xDir == "left") {
' s* P- e" h' R2 G- Y! Q0 p      xPos = xPos - BallSpeed;2 I, `# {8 z% V4 f! Q3 j* ~- o
      }
: i& W1 R( m: n4 s' C* O$ d   else {
) Y" c, ]0 g, b' i      xPos = xPos;7 n5 l* H' O! L! w, r; B* ?
      }/ {- n7 A4 o2 }& d1 s
   if (yDir == "down") {% s- h- Z  t( _! ?. p: H
      yPos = yPos + BallSpeed;
% D: n4 _1 ?) k- f! A1 ]; S      }
+ i( r/ u1 x, B3 `- z3 l   else if (yDir == "up") {
! f, u% e/ w; n0 P+ b. X1 s4 y      yPos = yPos - BallSpeed;& K% Y6 J" @& X3 b2 B6 p9 P
      }
* @8 h2 Y( _, i: E9 o+ I   else {8 E0 U* j) c* _- m) \9 i7 g
      yPos = yPos;- P7 ^% z* G  f$ b% ]+ H- ^
      }
4 R0 F$ ^# m$ Q+ ]+ U2 \   }
2 B+ L% C) _- C. ~: d8 G1 \
4 u( S. N6 u; q; H! R$ ]% p4 x( qfunction hidetext(){
" y. a9 t7 k, c5 p- i) Aif (document.all)
* a9 g) G9 l6 T6 L: Isupertext.style.visibility="hidden"
( b" r: V2 Z/ b2 V9 n3 W" Telse if (document.layers)
5 [* ~4 o- J/ D" T- e2 a( fdocument.supertext.visibility="hide"
* p. N. T- y9 y) [clearTimeout(animatetext)
5 q8 p1 h9 o) g5 R/ D# v8 N}
- A% r7 B+ `7 _
' j% y! i, M5 {if (document.all||document.layers){
2 o4 n7 Y, M% P& x2 R4 ^1 c# D+ Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& f0 r5 t3 D. Z( ~( ?3 P9 J  }% W3 \window.onload = initializeBall;
4 T+ k, a1 i% E( ^2 xwindow.onresize = new Function("window.location.reload()");1 D6 g) d7 Y/ |: {
}' `8 m- x% N! K7 `. \# `0 ^% a

9 ]  U* H9 }. }( ?0 g' w4 O1 q</script>