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

zw2004

<style type="text/css">
7 [5 w1 z& A; C, R- b' O#supertext {
0 r  H3 h$ ]9 c. Pposition:absolute;. {: _. _! X- T3 k* U2 j
left:0;, S+ {* d( e: _% g+ A1 k
top:0;
2 |: t* \$ t0 }4 ^$ y5 {visibility:hide;
/ p5 Z* }2 {* m5 k4 Bvisibility:hidden;
8 `/ T* a, I  T7 o}, j% U2 I' E" t$ ]1 u
</style>% @! j9 A! f  h- k* C: X& Q) j
<script language="JavaScript1.2">
+ l* j1 K& D7 m( l1 {" Z" ~% [3 {<!-- 改变下的字体的大小。颜色-->+ S% {+ _6 {( o8 \
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% ^. L9 }1 c- Q9 g( A. c# C6 nvar hidetimer='';
% @! x. a; V2 o+ |+ [+ d3 U! y<!-- 改变下的弹跳速度-->; V1 L5 ?5 G3 Y" }
var BallSpeed = 20;- l3 L3 ~6 b1 w7 V& }1 M' x
var contentWidth;
% @/ ]/ }1 W) z# u$ w, v6 Qvar contentHeight;3 s$ ?9 n5 r0 f! R+ F7 a
var maxBallSpeed = 50;
* c; P# B( r% F; o  s7 V8 a; J$ `! H

3 f+ d4 O- t2 dvar xMax;/ v0 F0 d9 t3 O6 T+ j5 _, k6 s
var yMax;
5 M2 H+ \& d) D3 |. K* ]var xPos = 0;- ^" e, ^3 Q7 r7 x" b+ b- D
var yPos = 0;
  k; m  H( @+ A6 C" vvar xDir = 'right';
* d: a( [; s2 T) ]3 Avar yDir = 'down';$ p6 i/ H- t( Z- A7 t
var superballRunning = true;
+ Y1 z3 l; B4 d2 t" p" T; E  Pvar tempBallSpeed;! X" H5 O, S- t8 c" R+ ~
var currentBallSrc;% m" B5 P+ c1 K
var newXDir;! O* n2 ?% ^2 ?3 t5 Z
var newYDir;  D3 o! ~0 Z- S2 n0 \8 x  d

& t* i4 u0 B; P. ^/ j/ tfunction initializeBall() {5 O3 V6 q( z) S& l2 k  r
   if (document.all) {
) q0 f) B7 ^+ b- T      xMax = document.body.clientWidth; n2 h& v; I3 [* ^# s; \. I
      yMax = document.body.clientHeight8 M4 W. k( E( D, i# {) M; t
      document.all("supertext").style.visibility = "visible";
! u6 G: S$ b! f1 z) R      contentWidth=supertext.offsetWidth
9 n2 b6 i8 r% A      contentHeight=supertext.offsetHeight
. k7 g& _: q$ U- \$ R- u9 x. [      }& N9 ?8 d: V- h
   else if (document.layers) {
1 d9 W' k/ }0 w      xMax = window.innerWidth;" e! T$ Z* \8 ^6 M* @+ L( l
      yMax = window.innerHeight;; x! J( i: }' a: B& P& Y0 X6 b% J
      contentWidth=document.supertext.document.width7 Z& k6 U- p* }$ ~$ F8 c' w: G1 U
      contentHeight=document.supertext.document.height
9 b& N! m% l3 v  v      document.layers["supertext"].visibility = "show";
/ V) ^4 v0 n8 ~% J0 r      }0 j; Y$ a9 K; _* G0 `( ^
   setTimeout('moveBall()',400);( g1 o' v1 ]' _; q% e  @5 \
   if (hidetimer!='')
6 ?* x/ O5 U- {  F   setTimeout("hidetext()",hidetimer)6 Z3 l( K. g2 F/ C9 |3 @4 Z
   }5 u# s$ r% [  R* o) f

+ P( r; q+ g- z! d, g- xfunction moveBall() {
5 ]# e4 s  G. y& q   if (superballRunning == true) {
  R7 t. I* J7 W: n1 ~+ Z' `      calculatePosition();
1 n+ D. _* x1 J# M' t5 @# L: R      if (document.all) {3 ?; \1 [" s1 R6 L& V5 \8 ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  _% U3 c. E- k4 h+ c
         document.all("supertext").style.top = yPos + document.body.scrollTop;3 b! e4 T$ c+ N, f! ^& M
         }% D9 ~8 r; V+ u# r! w# c
      else if (document.layers) {
: ^  V; S8 h3 `' ~         document.layers["supertext"].left = xPos + pageXOffset;
- T3 k% c4 c  q         document.layers["supertext"].top = yPos + pageYOffset;- k7 ?+ v# \4 N$ t
         }" A! f6 i6 _7 l* N9 m# d% [
      animatetext=setTimeout('moveBall()',20);+ J& x( j7 `0 M5 ^2 t9 _
      }( B& d: b8 S: T7 u# c
   }
  \" w' V$ @! O$ `% u
" V8 @8 B4 I! ^/ yfunction calculatePosition() {2 L; `7 {+ \: I- A0 ~
   if (xDir == "right") {$ K" ^5 x$ R. m+ ]9 z8 }9 c
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% q  d7 [" H# @& [' P9 T, S% x         xDir = "left";$ r2 `8 d0 \9 c
         }
, }0 j" F! P, d0 d+ c7 O      }3 O% D+ E" X$ r, ^/ z/ K3 P' Z: G% h7 Y
   else if (xDir == "left") {
* _! O% K6 S9 m      if (xPos < (0 + BallSpeed)) {
! |9 S" w9 ]  b* [6 y& v3 S$ I         xDir = "right";
: q3 c% m6 s) F         }
  ]2 F3 w7 u/ ~2 c6 H5 h, ~' k; A      }
5 O- J# u/ ?7 C$ }3 U1 R! m3 ?   if (yDir == "down") {
4 J- }/ R- o* ~8 d6 R! I, W- c      if (yPos > (yMax - contentHeight - BallSpeed)) {
( W% \/ m4 H( R1 Q- Q. t         yDir = "up";; i  U4 g( @3 w, N" C$ h
         }
. V/ e: o( w4 k- r0 c      }
2 W, U4 O0 i: ]& h3 i" w   else if (yDir == "up") {
2 K  N: t4 o3 ~% u& _' x$ _      if (yPos < (0 + BallSpeed)) {5 t4 K2 M0 M, ]: ^; O3 p3 Y$ G% E
         yDir = "down";
# J4 {4 J2 e9 L: l0 }         }& a' H# I3 c( w/ y# w* E
      }
' D( r7 v# P: g1 J   if (xDir == "right") {
$ m& ?( e: [5 a* U2 f* S& s      xPos = xPos + BallSpeed;0 \& s; b# ~/ b# Q9 w" Q
      }3 {0 b% _& N! \3 W
   else if (xDir == "left") {
1 y6 c6 q5 I! S; k/ q9 ]      xPos = xPos - BallSpeed;
, S1 C# j( h! t  Z. F4 l& k      }
& a3 {& Q5 v. L& l, B   else {
7 M6 [7 ~! d7 F* m% G      xPos = xPos;. d8 ^2 p4 s' x6 v0 s- }3 Y
      }
! L$ I/ m8 Y6 k( w" Q  O2 H   if (yDir == "down") {6 @7 P( y, Z' u, w4 m; O3 o. C
      yPos = yPos + BallSpeed;* ~& J- k' c+ Y* e, D! b
      }4 V$ j: J+ e' r
   else if (yDir == "up") {
* U9 \6 @- S: T: M& ]      yPos = yPos - BallSpeed;: l2 q1 E4 c" J7 Q3 _2 i' z8 Z
      }7 _5 I# {( {/ l
   else {: }( G6 n7 W+ G: I! k
      yPos = yPos;
4 J& b0 M& }1 X9 x& L      }) y! `+ I) S: s: H! D% I
   }$ `9 `9 H! c7 b
" _# j; m: H4 s! K
function hidetext(){
- W& z; k3 |; b9 K: X  U# Pif (document.all)
9 _2 B; W$ C6 f/ hsupertext.style.visibility="hidden"
) U- A7 ?4 N# ?2 g7 Ielse if (document.layers)
5 m) v* M9 [5 i3 W" ]( F7 K9 V7 Tdocument.supertext.visibility="hide"
/ a9 _6 i9 t' H1 U0 B& f- p8 c' NclearTimeout(animatetext)
4 N' r6 i! ^, g  ^1 B}9 ^' h' W2 m/ `: x% v2 k8 i, t( L
2 z4 C7 k, Y1 t6 b+ @  h- w" A! R
if (document.all||document.layers){5 R) s' |8 G8 }  m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 B+ p5 {/ {8 F7 a+ xwindow.onload = initializeBall;9 }2 I, j0 V* S9 ?
window.onresize = new Function("window.location.reload()");2 Z- _- a& k$ F0 g! w( S5 d
}, i- m. ]3 D0 @% z

  @! j* X+ P# B* d</script>