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

zw2004

<style type="text/css">
% a4 K* O/ m1 B, [# N4 c/ e, x#supertext {& W9 K2 G4 G: @, N% U
position:absolute;3 K3 R, n9 x/ m1 P
left:0;
9 c  m& o& p6 s; Gtop:0;) s, _  u2 @0 t# |
visibility:hide;
# Q' K  J9 h' Jvisibility:hidden;/ g2 p# Z9 ^& p# Y' N% M3 G9 b/ W+ D
}) {9 U  S- h' |. [+ s0 F8 Y: l
</style>
7 q5 B, \& M8 o, y& `0 p<script language="JavaScript1.2">5 {, K& S3 x, w& ~, ?5 h
<!-- 改变下的字体的大小。颜色--># e+ \1 h2 m3 u! U+ J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" _3 Q, {6 B9 [  R8 mvar hidetimer='';
2 s$ t) K+ w, X) z<!-- 改变下的弹跳速度-->
2 ]7 q! H& T/ N# |var BallSpeed = 20;  b9 J6 w5 K) G
var contentWidth;
- H1 R3 C( k9 P9 D6 hvar contentHeight;8 e* N. C" z; L( }- {& F
var maxBallSpeed = 50;' n1 u% G( y$ N9 r( H1 x1 l3 ~

3 N; C, y+ y# W: g8 i3 r; F, m$ y  Z  G2 o
var xMax;
% h1 d" R4 n. lvar yMax;& y" J0 U+ @7 S* o, ]5 g2 n
var xPos = 0;
' D" M0 d: f. T' \3 Q8 ~! C, c; c  Ivar yPos = 0;0 W9 m! ]" d/ K8 H* n
var xDir = 'right';
8 B* L% p: U" G2 Y) Vvar yDir = 'down';- ~! v5 d+ Z. L( }* b" Y; P6 s
var superballRunning = true;
# ]: |9 y, r6 @) Hvar tempBallSpeed;
1 R; Y0 Q2 b9 |) L3 ]7 t( O: o/ w: x7 Kvar currentBallSrc;
( M2 p# r* x% b! S* Dvar newXDir;
7 C: u) y3 e6 C) T1 mvar newYDir;" ~+ k3 }+ W" ^+ ]% }4 S$ |

0 C( a$ M  S8 Xfunction initializeBall() {
$ S* A, v/ o5 q; E" F; t4 n- O   if (document.all) {: y  U5 d/ ?; d  W" x: U+ c0 l
      xMax = document.body.clientWidth
: ~. W; [5 h' [# |- Q      yMax = document.body.clientHeight) I8 Q3 S- I9 N' u
      document.all("supertext").style.visibility = "visible";
& b5 C0 [* {8 P* j$ T' w      contentWidth=supertext.offsetWidth
7 a8 D" r6 q! R8 w8 B- k      contentHeight=supertext.offsetHeight# q1 S; |5 O) L* l
      }# k! O/ C! I7 d. I/ J
   else if (document.layers) {
" u9 g% R0 [4 A! A  F; m      xMax = window.innerWidth;
" |6 D! ~, I5 P3 k$ Q3 W      yMax = window.innerHeight;- d! b3 P+ E7 E- v# ~% D2 i. x
      contentWidth=document.supertext.document.width
3 Q/ c" ^. y4 {2 k      contentHeight=document.supertext.document.height& W+ I% [1 e$ s. s' Q7 ], f. U
      document.layers["supertext"].visibility = "show";' ~# Z; T' ?; m$ v$ E& \- }, C
      }
  @5 i, k; a2 k8 z- E7 c   setTimeout('moveBall()',400);9 \) F* b$ n1 |7 @7 e/ F& |$ ]" m
   if (hidetimer!='')
; m9 Y8 h1 b  L+ m4 w   setTimeout("hidetext()",hidetimer)2 P6 K" i! p7 D& L0 w+ h2 v
   }
! I8 R2 \  s* g2 c2 X5 b
' k8 v8 q" g( h4 M3 C% qfunction moveBall() {
. [) {7 l3 b& |" @0 v4 L   if (superballRunning == true) {, m$ W$ p( p. R, V; ~
      calculatePosition();
8 x  H: M0 Z2 f2 X8 r9 `      if (document.all) {
7 ^7 \2 r9 h4 r8 s         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- u, p& ]+ u) M; p! z         document.all("supertext").style.top = yPos + document.body.scrollTop;4 I5 i" s! {; @/ r7 n/ f+ r2 Q
         }) z0 p7 P% {1 V  D  r
      else if (document.layers) {% ^+ x3 K* n7 Y+ @+ j% P3 P
         document.layers["supertext"].left = xPos + pageXOffset;) n" \7 r& M" q; ~1 j; E
         document.layers["supertext"].top = yPos + pageYOffset;
/ P0 N! [6 s. m1 z* I" x         }; g+ F4 v5 a& S+ ?- w  n; g+ E
      animatetext=setTimeout('moveBall()',20);5 {# d0 B' H* s9 a/ Z
      }1 }3 I5 M1 e9 I2 _" y$ T
   }
