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

zw2004

<style type="text/css">
9 x: b7 {' F; N* M#supertext {+ ~$ r! |& u( F& u
position:absolute;1 W% J* x% Q$ m1 g0 h/ K* N( Y( N
left:0;1 k# n( d" J' R
top:0;  z/ e, W* e* G0 {. \
visibility:hide;
/ C6 g# T$ L0 t6 B1 Vvisibility:hidden;! w! ?2 T5 f: J- z
}
  z9 E. |" o) I4 G0 ?</style>
3 N" B/ \9 W# Y% {5 @" k<script language="JavaScript1.2">+ _4 X+ Y) Q$ y8 s' u9 |
<!-- 改变下的字体的大小。颜色-->; M7 C& c1 q8 T7 }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" m6 a  y0 c4 N* |var hidetimer='';
6 v* R; m5 P/ B6 p  Q4 A0 J<!-- 改变下的弹跳速度-->* j7 H  f: i- m& l
var BallSpeed = 20;* I& `9 i5 [. g
var contentWidth;
/ b: A! C, V5 D3 k/ K, avar contentHeight;
# H3 j" k% a% w: T4 k4 ]" d' z- lvar maxBallSpeed = 50;
  T" Z, }/ r/ k  k' s3 V! X
4 U7 d2 L; _) ~" O+ n  G! m
/ p$ r& A4 v! R7 W  L; p0 wvar xMax;
" I, g. j1 t7 Z; _% Y* O- zvar yMax;
! H  t; A- f# p7 e" Mvar xPos = 0;2 O  T. ^8 S9 i5 r3 |
var yPos = 0;: D" ?  z' J" N' n
var xDir = 'right';1 J) B) y$ P) K/ @# b) _
var yDir = 'down';
7 j- j! L+ J% W6 a0 j8 @var superballRunning = true;; w6 b2 F' i3 B7 _+ r
var tempBallSpeed;
. v7 y: D1 z5 Y* Nvar currentBallSrc;& V- y* x5 ^, z, J) c/ U  ]
var newXDir;
/ E2 T$ _' J; |, Gvar newYDir;/ E7 W4 e. H/ L! z- b

( F( U) v/ c8 X- nfunction initializeBall() {
; ?5 z0 m& P( _% y   if (document.all) {7 D( P6 t7 R! ]$ o) d, m
      xMax = document.body.clientWidth/ f: z) @2 B8 X. s7 h
      yMax = document.body.clientHeight
" n: O7 G" p6 h6 a  Y  X; f      document.all("supertext").style.visibility = "visible";
, G8 q; e! i! w' q5 {      contentWidth=supertext.offsetWidth
  [9 ]! x( \" j      contentHeight=supertext.offsetHeight  s2 {: v% A+ p: w
      }2 p8 V- M( P3 |$ C+ y
   else if (document.layers) {
% [+ Y8 w) F4 ^0 Y9 p3 C3 p7 d      xMax = window.innerWidth;4 r8 D' ~" o3 O" \
      yMax = window.innerHeight;
8 T, M9 y0 w; p# Z; ~0 U      contentWidth=document.supertext.document.width2 u7 Q: N1 g; }) x# z1 Z- a
      contentHeight=document.supertext.document.height
& L/ t. Q% h' B" c      document.layers["supertext"].visibility = "show";$ O6 w& }2 V$ y" R/ U% E  B
      }
2 B) p; E& Z4 T/ J4 y   setTimeout('moveBall()',400);& i+ G( ~: ]4 L  a! a
   if (hidetimer!='')! D! O: r# ~* ^
   setTimeout("hidetext()",hidetimer)
+ K& `/ x1 j9 C/ g& L   }1 e. s% ^/ L1 }$ A1 o
5 b6 c; a8 t: z& b
function moveBall() {
, a, b* \* z9 o   if (superballRunning == true) {8 @1 r$ K% x" f' n! p$ Z
      calculatePosition();% m6 c/ g. b+ J) n3 T. s9 R
      if (document.all) {' O% x: F8 S! X, x7 q. e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ @7 R2 s$ ?2 U2 H% r. _# L' S& k         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ b  w( A6 H* L, k         }
: Q  N" N. \: Q5 c6 Y1 g      else if (document.layers) {
( S4 i# `3 i+ w: n( S         document.layers["supertext"].left = xPos + pageXOffset;( l2 k- V4 d/ B
         document.layers["supertext"].top = yPos + pageYOffset;7 P2 ?, F: @( B) R% l* W. H
         }
/ {' ^' d7 h3 b0 g" N4 o# ]; K, Q      animatetext=setTimeout('moveBall()',20);" z" ], p) w5 M( s2 j! Z
      }% ~  c# O" H9 z; ~  o9 h
   }$ p0 r4 J3 U  |  G  L- ~2 {1 T

$ b$ P. @6 D- E4 sfunction calculatePosition() {
! r4 n1 G1 P2 b$ q- s   if (xDir == "right") {9 [/ a8 h+ q) D5 D: M8 v* @
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 ]" r. b1 g+ C  }3 q
         xDir = "left";# z! m. I! y5 t* @+ z. G% i
         }7 d+ e+ O0 l# j5 s5 h
      }
$ Z1 C. V9 h2 ]* r  I! I   else if (xDir == "left") {
- |0 }0 A6 d7 W6 d7 ?" w( T$ O      if (xPos < (0 + BallSpeed)) {
8 N3 U7 B- o2 X3 `% @$ V2 l         xDir = "right";) O' z1 _- M! `% T& _
         }& |9 E$ O* _5 N  N
      }4 d( G: ^! W0 R& Q. \# S1 v
   if (yDir == "down") {
! {2 C1 l* ]2 L9 U" @      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 ?  b5 `5 A! K; o& V, O         yDir = "up";
  ?* Y$ y, ~  A! G+ V3 B& d         }- u& j$ ^0 i8 w, o$ ]* c
      }' k/ i/ R1 J" L9 E* G. }
   else if (yDir == "up") {4 N$ A( [3 u6 ?( ~0 Z! w
      if (yPos < (0 + BallSpeed)) {
! h2 N. U. P) B" `0 x7 C         yDir = "down";
! ?7 m' o7 a) o9 b         }$ m+ F5 T. f; l2 J- I: ^% L2 t: q( D
      }# J) q8 t- }" A0 x% m% n9 _
   if (xDir == "right") {( B7 D, {7 [7 X1 I, M: E6 Q0 G1 Q4 c
      xPos = xPos + BallSpeed;
9 m2 U- S% P0 P  I! M: H      }) z6 ~' b$ o6 B2 Y1 Q4 B
   else if (xDir == "left") {
7 t/ `+ y$ R( K6 e      xPos = xPos - BallSpeed;
2 c+ U" b4 c$ X  F0 g) ^7 C      }7 [1 a; g/ q8 t6 N$ C* b# @
   else {
2 |" p: I0 O: Q: J      xPos = xPos;
# m; R3 ]3 S- x      }
; P" E/ I5 }4 `   if (yDir == "down") {
0 W2 d3 m3 n) Y) N      yPos = yPos + BallSpeed;0 g- [0 H+ W" _- x
      }
% y. d7 w6 |# ?% I( ?$ U   else if (yDir == "up") {
- j  V' U& V, e  k/ a2 V      yPos = yPos - BallSpeed;
5 C: l8 N! k; I) i      }# `- X1 Z1 u4 E* F
   else {% |+ d5 F6 w' m5 H7 H9 W
      yPos = yPos;% A- @, Q. f! s* @6 S) {- G
      }
( b: u. r% m* v% r   }" `6 y, V- W2 H# L) b  A% n
$ t" z- e# D; O; Z  i' B. n! s
function hidetext(){
# {( ?) {7 i% e; \: ~4 Dif (document.all)
1 K5 f, Z9 S) a* ^- ^) hsupertext.style.visibility="hidden"
: s! O' l' Q7 f/ M4 Nelse if (document.layers)
  O2 F3 a! {- _1 fdocument.supertext.visibility="hide"& O* u! E3 L( s9 t( |& N1 b
clearTimeout(animatetext)
# o( i* \$ @( }2 i7 b0 b}. a' U( r% ^0 @  N
4 Q  W! X* h7 Z. t# v" i
if (document.all||document.layers){
, j1 w7 f8 `+ x9 W5 n9 Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" Z% [. B1 h$ u# M
window.onload = initializeBall;
: z. X" s; P5 Dwindow.onresize = new Function("window.location.reload()");
/ X$ P  z+ b  g  I- j* x; ~' E2 A}3 f' _9 l8 E8 x: l
  z1 s% r, t  i* W; N( S! [
</script>