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

zw2004

<style type="text/css">& ]$ f8 \6 F- A- ?9 b& I
#supertext {2 l( z+ Q! A( W9 p- Z
position:absolute;* }" \: q+ F8 L; \: u) M( ^! l
left:0;
) {) ]+ P1 ?- O. t& {3 P+ Ltop:0;  Z3 L, b$ L, i& y
visibility:hide;
. i* m$ i  a8 @. @/ p+ Y! gvisibility:hidden;
% N! L& r0 a$ y) ?}6 I) X; p: h. b
</style>  R5 @; A7 E4 P! S
<script language="JavaScript1.2">) s4 t* i, P* d$ s0 Y
<!-- 改变下的字体的大小。颜色-->) w- }7 m3 \& D/ E8 \# ~9 @' W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. O. p+ Q: |! _, u, `  U
var hidetimer='';  U- V1 c4 e! q5 r" r& ?
<!-- 改变下的弹跳速度-->
6 ]- A$ c' H3 e; x0 m  gvar BallSpeed = 20;
$ P8 E+ B) K7 ?- f& avar contentWidth;
# X: B5 h. Q7 b- Bvar contentHeight;) u1 j+ E4 I) W% @' ]+ l0 [
var maxBallSpeed = 50;$ C$ i; V6 B$ E3 N6 B3 S
1 _# _" k9 T$ E( ~  _3 W0 ?& t
# n- ^1 }4 t0 J7 z- S0 [
var xMax;" ?- b. r2 Q! {0 \) f! z( L
var yMax;
% \: ^0 t+ W  O: ~var xPos = 0;0 `/ c6 V4 ^  H) v$ I
var yPos = 0;! ^5 w2 J0 b7 T9 W# ~+ e
var xDir = 'right';
2 y! w6 j1 C; t; n$ }1 Nvar yDir = 'down';
, L1 I/ o2 b4 ^3 n' G( Uvar superballRunning = true;* U. o( R8 ?* |- z) @' U. N
var tempBallSpeed;
  B# b  P. T# ]9 Hvar currentBallSrc;2 }' `0 q6 d. ^5 u5 Y/ C! M* G% M