! W" c  I# \/ r" ^2 @# @5 v2 ^) J% F0 i
function calculatePosition() {+ R+ O/ b& \+ l9 e
   if (xDir == "right") {- M1 I+ `% c6 e, m8 @
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 P4 E4 e+ q5 G7 A, s6 u' N
         xDir = "left";
2 s/ L. v' Q+ t* B: m0 w; i         }1 v5 z; k) J  ], d/ k; e8 l
      }
( R9 s) m. i% t# }   else if (xDir == "left") {; n3 ?2 i: ]5 ]9 [7 s) |7 G1 u
      if (xPos < (0 + BallSpeed)) {
' v+ P2 O" f1 m$ @' \$ n% w; A/ ?9 b         xDir = "right";0 {8 c6 `. L" c3 d! I: A
         }
. s4 V' V+ E) ~. C8 E2 @+ i0 k* x  H) c      }" {0 [; t6 n% b# q0 s& m5 E/ ^
   if (yDir == "down") {  }$ D5 v% m5 {
      if (yPos > (yMax - contentHeight - BallSpeed)) {& V+ `# F- N* o$ K/ q9 A. D
         yDir = "up";, Y; E) e3 \" b
         }
- O7 `/ ^7 A. j      }
7 [, V  ~* d) d" M' X   else if (yDir == "up") {
# ]0 n# f2 ~* ^, j" j      if (yPos < (0 + BallSpeed)) {
1 p3 O; Z* D/ N0 U         yDir = "down";
: k! @6 t' \( a, O' D         }5 @4 C& F0 x5 V5 }  k% E
      }/ [9 n+ K% Q3 _; Z% ]
   if (xDir == "right") {
. {! `" a. v0 i      xPos = xPos + BallSpeed;6 n% `7 D9 M9 i/ W$ Q
      }3 S/ T  p% g3 g" M; X  g  V
   else if (xDir == "left") {- I& O, o8 S  Y( k
      xPos = xPos - BallSpeed;
+ n3 F. u: F% h" x; I( ^      }
* q+ z+ f! T5 a4 F+ U   else {" @6 \! o3 V! M8 u% Q
      xPos = xPos;, _. {! `4 y/ ]" j3 ~9 N
      }
# L) Q0 K& p+ q6 H" I0 v& d   if (yDir == "down") {2 A. ^3 I: t0 d+ o. `2 _9 [
      yPos = yPos + BallSpeed;
5 Q. x( T) b  L      }
8 _* j- U' ^6 q% |   else if (yDir == "up") {
. t8 u+ v; n' K      yPos = yPos - BallSpeed;
* O2 R, v( p2 p. [. F. Y/ x3 V      }
6 y5 H( Q1 a8 ~" X   else {; a" B- c. c' s
      yPos = yPos;, g7 p# Q& @+ \+ F- r: s
      }; k9 t7 c& v3 W) N1 L4 {
   }; Q6 e$ o) ]& S' O( i# B) F4 T. o
+ p- l) E3 B2 S9 y; l, m9 s
function hidetext(){
( |' \; k8 P3 b: \* T3 S7 _& v, R; sif (document.all)
) \1 h4 n- g1 |) Y9 c6 u! m2 hsupertext.style.visibility="hidden". |  b( {. C% \# i4 W/ O& k
else if (document.layers)
; T9 o- l0 n7 X6 Z2 g" jdocument.supertext.visibility="hide"
; d' a- v- l* AclearTimeout(animatetext)
% \% ^1 e& |6 H2 A. {1 G}
+ Y/ p+ p4 j6 P% E
% f" y% P, _- e8 z4 `( jif (document.all||document.layers){: z0 P% F0 d% j# Z+ @6 O1 l, Q' B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ _2 |) |5 U- k5 |% twindow.onload = initializeBall;
8 Q1 V+ V' ~8 a3 F1 |$ r' S; M9 Nwindow.onresize = new Function("window.location.reload()");9 O) x- C$ t8 T9 I  E
}7 G& `! L6 ?5 ?1 f3 k: a
9 q% j( ~; H% H8 R% c
</script>