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

zw2004

<style type="text/css">- l7 F6 X2 N  R
#supertext {# s' {4 O# f% C% ]8 f+ E0 z: H* P
position:absolute;
- {! W! T3 ?0 m5 |left:0;
) _! o" ^, B$ R7 q- k1 ptop:0;
. N, A: M/ w7 F( t& l  K' b9 a1 Lvisibility:hide;
+ ?1 A# ^+ K6 I& l9 H1 ?$ kvisibility:hidden;" S3 G* A  ^8 U' H5 n0 ]
}0 A6 M* w+ Q% R2 q8 @6 {. V
</style>
2 {9 h, Z, [6 G/ O+ @6 _7 d<script language="JavaScript1.2">
# {, S& r  C0 |: B4 }<!-- 改变下的字体的大小。颜色-->' e+ V( a  d* n! K' ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 n$ z7 I! K' A& q+ v, g% t6 r/ p
var hidetimer='';
! F. t, C' t: E4 A3 F( A+ c<!-- 改变下的弹跳速度-->
8 K! j4 e' b7 ?6 M$ ]6 Xvar BallSpeed = 20;* x  R4 \' a' g. d" K5 k
var contentWidth;
, |2 B- F" u! ]  \% lvar contentHeight;
$ r6 L: A+ J+ ?. W& _' b" Y+ fvar maxBallSpeed = 50;
; V3 J% z  Z7 R. f
. s$ x" i+ s) t$ \6 d
0 B# c; z) m. c9 g- D; ?9 b+ q/ Mvar xMax;
6 V7 A( ]) A. B9 `var yMax;/ U, {5 }5 k1 Z0 |7 `' v- T) g) M
var xPos = 0;) h) i) N: i/ L$ H0 D- I  z2 z
var yPos = 0;  r- e7 h% Q+ K& B" V7 O
var xDir = 'right';
! q8 k' b( k. D0 J( x- a, Wvar yDir = 'down';2 z, g2 I7 N1 B0 Y- s
var superballRunning = true;
: h# Q+ [6 N: \; H% Jvar tempBallSpeed;
8 O3 L$ K* y. O# f' e+ s) Xvar currentBallSrc;! b& N* {6 {/ N9 k1 b5 ~7 }
var newXDir;1 J# ?$ _/ R& i' C
var newYDir;# ~% x9 Y& q$ k! C& [
& n0 @# C- K% l8 J1 g
function initializeBall() {
) O1 x+ A/ X) H- l   if (document.all) {) H/ I1 W( o4 v% L  R+ y
      xMax = document.body.clientWidth
0 Q8 E9 r, x/ S7 Z& Q1 \; ?      yMax = document.body.clientHeight
# F3 D( ?  H4 r5 l! e$ G/ V      document.all("supertext").style.visibility = "visible";
8 N2 H  B& \! `/ E/ f      contentWidth=supertext.offsetWidth
# f7 Z9 X" ^5 d      contentHeight=supertext.offsetHeight
, }. C: i7 v; r      }+ M+ ^1 x- @3 T  r. d: u
   else if (document.layers) {" l# p5 ]9 O9 V
      xMax = window.innerWidth;8 y6 l& N  M% q. |- o# c9 w
      yMax = window.innerHeight;) s1 t6 n8 C2 }! G' k2 f9 x
      contentWidth=document.supertext.document.width
# r+ h/ ~8 L4 \* f" W! e      contentHeight=document.supertext.document.height
, {! m2 V' @/ X$ N$ u# D      document.layers["supertext"].visibility = "show";
" y; z+ E& T* U% j6 a      }4 B  d* n4 _) v+ f3 N
   setTimeout('moveBall()',400);
( S4 P3 o, X; z4 k) ?& }8 G2 z- g  t   if (hidetimer!='')
' c% D7 N  s& l   setTimeout("hidetext()",hidetimer)3 B+ @. y) u8 r! e! v8 A$ m
   }
. ]7 m1 J* q1 y7 b0 [# H# ~# N: |& v2 m! M  r# d
function moveBall() {' \5 f) T0 O! D: V# K/ n0 A# J
   if (superballRunning == true) {. ^: S0 E+ ]+ c& O
      calculatePosition();8 g8 n& M- _$ c6 r- o1 V
      if (document.all) {9 L/ _$ N2 h% e) W
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. c2 N6 V/ k; Y/ s3 Y& c$ Z0 X
         document.all("supertext").style.top = yPos + document.body.scrollTop;
. V! b0 T8 Q8 \. \         }
" q* a) g3 W  {      else if (document.layers) {
0 g9 w9 v$ s' |0 b         document.layers["supertext"].left = xPos + pageXOffset;/ h4 g! s# X" X6 u/ x( a
         document.layers["supertext"].top = yPos + pageYOffset;
% [) r4 Z0 t" C         }
1 z1 Q2 R9 P' B      animatetext=setTimeout('moveBall()',20);
( {( Q. D! [6 V0 z      }
/ s/ c0 J) X! r# R" ]# }   }
7 S: c: |$ c, H4 U: z+ ]' k2 l6 Z% ~" P
function calculatePosition() {
4 q. C" S, Z2 E' E; `; Z   if (xDir == "right") {' K9 V6 P' N- i& ~* I
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# |8 b9 j* t8 t8 n  _+ {% @         xDir = "left";; W- K/ A0 K' ?9 m8 k! X0 R
         }; D4 B( r' ]5 f/ Q2 `9 f
      }
) d2 f% V' i. C   else if (xDir == "left") {0 `$ D. x/ f$ y2 ]# t/ `) q' [
      if (xPos < (0 + BallSpeed)) {
8 T0 @1 n! L1 [/ V         xDir = "right";2 ]3 c: |' }) I7 r2 ~% y, {- D  ~+ |
         }
' \6 }/ r5 P7 Z      }4 C/ V8 M4 w* |/ q
   if (yDir == "down") {- s  @1 p6 }* H4 _
      if (yPos > (yMax - contentHeight - BallSpeed)) {3 ^* N0 j( ~" x0 g4 G
         yDir = "up";2 y" l- K  y: b, B
         }3 D5 {( Y/ y3 p" W, Z& y
      }
  r8 i8 r/ o' ]5 R( D   else if (yDir == "up") {4 G/ r& i6 n5 J" P; l7 U
      if (yPos < (0 + BallSpeed)) {
- n! K3 @# U9 O         yDir = "down";
: s- S' m3 ?  G6 X' R         }
3 H. D6 h' a& \& Z      }$ r# z- o) Q3 H5 j6 c3 X
   if (xDir == "right") {. T0 U! G0 \3 a; c
      xPos = xPos + BallSpeed;* z" B  x/ [; @& \. [
      }  z% p# B/ `% I6 w. p
   else if (xDir == "left") {, C2 M- Y: F5 x0 `" \( H
      xPos = xPos - BallSpeed;
+ w; J/ t+ T! k. f1 J. h      }3 X; g3 i$ O  w
   else {
1 X2 L0 G" p2 G/ C3 @      xPos = xPos;; z. z! H3 _% O1 J8 W& B6 Y" j
      }
4 s2 p3 E, d/ V   if (yDir == "down") {
* d: A) u" Y" _. L0 }+ B, y) a      yPos = yPos + BallSpeed;; s! V, D& k( I7 @& L
      }3 m: l, j0 J1 H; ]1 O
   else if (yDir == "up") {
  S, [& y6 r  g      yPos = yPos - BallSpeed;
5 t7 Y& t3 i( M' f6 m      }
$ j2 x4 w6 j9 ]. p9 M; S5 J  f7 t5 h   else {6 ~4 P6 q8 z1 y' u7 R0 Y7 H8 K8 c
      yPos = yPos;
# h; F/ _( }4 P/ {+ V      }
6 s) [; d& _* ~# C4 @7 P9 n0 D   }
  _: Q& F; ^& @, O+ T, W1 f; J6 C. _! Q! l! h
function hidetext(){# g$ `( ^3 g3 k. @0 o
if (document.all)- a- \  n- D6 [  [
supertext.style.visibility="hidden"
/ @. f, y. T5 d4 q8 |else if (document.layers); @. I, x4 t. V8 ^7 l* K4 \
document.supertext.visibility="hide"" N/ E8 m8 {" ~: ^0 c" {
clearTimeout(animatetext)2 c. _0 ~- ^- H9 [
}& C/ ^- h0 N3 B) W0 Y8 W+ M

. L8 ~0 C( R- B9 h6 Q2 z. h5 {if (document.all||document.layers){/ `8 ?/ a+ ~& J* j7 e3 I6 N
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  O6 _" L: D! M+ Q; `
window.onload = initializeBall;
0 q2 Q; i! p% Bwindow.onresize = new Function("window.location.reload()");
4 O( B# H( B" R}
6 V4 f( o. U5 M0 \4 v! x3 h% ]5 k
1 K) z" w3 K9 z1 g; `0 z9 ^</script>