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

zw2004

<style type="text/css">
% @: d' L3 D& d#supertext {
& z# {6 r8 J+ ~, h, b9 R7 u; e6 C" Gposition:absolute;7 d# g2 J1 P  x
left:0;
) e. |/ d8 l2 s) s) E& v% T6 Ntop:0;
/ Y7 [! \' `/ t8 i. O7 f" O2 Qvisibility:hide;
3 R( h$ L- C% l/ O2 H7 }% Yvisibility:hidden;" t8 @% v% W2 }% j6 W# S; I2 \
}3 J, f: L6 z9 X. T( D! @. o
</style>. w- N( i# d+ U5 x9 Q
<script language="JavaScript1.2">+ r. x% Q4 \" X  R9 w- M
<!-- 改变下的字体的大小。颜色-->, t+ G+ c% ?6 o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 ^2 G- w1 C7 D- t' \7 }4 C
var hidetimer='';
+ F+ j7 ~! Q3 j$ m  f! X" f  V<!-- 改变下的弹跳速度--># X! P( e, z# j* g! ?( p* @* E- ^- u% A
var BallSpeed = 20;
1 D8 K7 s) s/ e2 s, Fvar contentWidth;
/ L, P8 m/ E8 x/ Z/ V9 dvar contentHeight;
  h9 Z3 m; s2 D- K  k$ ~! ?! Z, Xvar maxBallSpeed = 50;7 S; h0 ^% d' L6 G9 a
4 h! z7 Z; E. E5 p3 e% w- d

" J" ^/ ?1 w! C2 `) T  [) J% S9 Zvar xMax;
  F8 ]: O3 m' C$ Wvar yMax;7 v7 l; M0 h( b2 O4 ?
var xPos = 0;
3 a3 W  w: ?5 Z/ n3 K% L, Jvar yPos = 0;
& x+ W" X* `' ivar xDir = 'right';
' }' l# [  D# q7 F/ `) N/ b5 Svar yDir = 'down';
7 t) \9 S# v) {/ b- kvar superballRunning = true;$ a* k! P: _* q: _
var tempBallSpeed;
9 W' m4 C, [( G  n( `4 g  o" Xvar currentBallSrc;
+ O, {( B3 u! h' {var newXDir;2 i4 m/ }4 i6 ]
var newYDir;
5 i4 ~# f# X& x
! z1 S! W% A; S2 Z. H: ~" Gfunction initializeBall() {8 ~8 H8 M! S  w6 N
   if (document.all) {
8 T& H9 O' s$ [' {, }& A8 r+ ?( L      xMax = document.body.clientWidth+ R! ?& i% L# A/ X) }& g& K; g
      yMax = document.body.clientHeight
* x: W8 j/ x& R; M      document.all("supertext").style.visibility = "visible";! [9 [, G( _8 D2 R
      contentWidth=supertext.offsetWidth
8 e# l& O+ W% G9 @4 Y4 D      contentHeight=supertext.offsetHeight, D4 C: b+ ~6 n1 f; w  T, Q, N) V
      }
* U5 a% ?5 [: B( N; v   else if (document.layers) {
; E# t$ i5 R9 }1 ~      xMax = window.innerWidth;  Q# E, i1 U7 Y  e) B0 i6 \
      yMax = window.innerHeight;
% b2 X8 V% T; J5 B' V! k      contentWidth=document.supertext.document.width; |. o2 R  j. x/ Q
      contentHeight=document.supertext.document.height
7 l+ p( g9 q2 h$ ]      document.layers["supertext"].visibility = "show";" O$ n2 n" E2 @( H5 u! a
      }! b% q4 [6 O) n9 S3 }
   setTimeout('moveBall()',400);7 z9 s$ S! k% ~, x
   if (hidetimer!='')
5 U" w  h: J  N5 h. A4 R   setTimeout("hidetext()",hidetimer)
0 F3 D5 L6 S3 h0 L) ?6 }. c4 ^   }. A) F/ K' Z) L4 Z! M/ d

0 m7 r9 ^; i( Y/ Tfunction moveBall() {
: I7 B' Z, l8 J6 `4 ]$ P+ {2 @$ }( l1 N   if (superballRunning == true) {$ A2 Q. l# r1 Q( _, P; w
      calculatePosition();; Z$ c# a$ V3 b2 ~, J
      if (document.all) {
+ \' S- H% F5 ^0 @9 `. d" H0 K$ K         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) P" L- W3 ~4 h+ v         document.all("supertext").style.top = yPos + document.body.scrollTop;
# h; O; g& O# l" ?3 l. Y         }
- n4 v: w4 D  A6 W. A& l      else if (document.layers) {
  h6 n$ |/ a+ p! z         document.layers["supertext"].left = xPos + pageXOffset;& |3 N/ X5 Q8 z& @
         document.layers["supertext"].top = yPos + pageYOffset;' M! O/ s$ w# c0 H4 G( X( G
         }
( [3 d) \: R# O9 ~8 _7 S      animatetext=setTimeout('moveBall()',20);5 E' z. K6 I" L2 g$ w1 q
      }
! S: D: O) f6 E' o   }
( j9 Y4 E& F0 |! D3 v' T& f: @
! ?5 _- y! s& h+ Kfunction calculatePosition() {) k7 g4 U4 P3 e, N
   if (xDir == "right") {
' \0 p$ f1 m, y5 R# L  q0 a& q      if (xPos > (xMax - contentWidth - BallSpeed)) {  C3 c( d6 F! `+ Q( v. R$ B
         xDir = "left";* i7 H4 i4 Y, M
         }
( L/ L: ]( {$ s8 ]& Z! U8 d      }' y1 ?) C& }1 R- Y+ t4 K
   else if (xDir == "left") {
4 R( J/ ?3 V6 L' k2 v      if (xPos < (0 + BallSpeed)) {
# ?- }& {5 t( Q/ e         xDir = "right";
- ^( L+ v0 B1 }: w* O5 j         }$ D. _3 c& n2 H0 ]7 p/ M
      }
1 P  l# ]2 l$ h   if (yDir == "down") {* H2 Q* d: g" O( p
      if (yPos > (yMax - contentHeight - BallSpeed)) {# F% r( q% T( a9 `9 {% T* s
         yDir = "up";9 R- b+ `3 v5 V  @2 j
         }6 S' z2 b+ }, i& q1 s
      }
& _# ^" x' n7 Q8 I6 w   else if (yDir == "up") {3 U" ]- ^" b3 X
      if (yPos < (0 + BallSpeed)) {
7 R% O) D4 z3 d         yDir = "down";
6 ]9 i9 w. B+ `( N         }& S0 |( B, a: _  [. k. Y* F
      }8 f& l1 N7 }5 M
   if (xDir == "right") {
4 g- Y$ V: i; ]/ F1 A3 C7 g, N      xPos = xPos + BallSpeed;! G0 V. p$ R$ A* z8 {
      }
* I8 v, q6 j) \2 n   else if (xDir == "left") {2 m% ]1 g- H5 H( q2 u0 N2 ~0 {
      xPos = xPos - BallSpeed;
+ G: d- p7 [" f) _( w' g      }; u- n9 i$ u( m& U- Y8 g
   else {
' u3 f2 `6 U0 V3 C6 s2 `1 ?      xPos = xPos;0 v" a7 v8 {1 Q
      }  i0 a6 D( k# u! |
   if (yDir == "down") {* k5 j. Z* o2 P& T; e; c
      yPos = yPos + BallSpeed;
( \. L3 f8 f/ `/ k  k( w      }! H0 G% k5 `: I+ j, J6 u
   else if (yDir == "up") {. f& K1 B  d. f
      yPos = yPos - BallSpeed;
( ^: ^- C5 t' Q# }0 w( ]      }) b/ o; b5 C4 ]8 g
   else {
. ~( {9 O+ v0 r8 j. {      yPos = yPos;
, @- [# T5 S4 v+ V% N- N      }
7 ]/ h; ]' r6 K  e: x: M   }/ p- \- @- m* `- Z

3 W3 m# T- Z) B  u& B( A! v; u" Nfunction hidetext(){
. u( G9 i6 C  Q) r: {, E' v- e8 Gif (document.all)9 w$ ]  l+ k" |- g! h
supertext.style.visibility="hidden"
& e" W% `- O6 v6 \1 welse if (document.layers)
* v  S9 W, |7 ^. rdocument.supertext.visibility="hide"
8 m. m  P. R9 b  F* I% ?clearTimeout(animatetext)
; E+ z) b0 K& N  Z; Z2 \8 ?}5 U0 d6 a8 T8 E3 C5 `7 N
  S& f, i& a/ Z9 ]6 @
if (document.all||document.layers){, d* x+ m. h4 R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ U* S" ?: Q8 C; X% l. D5 Owindow.onload = initializeBall;& f, Y3 l7 [# v" n. G9 E
window.onresize = new Function("window.location.reload()");; [3 j0 x( v$ L
}' s! X7 }& k* n, w
/ ]. I! V! ^& G  \. ~$ A. }2 H: p
</script>