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

zw2004

<style type="text/css">
" I, q( W* v. F2 i$ Q+ G% h#supertext {
$ r& D" ~2 C) e6 Y6 z+ ^position:absolute;
8 h+ ?; K/ A  H, Tleft:0;+ U) @6 N& M: L8 p# v# b6 ]1 B- ?
top:0;
3 c9 n+ P) v/ I% G' `% yvisibility:hide;6 G# V" o( r. R% Y
visibility:hidden;
( H) Z$ ]5 a$ f3 R3 M}
- Y% S8 P5 V) g7 d2 x</style>
8 R" U5 X% G7 ~) P<script language="JavaScript1.2">
% _' G3 y1 d. j<!-- 改变下的字体的大小。颜色-->3 p! S6 ]. D7 V9 Q, t  h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 |% T' e' Y1 n/ ^! P
var hidetimer='';
* |% Z+ K; i6 U" h$ P0 y' w/ w<!-- 改变下的弹跳速度-->5 }# ^4 W2 v) _) J
var BallSpeed = 20;7 n5 `6 O1 Z6 q7 X$ }& ]
var contentWidth;8 P% J1 V6 {& m  o' t  H8 s! F
var contentHeight;
1 y, h( r& _6 q! evar maxBallSpeed = 50;
- Z) z, b% A0 r7 s  \2 e6 g  |/ Y

. b1 E1 s* O# w- ^: f, `var xMax;6 m+ a9 D  t  K; @7 Y
var yMax;
7 E- y9 l+ v: {' mvar xPos = 0;
9 U2 f# @3 \6 K. `$ Kvar yPos = 0;
7 v" X/ W7 K4 }" o1 d9 j/ Nvar xDir = 'right';
) s9 ?& ?) Z: X4 Hvar yDir = 'down';
  r, [; S& P/ e0 ?& S) P3 \" R: _var superballRunning = true;
0 e# C# z. j& Q  x  C( \4 G9 y  kvar tempBallSpeed;& [$ h3 H- n. c% ^3 ?9 c
var currentBallSrc;
2 c/ J' y' D6 U0 [, v9 h, y5 ]/ |var newXDir;
: Q# X5 N/ _  ?1 ^4 b% n, Pvar newYDir;
9 k1 m* N+ l: S- g) v
/ s- W/ R9 n  H. s' r3 zfunction initializeBall() {: \! M6 ~# C9 a  Z3 f, B7 \: |
   if (document.all) {* |8 N: U" R/ P" ?# v% y
      xMax = document.body.clientWidth
* M9 f" N" Q8 e6 I      yMax = document.body.clientHeight+ z7 B+ w0 S& g/ W# H: I
      document.all("supertext").style.visibility = "visible";
2 j) Y# C7 V; F& Z) K' K      contentWidth=supertext.offsetWidth
. E: H" Z) d6 X; n4 j      contentHeight=supertext.offsetHeight0 N  H% D5 _. v, r) O8 t. N
      }
