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

zw2004

<style type="text/css">
8 {) ?0 E2 Q9 N0 w4 T, D#supertext {! Z! E4 k' f2 D" x% Q' w
position:absolute;& p1 z: R/ y' G! n8 \/ q
left:0;
! C7 @/ {5 ?6 Y" ytop:0;
$ |/ Q4 U7 i- |# gvisibility:hide;
* }6 v) ~. n) H$ Nvisibility:hidden;: ?6 k$ [+ f; \: ?  `; x
}
) }% l; F2 a" D, E9 I2 L4 @' V5 B</style>+ L0 y" V" ^) Z2 n' u4 A3 X% ^
<script language="JavaScript1.2">4 @8 W: g, s6 ]' o2 t& s
<!-- 改变下的字体的大小。颜色-->
6 N5 d# K" r; S% w- dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 V% p( C/ h( e0 y1 jvar hidetimer='';1 w  v; [2 `  j' a8 s
<!-- 改变下的弹跳速度-->  W- [/ l6 r% ~+ m% C3 {) ~" w, T
var BallSpeed = 20;% j0 `) F: L4 d; `9 [' N
var contentWidth;
! O2 Z' t% w1 q) w7 ~' U, ], Lvar contentHeight;0 T7 k- B& D. ?: a- E+ t
var maxBallSpeed = 50;
, k3 g5 T5 v( d' f; u" ~# _- |; x$ G
( y- l% ?: ^3 a- |$ {3 }
var xMax;
. ^2 Z9 F# ?, k8 b( ~var yMax;1 S: Y! d! i, J
var xPos = 0;+ _, u$ U$ x1 b+ `6 ?' h
var yPos = 0;
' Y- ~* x) l4 A$ B4 d& [: _var xDir = 'right';
0 M1 N, L: z7 B, zvar yDir = 'down';& q! e. @; c2 w! R
var superballRunning = true;; m9 c7 M% G- r/ j9 w( c8 k
var tempBallSpeed;
+ Z  R2 v' q* M, ^# p9 U& [% p" _+ Q, q* Hvar currentBallSrc;! x( j# }- \6 r. k* u8 |! V
var newXDir;- u$ K+ d3 [5 C
var newYDir;
% m+ r* u9 r! m  `
3 M8 V( K: R# a; m% C9 G- @/ _function initializeBall() {( H# d3 A9 O. C7 ]  Z% G6 C
   if (document.all) {
$ ?+ t* j0 f% M5 N5 l      xMax = document.body.clientWidth/ i; p) X( M5 G. s6 y# X. [
      yMax = document.body.clientHeight0 [, ?/ {( t" O7 [0 j" g& E! M
      document.all("supertext").style.visibility = "visible";
" @: ^- b! j; a5 \  w- j      contentWidth=supertext.offsetWidth, }# y( r5 P4 N3 B
      contentHeight=supertext.offsetHeight
# ~( [8 ]& c) w, I+ w/ n- ~      }9 A+ g$ v: l, E+ i
   else if (document.layers) {: g6 e# M7 A% n+ v
      xMax = window.innerWidth;  }4 p. p) b; f& b& b) c& q
      yMax = window.innerHeight;6 R& m! ]8 j+ X' H' \- |
      contentWidth=document.supertext.document.width
2 `& G4 M2 N, i) b8 i      contentHeight=document.supertext.document.height
5 p. d  @/ p' D; }! Q! Z! w' q$ F$ r      document.layers["supertext"].visibility = "show";4 Z! J  |" W% L( h" J( H/ F; ]
      }+ ?" O4 C% G6 L9 M9 W( N# f+ g2 h
   setTimeout('moveBall()',400);( s) g0 z; `! E
   if (hidetimer!='')1 |% b8 t8 s' D7 L4 t. h4 P- o5 r
   setTimeout("hidetext()",hidetimer)
) v9 e( m8 J' \5 W   }
' a, G! ~+ G& J3 C0 l) H9 ~# t- y* C+ D! g. E' i
function moveBall() {. C5 e( s6 c+ k  l2 \) I
   if (superballRunning == true) {4 Z+ h- _7 _2 o0 v$ u% N+ n
      calculatePosition();
) w. b) R' h, p* F9 f, Z      if (document.all) {. q+ j% v/ U8 S& |+ ~/ |
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 x, m( N  |* r$ Z- s  d         document.all("supertext").style.top = yPos + document.body.scrollTop;
! A9 n6 V. q! h* T/ `         }( d7 ^! C# x4 h7 W2 @1 j
      else if (document.layers) {
8 Z% Q( B' l8 e         document.layers["supertext"].left = xPos + pageXOffset;; n2 o& t3 w4 Q& z  D+ ]- @
         document.layers["supertext"].top = yPos + pageYOffset;/ o# g) R2 [) D0 I
         }2 l, E: x) e- q' B  |, O
      animatetext=setTimeout('moveBall()',20);
9 P9 N8 T* _3 }9 H* v9 v      }# Y; u4 Z/ [9 a& h' G1 H5 U- k5 C
   }
, U3 R9 X. G4 K3 A9 \1 R
5 o) h* Y2 c; @1 t/ Afunction calculatePosition() {
6 S! i; z, B0 f/ ~! m  a" S7 T   if (xDir == "right") {+ h0 F2 J7 F0 J
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 \& V5 N- r* _
         xDir = "left";+ e  B" T7 A6 F, p& d- A
         }
: k+ W$ ]8 W  {3 y+ q: b1 T! _      }
$ I# ~1 v8 O+ e   else if (xDir == "left") {
, g- M4 o7 D; `* C      if (xPos < (0 + BallSpeed)) {
( [/ J/ Z8 Z8 B: P7 G) _2 T         xDir = "right";
* P' j2 _  J9 i" C" L2 @  ^* f         }
1 K/ ^! g) g& x" r5 I8 }  P/ n      }# v( v+ C6 @, C& i! G. N
   if (yDir == "down") {
6 {) B! V; R0 ^3 O      if (yPos > (yMax - contentHeight - BallSpeed)) {
! e7 }: [" {! D, x* W9 j& p         yDir = "up";+ V* G  F# J, [' N% k
         }5 f. o* @8 {$ e* x' L
      }8 T5 ]: \) M. E  w# @8 O; g  \" A
   else if (yDir == "up") {
8 y+ z# [+ b& ^, ?  D      if (yPos < (0 + BallSpeed)) {
. M1 K0 `4 w5 y9 b' s         yDir = "down";; M9 Y4 o" B* D3 s1 T- k( s7 J- J
         }  U4 T, x; J! i
      }% f. X! C/ B0 b: M
   if (xDir == "right") {% C3 ?- J9 S* L. r# r
      xPos = xPos + BallSpeed;+ [1 P" |( D- M& ]# f  `+ M! C
      }
) L- [% Q9 C3 p   else if (xDir == "left") {1 Y( d  E# o" c$ l: N/ C
      xPos = xPos - BallSpeed;% B- e- N! ^* h7 H! }, D+ `
      }
# p' ?/ d* V5 ~/ U9 A   else {, |0 ~( f6 L5 V% f7 J) t- o; B
      xPos = xPos;. S1 ^8 c2 U) t* i
      }
; Z' i5 s# E8 \, g8 l& {   if (yDir == "down") {
) w, ?" q: m; w5 _      yPos = yPos + BallSpeed;
8 P' U$ H- x+ X      }' p% m2 G0 T: a8 C# O
   else if (yDir == "up") {
4 d4 R, h6 S: i4 C. ^" v, U; o! H- N      yPos = yPos - BallSpeed;
, D: o6 m4 l8 X4 H      }
. i. t8 G3 o" ^% |   else {
2 Z# R0 }1 R( _/ ^! z      yPos = yPos;, \1 m- J8 p0 ~* d6 p
      }
) X+ ?: Z  A( M+ `: R3 l* N   }
- U% o' p/ ^0 y. }% o4 \4 i1 p* ?# P3 t, x& k# P  V
function hidetext(){
3 }6 L' P) s, C) C0 }" n% Mif (document.all); z* Y; r0 O6 S$ K% K5 [7 X
supertext.style.visibility="hidden"
+ g+ W" p" j3 O0 [+ j$ Telse if (document.layers)
8 W/ C8 S5 C. f# rdocument.supertext.visibility="hide"2 `. K+ `: j' k5 E
clearTimeout(animatetext)
& J* k+ M3 j! v: Q5 q  G0 m}1 n+ a7 w3 r6 q: j2 N. [! n

" L. `3 S/ m% Q% c* S& Nif (document.all||document.layers){' T1 [1 K& @: A* x$ P" W, N, t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- G, I$ t& L4 B9 Fwindow.onload = initializeBall;. M' w; c! |% C% q! t
window.onresize = new Function("window.location.reload()");! Q- ^4 Z. w$ P& R9 [/ C+ x
}6 j9 B- w2 [! P. U( @* ?. Z
' r6 T' G" ?0 G
</script>