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

zw2004

<style type="text/css">3 F7 K* H' G  j1 W3 w$ g# {) v2 c
#supertext {/ w) ~$ l$ h# ]6 K; Y3 b, Y. N0 r
position:absolute;
* N& M6 R  K/ x2 V2 h  e9 [% ?) Mleft:0;
' S# Z3 w- e2 }% ^6 b7 A, Htop:0;7 Y& f0 q/ P% u# ^
visibility:hide;3 x5 b: `9 {8 w' X7 G
visibility:hidden;
$ d  h" N/ I8 T! G; b8 \( `/ W& ^  ?}
+ ?9 [) y/ V$ d</style>& o6 [- q  u' L% Q# W% Y
<script language="JavaScript1.2">
/ K2 X( a, q* [& ?<!-- 改变下的字体的大小。颜色-->
  {) `. Q% ], T+ fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* s' A3 A) L: ~/ b6 y. _var hidetimer='';4 A# _6 C! g" r
<!-- 改变下的弹跳速度-->
/ [0 J: j/ ~- [- a* R  d' xvar BallSpeed = 20;
9 f' B" S! ?4 @0 ^3 i% ?5 Z& wvar contentWidth;
! y. u& ^' e: X. [: ivar contentHeight;% H& g0 ~3 N" H  n# j
var maxBallSpeed = 50;
. c$ `0 b* r; y, [2 N+ G+ w/ z) h& F' v
6 {+ D; }2 ^" p! q7 `
var xMax;
4 p( I$ H  S% C" o' {4 i5 ~; G+ Z2 X4 Pvar yMax;$ ?, V$ C! I; f' T$ \2 i4 V1 x
var xPos = 0;
- m, T# }3 c7 n2 Q; H' G$ \8 u; mvar yPos = 0;) T3 A. T9 k1 c
var xDir = 'right';5 _: y- n0 k* ^  t- R
var yDir = 'down';+ S. e& m' l& s( @  X
var superballRunning = true;
2 ^) D% l2 y" t% f3 r! J& [var tempBallSpeed;! A# C" P  H1 y7 q3 u/ {* u
var currentBallSrc;/ c: ~4 V* G6 f
var newXDir;1 C! F6 b. d* [7 D, O6 J
var newYDir;0 p: S' z$ y5 i! h. A+ d3 u

0 v- ]# \$ Q; D3 d8 R( |function initializeBall() {9 i8 d) Z% O' r$ M: _' x# ]9 f
   if (document.all) {
% F; b5 a. {# {$ e8 x      xMax = document.body.clientWidth; ^" i" t2 U4 S" K
      yMax = document.body.clientHeight
0 z( p6 u( E2 D8 b& M      document.all("supertext").style.visibility = "visible";
: c6 b5 \( D0 P2 g0 x      contentWidth=supertext.offsetWidth6 a0 F5 [" _8 Q5 j
      contentHeight=supertext.offsetHeight( I% U; R9 \6 K% L) |% v
      }% S) }! b! Z7 J2 _$ y
   else if (document.layers) {
" b& w, }& ?* A5 d4 Q% F      xMax = window.innerWidth;) r& Q4 {( v$ e" `( a/ w& K2 w+ E
      yMax = window.innerHeight;- B) k8 W" M# X# }# Y7 `; J
      contentWidth=document.supertext.document.width
3 H' @1 O1 T; _! r7 m      contentHeight=document.supertext.document.height; Y' i8 _" f! e! k: ]0 ]
      document.layers["supertext"].visibility = "show";4 Y6 \! i6 s7 f" ]$ W6 e
      }8 l) d; d5 N3 b" a
   setTimeout('moveBall()',400);& h" r+ c5 @4 P  U% d, g$ l' _$ Z
   if (hidetimer!='')
5 s$ O2 h% H  c' }; [9 B8 f, }   setTimeout("hidetext()",hidetimer)6 |+ M  \9 M+ @0 U9 G# q
   }
+ P* E. ?1 U9 H/ ]* W. Y' A$ r  O; G8 S, B, b
function moveBall() {
1 e8 c+ J4 v9 b( X/ W) }+ i   if (superballRunning == true) {
  T% g6 B: B+ x3 [      calculatePosition();
9 \7 l+ X/ a7 ^  ^/ M0 w      if (document.all) {
/ `0 Z0 m$ }  `# u         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 Y, I- D/ a  Q' ?( o         document.all("supertext").style.top = yPos + document.body.scrollTop;
  g6 j- \. z% m         }
& J& {! z3 r( h5 j+ O* @      else if (document.layers) {
( J, f1 w$ x- U! U- b         document.layers["supertext"].left = xPos + pageXOffset;: t8 d1 c" P" o# J' _& q* R
         document.layers["supertext"].top = yPos + pageYOffset;1 g/ H( @8 j0 n4 y: n  p
         }0 Y$ O. F" z  O2 Z
      animatetext=setTimeout('moveBall()',20);3 g- k6 D, ^6 z# t. V3 E3 ~1 K
      }
, j$ J2 Q; X; K( n- a* m% }& T8 [   }
& i% T/ p% c2 p
& i0 X# g$ t+ ^" X6 c4 @7 Sfunction calculatePosition() {
' ~- g+ i9 j2 C8 V   if (xDir == "right") {' ]  l& E8 S8 Z9 Q9 r# f3 @
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 @2 L% x9 O" ?% R) ?% O6 S+ `
         xDir = "left";
; {7 d7 V9 X' f2 K4 m) v: d" |         }$ M, [6 b5 s' F
      }7 N: y2 X( a" V, s$ Y- E- |
   else if (xDir == "left") {
3 s/ G! V4 T2 J' m% [# k      if (xPos < (0 + BallSpeed)) {
+ Q; f3 r8 m: J6 C2 y5 l8 h         xDir = "right";
6 G! u* t5 r( N6 M1 Z  ^         }
- ?. E1 Y7 p- r" a+ s' R      }% k: w9 Q$ b% \+ H! Z
   if (yDir == "down") {" Q9 ~6 O( d9 Q7 L8 |+ o
      if (yPos > (yMax - contentHeight - BallSpeed)) {
# d* v  W: n) n7 ^# L3 O4 Q         yDir = "up";
3 F6 J: z8 _9 q; C" |2 e         }4 I1 C4 B! N' B" P4 }0 |8 V
      }: B9 M) U! s" w: h8 l
   else if (yDir == "up") {$ b7 f  ?, t0 p& ~# {" |
      if (yPos < (0 + BallSpeed)) {0 _+ O+ v5 U% W0 R7 `
         yDir = "down";
+ y7 }1 ?; U9 x& x- r         }
. [5 h1 B& y% B& W      }/ J1 ~4 _0 d, ^' s
   if (xDir == "right") {5 X' g, X) @9 w- L  ~2 L6 s9 }
      xPos = xPos + BallSpeed;# X1 Q9 K+ e% _9 ]5 `. G9 ?7 ^
      }
" d% Y" f8 m5 r& p& [   else if (xDir == "left") {$ ~0 m  |+ ^: n& R6 ^2 G* c1 `5 J1 j
      xPos = xPos - BallSpeed;
* n# y8 i& N: b, o7 A' \1 G$ a      }) S5 N9 p: v6 o* R, `
   else {% r/ |0 L9 [- I1 r( ]: @6 w
      xPos = xPos;
0 L6 l  m: E% F9 i5 W% t      }2 E6 Z: M! i3 h- u; r9 M2 n
   if (yDir == "down") {
& i; l' j7 k. T, E; D% W2 q      yPos = yPos + BallSpeed;5 Y7 \5 W2 T6 H4 G
      }
: I# q3 W; p3 {1 p3 r! m   else if (yDir == "up") {5 k" [" @) d) ?
      yPos = yPos - BallSpeed;
' J: N* q9 D0 M9 h1 l6 A  d      }
- o2 f6 J9 v8 x6 I! h6 l& q   else {
. n8 A$ S& K1 F! _' o1 {! C      yPos = yPos;
  O: N  Y" D3 i      }
# C- u# X9 s- u8 b   }$ M, t( I5 A, V% q7 ~* L" V3 x$ P
! O# _- b' C$ o( g" n8 j" g
function hidetext(){
) K8 V( `; X2 W, E' Hif (document.all)' `, r$ x6 G! @; h* i8 _
supertext.style.visibility="hidden"
! @9 c) S' o7 F6 C: ~* J, |else if (document.layers)3 C$ F/ n: F" |" z! y
document.supertext.visibility="hide"' L, t2 i0 `7 l* X/ @
clearTimeout(animatetext)
1 E- z7 r% \" H& }  G) J}
6 M  }  W0 {& V) ]" g4 P8 @. W4 G) H0 h( }; Y
if (document.all||document.layers){$ y5 |5 G6 F" z3 m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# u/ Z$ _' {6 c8 j0 _- b+ G
window.onload = initializeBall;+ T+ v0 x2 }, B! \
window.onresize = new Function("window.location.reload()");
1 s% v+ w& {- }" {1 w: W}
9 i" b+ t9 w6 T
9 q. D  F- r$ V</script>