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

zw2004

<style type="text/css">- j% h$ L" p, U8 q/ d
#supertext {0 j6 }  B0 w/ H) B4 x' X( {; @
position:absolute;6 T( ]9 g, G, T+ @
left:0;
" m; O. ?4 o3 N1 qtop:0;
$ m* t' R5 g7 P; ]* tvisibility:hide;- E$ w* C$ G& s2 X: v
visibility:hidden;$ f: K$ x, |# Y
}
) a) a- U0 z# J</style>
$ u, K3 E9 w$ K8 D<script language="JavaScript1.2">
9 U8 T3 X( y% S  f: F6 S<!-- 改变下的字体的大小。颜色-->1 C$ Z# B, F- J8 G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- T0 ]* T/ ]/ s4 T
var hidetimer='';
, v7 w7 z/ F5 ^, H. }2 Q) q2 j6 L5 x<!-- 改变下的弹跳速度-->
$ u& L- B. }) ~8 a9 kvar BallSpeed = 20;6 g$ s" P8 l) _) }3 J& C" v3 j
var contentWidth;2 @' w5 r& n5 Y: ?. }* E! E- Y
var contentHeight;. \/ g# [9 v1 d3 d  g  j
var maxBallSpeed = 50;) ?$ f# a+ L! m9 R( T) F