* Z& t! w7 L6 R  o, @6 g   else if (document.layers) {% {% b( ~2 L0 I
      xMax = window.innerWidth;
) K, [5 r& [* g3 W7 n      yMax = window.innerHeight;( @9 [6 P, T' v1 V4 E
      contentWidth=document.supertext.document.width
9 e/ U% _" v2 V+ `: h, x, z' A      contentHeight=document.supertext.document.height2 l) O* h0 S: f7 [* ?& M
      document.layers["supertext"].visibility = "show";5 r5 [% _& B  {/ p4 K# m+ p' \9 l
      }/ v% i0 p$ `# {& I7 x; H
   setTimeout('moveBall()',400);
$ m% `) A9 t# v" X5 d/ |1 d   if (hidetimer!=''). d( n7 f7 H2 d+ R' M; [
   setTimeout("hidetext()",hidetimer)
% F  Y5 W. P- v$ v# J   }
& W, _* ^; p* y7 _
! e+ R- n/ Q$ z( m/ g" vfunction moveBall() {
9 o3 ^" L4 y8 n) J+ n; r! u2 k   if (superballRunning == true) {
& E. H' D1 O* k0 t      calculatePosition();, {5 x+ t! \8 z' Z5 l) n! T
      if (document.all) {( ^6 y# p1 N9 l/ J# \7 B4 a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 c7 I  ^  ~& D" Q         document.all("supertext").style.top = yPos + document.body.scrollTop;
  ]3 ]  E1 \! Z/ h         }
6 R; P" R0 H1 Y3 E, ?) L5 O      else if (document.layers) {
( y# q" _9 t  j! {3 j         document.layers["supertext"].left = xPos + pageXOffset;
# C8 w: l' |" k9 q, B. m2 K         document.layers["supertext"].top = yPos + pageYOffset;2 e  ]3 ~4 `$ j5 ?0 ?
         }/ _& t: Z. A5 }
      animatetext=setTimeout('moveBall()',20);1 u, H$ {/ V% K+ D; a6 T6 c+ m
      }
8 Z$ }( ?2 l7 i# M   }9 b% `7 y' Y5 z& r

9 q* n1 x2 e  o4 D' bfunction calculatePosition() {/ J1 K4 D! C8 X- X5 W) `
   if (xDir == "right") {
2 u+ V% U- l! O8 m$ {      if (xPos > (xMax - contentWidth - BallSpeed)) {
) a, L3 e! Y5 g* W         xDir = "left";# T8 b3 _5 A, B: u+ D$ R3 ~
         }
6 k  n8 t; h# S      }) n0 N# h3 g0 R9 m0 X: R: p1 C
   else if (xDir == "left") {  q3 K  `  _; u: Y& @4 L/ J6 x
      if (xPos < (0 + BallSpeed)) {
  ^- T2 l+ G, Y7 ~7 |% m; H         xDir = "right";0 V! m% _" k# H4 p4 ?
         }
' B5 q" l, z. \2 ]/ V! Z4 R# i5 C      }
" w3 e; m, m# N   if (yDir == "down") {
$ Y+ l5 Y: h1 l      if (yPos > (yMax - contentHeight - BallSpeed)) {3 |5 i- I) C  B( c8 Q( s
         yDir = "up";
# \9 n' B" x2 ]' f$ ?" {2 J         }8 B/ h, e) x6 `6 L, j/ _3 ?" ~( B
      }: E/ O1 b1 u; W: o  {! I
   else if (yDir == "up") {
6 b. V: ~4 ~$ B" z3 N$ l2 Y/ k      if (yPos < (0 + BallSpeed)) {
: g& ]+ u# j7 d0 s  S3 g+ d         yDir = "down";
0 r+ ]  W( b& i1 }- L         }' e8 L4 P! K# {1 v  M  J# [
      }( v" ?. V7 V9 {$ G
   if (xDir == "right") {: |6 }) S4 D5 m- N% u$ x- ~$ g: M
      xPos = xPos + BallSpeed;2 {- l8 E5 q6 g
      }7 o" K7 _  ?  |2 D: y" ^/ b& H
   else if (xDir == "left") {0 |( H# f# J' u6 w* n3 z
      xPos = xPos - BallSpeed;
! U+ E9 G* |5 q" Q0 _5 e      }/ K5 I  j+ [8 t5 W) Z' v
   else {, b- ]. T, ]9 ^# X
      xPos = xPos;( C1 L$ j  H& b/ d3 A
      }1 ^/ X& q7 ^* k* y1 X
   if (yDir == "down") {
* l! ~7 x% _! T0 O+ q3 k8 N      yPos = yPos + BallSpeed;6 e" r; J6 G" O* T- N
      }( O- S+ U: X/ o9 \/ X$ T4 T
   else if (yDir == "up") {
- X  K. G. \, r, H  N      yPos = yPos - BallSpeed;" z/ C3 ^& _5 h$ v
      }2 m8 h) O% f2 y1 J+ d% J
   else {
3 _; S) b7 M/ I; U! x      yPos = yPos;
% y; p9 L% K, l% e1 ?9 r      }
6 z( R! T  D1 v2 J+ @7 m   }" Z8 Y  d% N! E% n' C) R' p
+ [0 g9 @1 d" Q: e- v5 D! l
function hidetext(){) m7 {1 }' e' y2 G
if (document.all)/ W, N4 ?3 }( j% K( e
supertext.style.visibility="hidden"
+ d6 z! A, p6 }( ^" P* telse if (document.layers)5 j% E% M5 ~( L0 E9 C
document.supertext.visibility="hide"
0 C- t) b5 v& Q7 m) {6 v' D/ e6 yclearTimeout(animatetext)# R7 I% g# y% w. T5 U
}
% L6 v$ r( U+ J# }9 t4 `$ z) |" X% S1 B
4 q" H2 e  D" j) I) J. A8 fif (document.all||document.layers){6 \( l# K, ~0 I: m1 C. ?1 Y: q! v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- A  z3 M& G6 Z
window.onload = initializeBall;
9 m. y: A7 p" h- G; iwindow.onresize = new Function("window.location.reload()");7 e8 ]& T7 L' U* T2 B: H. l5 W! N
}
; C3 g1 r' [3 Z+ [& z$ s& W9 w; [1 p1 U' s; L2 r5 j; P3 N' }
</script>