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

zw2004

<style type="text/css">/ }1 \7 y6 V! Y3 z+ ?% H
#supertext {
. a6 ~! X* K" t( }( Sposition:absolute;( W# [% @( B* h% B
left:0;5 ^& @, T( Z3 o8 v$ @
top:0;
0 Y/ o; b. h3 E4 fvisibility:hide;
& s" T& t, y0 W9 o$ S2 [" Yvisibility:hidden;( t1 q& `6 l8 P# P) n8 R
}0 o9 u' a7 {0 O4 `+ G1 X7 F! h
</style>+ P3 E; `. Y$ H; a) i1 }6 C: J$ r3 l
<script language="JavaScript1.2">* t8 [2 b( n6 Q7 {1 x$ G/ c& {8 D- B
<!-- 改变下的字体的大小。颜色-->
/ c' X* m0 W8 I: B2 m+ i8 z9 Hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 W4 }6 R4 {, n/ ?( |0 K! L! z& l
var hidetimer='';$ i$ Q- ?; `9 q% k( _' B
<!-- 改变下的弹跳速度-->/ S( P: N$ ]5 k7 v$ y
var BallSpeed = 20;
* X: X0 `8 G' Hvar contentWidth;
$ g0 \* A" |! c' ?var contentHeight;4 T1 T4 J/ n8 f% @, V
var maxBallSpeed = 50;0 c+ y; }1 ~- s) d
4 ?4 Z8 Z2 z0 u5 z% ?% {
$ H! W8 X, o% ^5 f/ ]
var xMax;
$ ?* o* a9 C$ {$ k, Z+ Y  a8 ivar yMax;' o! a; }" p* n/ y! F" r. |
var xPos = 0;0 v9 f1 v/ E$ @6 Y; X/ L4 @) |
var yPos = 0;' J* X" \3 I' p5 K, A3 \
var xDir = 'right';
0 W8 i' O  s: \) ^var yDir = 'down';
& l# `2 [8 o6 K4 x/ }var superballRunning = true;) e/ m" _2 D! D9 j4 ]
var tempBallSpeed;$ w0 _" @( @3 L" _/ k! ]
var currentBallSrc;
$ H; v& e( o8 r  xvar newXDir;
% h' h! Q; E- S: mvar newYDir;7 M0 O1 w' _( d* G

) Y5 g$ b) t' Qfunction initializeBall() {
' S1 q2 o5 g) T( T. ]5 X) G   if (document.all) {
& e, G+ k& G! m) j$ a+ n- q$ t      xMax = document.body.clientWidth
) d  {  g( S- t- T+ u      yMax = document.body.clientHeight- V* E$ i" y8 ]/ _* f
      document.all("supertext").style.visibility = "visible";
4 J* j9 L5 c  z# g& I, G7 \7 s: Y      contentWidth=supertext.offsetWidth
0 f" r+ t* t: }* f3 A$ U      contentHeight=supertext.offsetHeight
+ ^5 `; B9 v- f      }5 y7 i8 @+ Q+ |4 b, f; R0 S5 o
   else if (document.layers) {! I2 u- T  @1 \  P( ?
      xMax = window.innerWidth;
: P6 L0 D, |1 n  v+ X# P- r      yMax = window.innerHeight;
: X7 n; {" q2 [% W( ~& `4 ?% G, }+ K2 O      contentWidth=document.supertext.document.width0 m) n6 a+ A+ h( x' ]
      contentHeight=document.supertext.document.height+ O5 C& G' d8 S( r6 {
      document.layers["supertext"].visibility = "show";8 X- G3 c4 L8 J( O/ e6 M
      }$ @/ y2 |+ t: P: P5 [1 p
   setTimeout('moveBall()',400);8 O& G0 L+ D/ h3 P( @% P
   if (hidetimer!='')
7 n$ y* \2 [5 R* Q( a   setTimeout("hidetext()",hidetimer)
0 u6 @6 W# u. Q9 j3 G/ \1 u, ]0 _   }( |5 w* F! _! B
: g" G. \, F& k/ x$ L$ q! f
function moveBall() {; x7 \! Z% |/ y/ W* _
   if (superballRunning == true) {
4 @, _( a0 U7 b5 Z, m      calculatePosition();
0 J# k9 N7 l+ ?# C8 y7 _      if (document.all) {
0 m% l( P$ j1 \3 Q* k# W         document.all("supertext").style.left = xPos + document.body.scrollLeft;* @4 }# K7 z" Y9 M- Z4 Q" p
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ S/ R: Z4 F1 ^* _+ F, u5 H0 W         }
. q, J( a3 d9 m$ R; f      else if (document.layers) {: x  @1 k7 q% a0 ~% B9 ~5 J% N% A
         document.layers["supertext"].left = xPos + pageXOffset;* l$ q3 I8 A, e% i2 L% \" y, w  z, n
         document.layers["supertext"].top = yPos + pageYOffset;
8 ?; e- g4 k/ x1 M2 ^  s0 `         }( @: @1 f; G4 l  M+ t- T  [
      animatetext=setTimeout('moveBall()',20);0 u" ~, i/ g; _* O4 ^* e' L
      }# ~0 w/ C, \/ H' a  ^: `4 ~2 `! D
   }
2 H1 P- `: b$ L9 ?& O* z2 d* s  F# `! h7 j, O' F* j  `9 g
function calculatePosition() {
9 o# M6 J) H% S4 j  T8 p5 J8 O: e   if (xDir == "right") {
0 j& u# X0 l+ j      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ P- Z! T, [3 o% T; o         xDir = "left";  H# J& v- Y" T; `
         }% A# j# ^, ^* l) d! q
      }
" g7 W% [( ^4 ^2 d# k   else if (xDir == "left") {
, t# y2 p& s, w9 y: f      if (xPos < (0 + BallSpeed)) {
* X4 ?* e' Z1 t) X/ V; b% J. v7 m         xDir = "right";
$ ~" o- }$ Q8 {* ]. u) m         }, B0 ]' ~! B% I
      }
- J- g# z! R. N   if (yDir == "down") {4 d" E, H: A! H/ `- D. }  d% x
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ w! |8 d, f& p* f; B         yDir = "up";6 @, V7 i$ j; T
         }
. N; e0 ^! |0 P! W6 h2 d+ x) F. B      }; ?. \( H2 o. ], D
   else if (yDir == "up") {
3 T# N" d* d/ M5 @$ b7 i7 Y8 e      if (yPos < (0 + BallSpeed)) {
7 z  S7 O9 A0 c' |         yDir = "down";: n) |% g5 A9 k4 Y/ h
         }
1 D# x9 E: ~8 Q4 V      }
5 B; v; S0 q9 t0 Y' b; U: X   if (xDir == "right") {( \& M3 {* p% ^9 K+ o; c
      xPos = xPos + BallSpeed;) l; r" a. ?: u/ a: P: q
      }
& X  z6 |3 w/ B3 q( [& _) p: z& f   else if (xDir == "left") {
) `0 `6 {* ?% y- j      xPos = xPos - BallSpeed;
3 ^6 ]% @0 e' D- P      }* C$ Q  ^* w( n
   else {8 h+ ^- {: v" {# \
      xPos = xPos;
: B. V" d  l9 |0 b      }7 T( _, P+ a. S- l4 C' i% K# N( J
   if (yDir == "down") {
) f4 F$ I- H$ S, [6 P' j/ F      yPos = yPos + BallSpeed;
" N6 B. V  g% r: }+ o+ K' o& e      }+ v9 r+ z% R$ @$ w! d7 n
   else if (yDir == "up") {
6 h) U! S7 o* A      yPos = yPos - BallSpeed;
* N/ ]& P0 C! H& b      }' k* G* C: e/ p% [) q
   else {) D1 E. o* |; i
      yPos = yPos;
6 F+ v6 [* D& a' O/ j      }7 {5 G5 G9 _! m, W4 E
   }
4 e. {, d" K5 \- }2 F0 y- |
" |( r; _$ u2 q8 L! u/ {9 @! Wfunction hidetext(){7 g  [1 v( m- `- \5 I
if (document.all)
) j  R3 h' N8 P! Z4 `, Wsupertext.style.visibility="hidden"$ @0 C5 a" j4 b& d# |
else if (document.layers)' N4 c4 b+ s) h, o5 V* q* N2 W  Y
document.supertext.visibility="hide"7 E; V. i7 ]/ v3 d6 [
clearTimeout(animatetext)9 ]* n, `" I& O8 q
}
0 D) M, R6 i. b, Q; k" ^/ {
3 q% b; h( a1 i' h  vif (document.all||document.layers){
5 U) A- [. q, }3 {2 v. M, e2 Z6 Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  {) Y2 q, ]7 M: H7 X$ G) p- [* l7 k" g/ twindow.onload = initializeBall;5 q: k/ w' \; a( G7 M
window.onresize = new Function("window.location.reload()");% w0 p- U* d2 x' D! b; g' ]* O
}$ a2 z3 L0 X  }6 s& W  K

' \, k" |2 Q3 l</script>