: B. A0 H+ z/ e) a8 i* A' r) [) {" I$ I8 M- V5 p6 k. C- O0 G( ^- R
var xMax;
: D& F  f# [7 g, k( E2 B* s+ z+ `var yMax;
/ H( e" T/ n  r6 B! Xvar xPos = 0;0 X$ _5 S4 }1 R* H) z/ B( k& h
var yPos = 0;
1 U/ b7 i( Q- h4 avar xDir = 'right';. M: j0 w& X4 }) u* d
var yDir = 'down';; S& E8 C. d8 R5 c; p" |! o
var superballRunning = true;
) U% q- D( }3 {var tempBallSpeed;
; ~  d0 {# b& ~$ h' q; J4 t9 }var currentBallSrc;2 g& ~. g9 `1 g* P) j. ~9 U* n
var newXDir;# @: n; I+ k# l& v5 H$ r
var newYDir;: u5 a) `% {' t/ j6 I' ^

( M& P) J4 V- J3 @  Qfunction initializeBall() {
1 L. `( i* g. d* l) Y$ ~* x/ ~   if (document.all) {2 d8 z0 c) q: d3 T; Y
      xMax = document.body.clientWidth. d, s- h0 G4 [% U/ q0 t5 |
      yMax = document.body.clientHeight: {9 j' J9 a' v8 I+ {/ r
      document.all("supertext").style.visibility = "visible";
- x; W/ H# [! E& A' K  {- E      contentWidth=supertext.offsetWidth
3 O5 S0 a; T0 F- y2 r  b* Q      contentHeight=supertext.offsetHeight+ }6 l1 I0 Y* v! ]7 U# b1 X  l/ ~7 m0 i9 `
      }
, B; ^0 Q3 {: F6 a   else if (document.layers) {
8 K! G! J1 k; c. w3 p9 G      xMax = window.innerWidth;3 F, [  @6 v4 U+ R" w3 b- ]
      yMax = window.innerHeight;
- t! f1 P! @5 c+ F# w$ f2 K# u0 i: ^      contentWidth=document.supertext.document.width  J7 R9 s1 {5 \9 p8 r$ B9 g1 P
      contentHeight=document.supertext.document.height3 I4 H* f+ C+ p% h2 }7 ^
      document.layers["supertext"].visibility = "show";0 H: t+ E4 V7 V
      }7 p+ a: ~6 g& b7 Z+ [/ }% H0 G. c: V
   setTimeout('moveBall()',400);
. K: y/ P% k! \   if (hidetimer!='')
/ F" f, n) t3 Q& v4 L" c/ L   setTimeout("hidetext()",hidetimer)
$ d; f, ^- J2 ?: ?0 Q3 x( l6 m   }
; k1 _" ]$ p% t' X5 P/ b, I
% {4 i7 L! c& y% G5 A/ Bfunction moveBall() {
( M3 `1 y0 r; V$ i3 A0 e' G   if (superballRunning == true) {
% ^+ \* N; r" ]  r9 a      calculatePosition();
$ O+ I4 b  k* G1 T  X$ s      if (document.all) {
7 H" Q" j4 `) X# \         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ l8 r9 O3 v2 h# I, S: f
         document.all("supertext").style.top = yPos + document.body.scrollTop;+ O# J2 K; z- D5 N2 k
         }
! B8 |( D9 V% z( T; s: ]4 T3 g      else if (document.layers) {; u$ R( F; A* q3 [9 m
         document.layers["supertext"].left = xPos + pageXOffset;
' P* b! K# X  A: t         document.layers["supertext"].top = yPos + pageYOffset;
6 e3 G# Y8 [/ i         }
. G- G8 {" i3 d$ J: W      animatetext=setTimeout('moveBall()',20);
& c+ \' m3 {/ \) p! t% J      }
' ?* T: a$ k6 v: q9 p# ]# Q; {" c   }9 A( C3 M: K' Z  n6 X
& `+ |- Q5 {2 v3 k
function calculatePosition() {
  q9 R" L! C( R5 l2 s7 p   if (xDir == "right") {
6 `3 L6 R9 W- {/ Z$ ~4 l5 S0 T      if (xPos > (xMax - contentWidth - BallSpeed)) {! w  Q. t6 ]6 _0 G. S1 o
         xDir = "left";
& ?& G7 ^. p* V" t" ]         }, b! h( e9 ~) K* L* d* o0 y+ x7 W
      }4 }- s4 D8 L( R( q! b. U
   else if (xDir == "left") {
) S+ C. F6 c% W7 e- K' t5 j+ ^      if (xPos < (0 + BallSpeed)) {7 K" U( d' I- ]) G
         xDir = "right";
9 I( o+ m6 J5 A  T* a7 S! D% Y! E         }9 A7 M1 |* E+ g  K& B, T
      }) y6 a; Y% `; W
   if (yDir == "down") {
; C3 D. l9 Y  ~% u6 S* L" u      if (yPos > (yMax - contentHeight - BallSpeed)) {3 {3 I' \/ P9 k/ D1 f4 I7 U1 f
         yDir = "up";
$ ~8 o1 ]2 I( Y8 {# e& i         }8 }$ ?+ |6 E' ^+ k3 q( q
      }  [9 f( m5 O4 ^. B
   else if (yDir == "up") {' }  R5 `9 ?% `" u; W7 V/ t
      if (yPos < (0 + BallSpeed)) {. \9 [4 A4 S* O' y3 x4 O
         yDir = "down";
: L, m; g. v2 g. j1 f% f5 A" N         }# _7 x8 x, O* Z: u, a/ r
      }0 w# b3 G6 \9 [1 Y
   if (xDir == "right") {) i  ^" m( V, _- k3 A
      xPos = xPos + BallSpeed;
5 B1 H* k3 i" j: o, a      }' [& Y' i  N& ^  Y' {, u# l
   else if (xDir == "left") {, g6 @2 a5 s& m7 a, K
      xPos = xPos - BallSpeed;
8 V$ O/ M* p; B1 d! u      }4 K: h7 j6 V6 \4 w! T
   else {$ k' P, S4 p3 F+ F5 [" ^  I" p$ C
      xPos = xPos;
# }) R" _. ^  @4 o) _      }( {) T8 O, T# B, B& e3 P
   if (yDir == "down") {/ N- m1 m3 x, w- u' k
      yPos = yPos + BallSpeed;0 o: H2 d7 K/ ?- ^8 u
      }' S" [1 d+ u6 D$ G
   else if (yDir == "up") {3 `; Y; a2 t. V* o! W# b6 L# \# G
      yPos = yPos - BallSpeed;( ]& O9 h$ C3 `" q3 q
      }9 |! Y, R" @$ V/ |6 F
   else {" \. [6 f+ I- ~2 Z" Q4 f  p
      yPos = yPos;+ C; ]* p0 r8 d- C+ U
      }( k) J4 A0 L, s. M7 K
   }
9 U$ d: H1 O3 N" E3 s9 z4 `6 v* _( U# o$ b+ B
function hidetext(){* K  L& O/ U, `5 w" m+ f
if (document.all)
6 K0 j! a6 v- H* dsupertext.style.visibility="hidden"$ S& V- k$ d# S0 p( I
else if (document.layers)  N) n+ X: K: S# q; _
document.supertext.visibility="hide"- ~* h: Z/ T$ b% r( Y0 W4 ?
clearTimeout(animatetext)2 i" w0 d3 O3 Z. ^, Q$ o
}# f9 A4 r* }$ X  p+ u

9 [3 m0 l8 C% j# g9 ?7 C: @% z' Nif (document.all||document.layers){
$ k$ G7 h3 F$ \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 j# y  e9 T+ ~; ?4 m; Qwindow.onload = initializeBall;  q4 Y' q& K3 }3 n6 ~# s
window.onresize = new Function("window.location.reload()");
/ t% P5 d7 z. @3 S8 i' X}
4 ^( _3 @7 P( e% y4 T: X8 i/ ]' W0 E; N
</script>