var newXDir;! e7 j( \7 z* @' m
var newYDir;/ ~/ m( x' T+ ?
1 X/ B% x+ t4 g4 ^
function initializeBall() {/ H- G7 r( s4 h" ]$ U* {3 T
   if (document.all) {  L$ N; ?# l: E; S! q. u  m4 }
      xMax = document.body.clientWidth
5 {/ a" f' _5 P* q      yMax = document.body.clientHeight& n$ l1 e4 P% g& Q, V6 B* M3 w! g
      document.all("supertext").style.visibility = "visible";5 v9 m1 h1 [0 p! Q
      contentWidth=supertext.offsetWidth! C; R3 [2 d) R
      contentHeight=supertext.offsetHeight4 s# A3 w9 `7 f$ _+ u5 }
      }
/ G& n  ^& K. {0 E+ e# [0 [7 z2 n3 ]   else if (document.layers) {
0 G8 d- I1 u2 }2 S      xMax = window.innerWidth;8 G% C5 F8 E, C3 v$ x
      yMax = window.innerHeight;
3 D( n7 S# s! [/ j, S      contentWidth=document.supertext.document.width
2 u& W+ q+ `8 z3 Q3 L  p! y( B+ e3 ^      contentHeight=document.supertext.document.height
. H* D" @2 c$ t* w6 y% W      document.layers["supertext"].visibility = "show";7 f3 I; g1 \- n0 b0 A: ^. s, j
      }
' K3 ]; K, @4 s5 w6 s; T% g% c   setTimeout('moveBall()',400);
4 ^4 k& W5 U9 P3 H# j4 R   if (hidetimer!='')( ?1 x& x. l8 G* Q
   setTimeout("hidetext()",hidetimer)' Q0 [; A9 q# H: s1 D( N
   }
7 d% `+ v9 ]9 t' W2 c7 p
5 S5 R% O0 V' @& l& w/ y" a3 cfunction moveBall() {; W& b" b7 r" b& P5 ^6 S
   if (superballRunning == true) {
6 y' s' X  n- E3 f" y( E      calculatePosition();
+ q' j  {) r4 j& A. g( ~      if (document.all) {
2 d9 ]2 N; K+ f/ H         document.all("supertext").style.left = xPos + document.body.scrollLeft;* r. g" A9 T( X
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, c6 K$ c1 F; g% K$ u+ L; C         }
' H7 }) C  D$ x# i$ v8 i2 C8 U      else if (document.layers) {  _, Q6 y( w, s# B- m" s5 U9 i+ W
         document.layers["supertext"].left = xPos + pageXOffset;. E" N  o$ m! {; v6 ~
         document.layers["supertext"].top = yPos + pageYOffset;' ]2 d9 L7 m( M$ c6 X1 u
         }' @$ d8 o+ }: d4 w: R
      animatetext=setTimeout('moveBall()',20);
$ S3 y: [! x" ~7 T, E6 q! m2 L4 }6 W, N      }
" w  E( Y2 q% X# p9 ?' h   }. t* W1 i+ r* L2 d" i$ p

' z! o& C, D2 b# A4 Pfunction calculatePosition() {: e9 g! \+ a6 V
   if (xDir == "right") {
0 r& I4 t6 x% }$ B& p" c      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ D7 d) S6 m: i5 [         xDir = "left";( S' i5 o$ ]6 |# x6 Q
         }
+ R% |/ @( \: O2 w/ n: H3 c      }
1 u( L4 S7 }$ T& m2 A1 ?   else if (xDir == "left") {1 X( i, x  A* `& L3 h$ L1 z
      if (xPos < (0 + BallSpeed)) {
" Q' U5 W2 ]/ ?- G8 v/ z         xDir = "right";
; L# B2 ~4 w  h" T3 q. ?( u+ `         }
- z8 T  W! v( x6 q5 P, f% l( B" M3 b      }
$ C" c$ f4 s7 T" h' S2 ^& o   if (yDir == "down") {2 Q3 `( D0 n7 c; y, C: Z9 e
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& ^: ~" x' f3 U9 x0 r- {' L         yDir = "up";
1 \& c; M: X1 A, [( n/ g& A% T         }
/ I) G! q8 q) \$ G0 V; S8 y      }2 j" u" e* I' q+ u* ?* Y: x6 t+ K3 o
   else if (yDir == "up") {% n6 m  \4 y; F0 }6 k. V
      if (yPos < (0 + BallSpeed)) {; }& i" |( v# |) t, R" }8 _  D& v
         yDir = "down";, ]& B5 P) ]. X6 @4 {+ N0 D
         }
8 D, C2 G, b# b  c! Q) H1 O0 {      }8 O. f4 k! [3 h2 p- k+ u- \
   if (xDir == "right") {
9 T6 R' n2 g  f5 T1 g8 ]      xPos = xPos + BallSpeed;4 J+ n, I. l) g' o( t$ Y3 k
      }+ b6 H' J  w2 E9 X& S* Z# Q$ \
   else if (xDir == "left") {6 A( l5 m5 i3 Y7 o5 H7 \1 ~: v
      xPos = xPos - BallSpeed;
/ R- V: N' R$ Y; `3 W5 i      }
8 v' J2 p0 f" _, F. W   else {* S. A6 y3 n& \2 M3 `4 v9 Q! U
      xPos = xPos;, C, [3 J7 j" U* a, _* k4 K
      }
* u+ G$ R% X8 E   if (yDir == "down") {( t3 Q/ E; J7 f. {
      yPos = yPos + BallSpeed;
/ W" ?; J8 {$ `5 ]% C3 ?' x      }
. e* f9 \8 w+ H. q6 ]& e   else if (yDir == "up") {1 q  N9 N, l% ?" Y. U
      yPos = yPos - BallSpeed;, v6 E# y5 g1 `$ G0 d6 o" c
      }& T6 P! L' P8 [9 d: S( t0 V
   else {1 a$ t2 n* K% \) I
      yPos = yPos;
/ ^1 ]9 W3 I% U% D      }
8 I+ ^  X, D8 J   }% `: k4 |0 J7 u( X/ Y

5 N2 I; m7 x% p" t) j7 rfunction hidetext(){1 Z5 O" X' f4 j% Q$ J
if (document.all); |3 r) i1 t; M- g: ^
supertext.style.visibility="hidden", @) d) Q. _3 g9 u, o
else if (document.layers)" Q  {) [; M9 ]: k
document.supertext.visibility="hide"# X1 g0 {. Y& {' G7 k  V
clearTimeout(animatetext)( O: D' J6 Z: P+ S+ P' [& a
}
9 f& O9 F* \- W! M5 q; F' W) ^0 B& S- V4 D  M3 x
if (document.all||document.layers){
# s% Q* @! a  \& [4 T) }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), U, _- S6 n, J$ |/ m
window.onload = initializeBall;
. U: X. ]- e' g; n, awindow.onresize = new Function("window.location.reload()");
2 l5 g+ X% ^  J, `9 x! V}3 v* u$ x4 t( Y' k/ [

# p8 X/ J7 T/ G6 S. Z</script>