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

zw2004

<style type="text/css">4 |! Z5 ~, r3 d2 }8 E! H5 `
#supertext {
" b0 H* h6 D: w5 @6 N  Z: Gposition:absolute;1 _" N+ ^3 A$ p( o# n
left:0;9 Z2 a: v) v6 Z
top:0;5 u5 b* B! X! G1 W5 c* O
visibility:hide;" G8 L6 j( d; A. o
visibility:hidden;, v/ A1 i" q% U  G
}
" p" z* ]8 v! x* K</style>
0 O1 P1 B% A' y" w& F<script language="JavaScript1.2">; ?4 F0 L% ^% p0 ?! f/ @4 s" [# S
<!-- 改变下的字体的大小。颜色-->
8 o: ~9 \- R0 svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 \. F$ J# m  M2 Y# l+ cvar hidetimer='';
; v* V' w/ Y  m9 _" w7 ]<!-- 改变下的弹跳速度-->( x- x- w; O' D# F
var BallSpeed = 20;
8 ~1 r7 C, n( bvar contentWidth;
: h3 W2 i2 ^4 p) _6 ?/ Pvar contentHeight;: i# n) k& q& V
var maxBallSpeed = 50;
+ n) W& q% L" S& t& m+ w
8 z( U* V2 e, T7 n
- l/ e& t3 D+ F) V$ |# Pvar xMax;7 L/ w4 E, I& s& W" l
var yMax;
$ o1 e9 s7 v7 uvar xPos = 0;9 z0 w6 U3 b. y% M
var yPos = 0;# J. H# l  z; s5 x% U
var xDir = 'right';
, V. l( i* i" ^var yDir = 'down';* T; }, U. S  j' G" e1 N' h
var superballRunning = true;* J8 I8 {, b$ c6 Q1 ]
var tempBallSpeed;
6 s- g& \6 W" M6 x) ]4 n% Tvar currentBallSrc;% T( i9 P, O4 n4 Z) a2 w
var newXDir;, X* ]* y3 M* w: K
var newYDir;
; U2 g) W) F. w$ i5 ?/ j
9 V0 c5 e1 B( F2 G, k+ mfunction initializeBall() {
# J# a# O. t8 j5 B9 ?5 b- F   if (document.all) {
! [% j5 p; g" T* L      xMax = document.body.clientWidth$ w8 z5 m8 {: q7 K
      yMax = document.body.clientHeight
! [9 q5 s3 w: X& @/ n. [      document.all("supertext").style.visibility = "visible";- P/ o  L1 l1 G' S+ L
      contentWidth=supertext.offsetWidth
9 v0 U6 s7 C3 i+ B0 v+ c/ _  S      contentHeight=supertext.offsetHeight
& r! k/ s6 L0 B0 L# j7 p# h      }
& h% W& m. Z, v( L8 [' y   else if (document.layers) {0 P% D! y8 f) ]4 d" e8 T
      xMax = window.innerWidth;# Y. Y9 W0 [- R( o1 S
      yMax = window.innerHeight;* r& E0 _( v! Z: C
      contentWidth=document.supertext.document.width
7 ^1 `; f' E! p9 Z      contentHeight=document.supertext.document.height
' h; |3 |7 H2 h" Z  a. Y7 _7 |8 g      document.layers["supertext"].visibility = "show";
+ H4 y" B  B/ d, Q7 |- G      }- B/ P0 |$ T. c- {# {+ B" V- ^+ K
   setTimeout('moveBall()',400);
- s- {' a2 Q+ R0 l: T1 d   if (hidetimer!='')
8 T9 s5 J6 n, f   setTimeout("hidetext()",hidetimer)# Q- E5 U2 G  t, {& x. s0 m) L: ~
   }: G$ L: u2 L8 L0 R$ ^0 s& M

8 V/ g( v' t8 b4 ufunction moveBall() {- l, ]. O3 W* x( r0 q
   if (superballRunning == true) {( W- a, K* s- \
      calculatePosition();( a; _! x& o) v1 M8 y* ^
      if (document.all) {9 n$ t8 q$ w  f8 B; Y! A5 V
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 W6 k8 S! o7 T# `         document.all("supertext").style.top = yPos + document.body.scrollTop;: n8 k7 g# W$ e# T' n3 V
         }
0 M' T& r3 g& W3 S      else if (document.layers) {
- u* S5 A4 N' A+ b- o  H         document.layers["supertext"].left = xPos + pageXOffset;
% c$ S8 j9 d3 P  L5 b# U2 S% F         document.layers["supertext"].top = yPos + pageYOffset;! q  R7 ^! d8 ~
         }
* [1 T( n4 A' U' X! ~% {      animatetext=setTimeout('moveBall()',20);
5 F8 q2 S9 p8 w8 s+ `; [  u5 u      }
8 s# ^  ^( F7 D! ?  U. Y( D: X   }: v8 D7 P. D' w  U$ ~4 |
8 T8 s; g# W5 j0 _0 [  o% J) l- a
function calculatePosition() {8 w- w+ Z% w4 a
   if (xDir == "right") {1 @+ |2 G' c+ ~" ?7 \/ F
      if (xPos > (xMax - contentWidth - BallSpeed)) {4 J) T& J+ A  B2 [/ v
         xDir = "left";( _/ W1 L$ t! ?! J! h% q
         }
. F1 {) b  Z" {$ K7 A3 F      }
* ?" V1 M( `6 T7 H1 n! B3 C0 J/ `   else if (xDir == "left") {
# L1 H0 Q4 l" {- ]  J      if (xPos < (0 + BallSpeed)) {
' D# r. h" M( y8 l; G- Q; @6 h         xDir = "right";
! j* d+ }( Z/ ]' P# d3 P& Q+ N* d         }$ o4 y7 l- d3 c
      }
& x* I" v* k3 g3 a" Q' a, D; \( j   if (yDir == "down") {
4 P. W3 A: H: @8 c, @1 Y0 l      if (yPos > (yMax - contentHeight - BallSpeed)) {
  y  v% X0 x! `3 B  w         yDir = "up";) v& q. [5 N! I9 h0 c1 q, Y) ^
         }0 [( H! @/ |! m$ o2 k/ t: [3 b
      }. M2 e/ y! z7 `8 F
   else if (yDir == "up") {) f& v) Z: e2 S# U0 u9 n/ M4 q
      if (yPos < (0 + BallSpeed)) {/ [6 m  ]1 E0 w0 n5 j$ x
         yDir = "down";# ?# B4 e! |; t) Y! G, w  ?
         }
3 W# h- Q: S: `( l, l      }; C+ X% c- Q* M- Y/ _, G
   if (xDir == "right") {
- ^8 U% a" }) ^+ z  h9 I      xPos = xPos + BallSpeed;
; U) m1 S3 A( F* Z% o      }) S. {( \" v' d& O% R8 t% o3 t
   else if (xDir == "left") {; S! ]( _3 e# @+ `" \8 f* ~
      xPos = xPos - BallSpeed;, _$ X6 i6 ^7 x  d
      }
8 c- h+ f5 D& _8 S   else {
0 p6 l9 F+ }: Y  p( v      xPos = xPos;
" K0 V0 P. c+ |) z" u      }
$ M- y: H& g, B& k/ b4 \   if (yDir == "down") {
3 [5 R5 f" D% D      yPos = yPos + BallSpeed;' m2 ]1 i! \) ~4 }4 T2 u
      }0 Y2 c9 r$ k5 e. J2 K* U
   else if (yDir == "up") {
* i2 n# Y( P: ]9 h8 l# o" r      yPos = yPos - BallSpeed;% |/ M' g4 i) f" a2 T3 Y
      }
$ ~7 y& y; m* X) M2 P4 ^! c   else {
0 h2 B  I' z9 F$ b5 m/ j$ a& g# z      yPos = yPos;
" a: ]$ ~! q2 g9 H( p      }% |  E, T: |' i# q! K
   }
* a6 M. G2 _% E. W  ~, Q) K, y# C+ V3 |5 d- {' m+ V) o& V0 K
function hidetext(){) B1 Q) t6 h7 g
if (document.all)5 Y# h4 r3 U3 C# i6 o% E4 c: k0 {
supertext.style.visibility="hidden"
4 }: D; N# s& `. gelse if (document.layers)
& q) s/ d' c+ L* Wdocument.supertext.visibility="hide"
! t, U; |- S( @( P3 f; |clearTimeout(animatetext)
( s  _$ v: w# l}
* ^2 e, }2 l7 L# x
6 Y3 M) G& A# e7 e7 T+ h3 P- hif (document.all||document.layers){, D7 G0 a5 y' G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: T! D7 M) W! e' `0 X* v  Gwindow.onload = initializeBall;7 {: B- w+ J8 t1 H8 L( k
window.onresize = new Function("window.location.reload()");2 `% I0 H$ l5 x+ c: L
}
! u: l& a( F+ R; v( p' h. K# B7 T( g% g. N% r
</script>