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

zw2004

<style type="text/css">
. Q/ J, \! F+ f6 w#supertext {; ~8 y* |+ c1 A6 S' D* A
position:absolute;8 ?0 Y) g  C! u: f* }) u* \
left:0;
1 E! y* @: [; k4 Ptop:0;
# g; q( }% K, ^  r, a, M0 Rvisibility:hide;
: [! D( V2 |1 s- b! V/ hvisibility:hidden;2 o1 I3 K0 W# R
}8 R" e9 [- r7 N7 ]3 Y
</style>
% [: R* A; {# @* k5 l<script language="JavaScript1.2">. r3 K' @1 b- u! q4 A! k9 ?4 s6 y
<!-- 改变下的字体的大小。颜色-->
* U6 u+ ]; s8 ]. \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  K. {2 C) V6 V8 F
var hidetimer='';
, L6 y1 {# g2 H6 k# p% h( B0 M<!-- 改变下的弹跳速度-->! Z& }3 ]4 S: ^- ?, Y7 X$ M" M
var BallSpeed = 20;
7 w& ^' A. F) A+ d) Qvar contentWidth;
* F8 w9 \  M# G) `var contentHeight;0 S# y% W8 c7 Q0 m3 w
var maxBallSpeed = 50;
% r" ?. S3 {4 o& |  e4 D) N- v9 J) k) R) E
, l0 B+ T6 k1 j  s0 ]
var xMax;
# Y& ?" @  w5 \) Evar yMax;$ S8 b  C% B1 m- X3 J
var xPos = 0;
$ l& n) w) R% E: o" O9 @. Vvar yPos = 0;* w7 i6 o) R/ [5 X: n
var xDir = 'right';
1 T/ m# E5 p# d9 ~  ?' pvar yDir = 'down';4 p/ x, a2 D5 Y  Y, Z: I
var superballRunning = true;
0 A3 q/ W/ y; v8 X" _4 svar tempBallSpeed;2 k0 I$ \( h* V4 R; O$ ^, I. T  p' r& h1 x
var currentBallSrc;6 i) D0 P' k5 g
var newXDir;* T, |. b3 G; H2 x
var newYDir;
7 e0 w" y) V% w+ P  u' o. q+ J- Q, w7 j* Q) F8 K0 [
function initializeBall() {. i7 O  H/ B: H' e
   if (document.all) {! F3 |6 }  K7 D( F' B# R
      xMax = document.body.clientWidth4 L# `6 B- g4 \6 B$ Y7 Z* B. L6 t2 [
      yMax = document.body.clientHeight
# x9 P6 u3 ~4 W( e) _9 k4 O      document.all("supertext").style.visibility = "visible";8 U- k; r9 \# C* l7 g
      contentWidth=supertext.offsetWidth- Y. j) T9 J5 d; I) B# S
      contentHeight=supertext.offsetHeight' ]% H; G0 O* {. X
      }
' R) o* s5 y$ F   else if (document.layers) {' [6 Y. U, l0 O" P$ S
      xMax = window.innerWidth;
( c% r4 c) o( }; Q7 O      yMax = window.innerHeight;" T$ [  s5 B" [* g
      contentWidth=document.supertext.document.width  \# S% W/ n6 ]' ]& Q- U
      contentHeight=document.supertext.document.height" Y" `; ?9 o' B3 w$ g' E: T
      document.layers["supertext"].visibility = "show";' f$ J8 U  E. W
      }
# ~* K" P9 f8 Z' E* c   setTimeout('moveBall()',400);/ L9 n6 n6 C, d& A# C
   if (hidetimer!='')5 M$ a. z* S0 z8 E7 f, F1 _
   setTimeout("hidetext()",hidetimer)
  W% l7 r: R; `2 B) A. U- A   }
6 M1 K  H( K, b# A  l( \! Y4 M5 |$ k: g0 D+ H$ b5 b3 g
function moveBall() {
! h' S/ J' [! a. q  I& w8 r3 {$ N: w   if (superballRunning == true) {9 R) K- Y. u. i  P
      calculatePosition();  E& B! o' g# Z0 v4 s
      if (document.all) {
9 L6 @- Y1 N6 \7 h$ F$ O* W" w         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. {/ W9 G* ~7 Y# ?, _" b0 K         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 b3 Y" P8 b3 c4 u$ c3 G         }" @5 @2 ^6 K* Q! Z% i$ I4 l5 K
      else if (document.layers) {
+ G6 c$ H& ~5 A6 C: s! ~         document.layers["supertext"].left = xPos + pageXOffset;9 {. o: c. i, [1 M& ~- X7 v! |
         document.layers["supertext"].top = yPos + pageYOffset;+ Z' {2 _0 R) U: s  `! G& F" Q* J
         }
# C" j" _+ V  t) a4 t" G      animatetext=setTimeout('moveBall()',20);5 T' F! g' _  R! f# X) _
      }7 A* e& I8 r; [' f. }$ ?! y4 g- U  J
   }
: @$ u' A/ M! f% |' E( P& r! @4 O. I& X8 I
function calculatePosition() {: i/ {2 v# X  f2 S
   if (xDir == "right") {7 E2 `) f1 r  V3 \( A$ J# O1 O1 K
      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 l2 m  G% W* ?( z) t         xDir = "left";
2 {5 N3 _; _9 s8 x         }5 }/ E! O) f( D; V" I& J
      }8 p4 B! K" P" y' S9 L
   else if (xDir == "left") {8 v: |- S9 i# ?5 s0 G8 c7 A
      if (xPos < (0 + BallSpeed)) {
! r5 Q# ^( m- |7 z) p# T4 Y         xDir = "right";
# s1 h1 ]7 h) {' ]         }
+ Z1 t. A% Y$ d& P, J" k      }
" T0 g3 Q8 A/ b8 w* O& k+ Z  \! F( t! F9 y   if (yDir == "down") {
0 D# S7 y9 L1 V      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 Y: a6 }. R( X* x# M( E; T/ x         yDir = "up";
1 A# ?7 \7 d* ^- z' I8 v3 ^         }
! |( x- G3 m. D; D* ]      }+ Q0 B  q7 }5 Z  _; I1 g+ `
   else if (yDir == "up") {
1 o2 @' n. R" s( J3 @0 v      if (yPos < (0 + BallSpeed)) {8 \1 y# J4 b* H; k0 p
         yDir = "down";
! `& I! C/ P/ v         }
1 S% x" R6 @% U* e* s3 ]. H- Y      }7 R, A2 P' n3 M  m& `
   if (xDir == "right") {
( {, d0 ~, q2 }7 |' @( p* r# ^8 y1 }  b      xPos = xPos + BallSpeed;
: R# j" \$ T$ A4 ^4 a7 f) i8 N      }. I" j! m: N: H5 m5 C6 v9 X* {* y2 V, Q
   else if (xDir == "left") {
# i$ D( }7 Y/ Z      xPos = xPos - BallSpeed;, V/ O( n' a2 p1 {: }7 e) J
      }
: G: }$ p  o8 `3 L8 j5 ]   else {8 I  N. v7 \# b3 p: Q0 F+ {
      xPos = xPos;# F7 X# _4 ~* a/ g9 f2 n
      }
; i# m" s9 M/ E( `9 T" T9 y   if (yDir == "down") {& e8 M  ~, B3 A# V; i$ K: g- r
      yPos = yPos + BallSpeed;2 S3 d8 o* M  {& `9 T9 i* U1 I0 d8 g+ }
      }8 \+ `3 Q! q+ u6 E6 Z
   else if (yDir == "up") {
1 m4 R: k4 E- Z1 O; I* v      yPos = yPos - BallSpeed;" S% I' c, k) P  m" y+ \9 l
      }
$ ~, D. q' A3 B" A) ~   else {% I1 ?/ o1 L4 G/ U4 |) |
      yPos = yPos;/ X5 {( S+ \' |
      }
& G6 K4 p& I2 L8 \   }. t0 `; O# l0 V! F! f4 l

- T- f- [: q  i$ ]function hidetext(){
4 G6 b; M* ~6 ?& `if (document.all)/ M& {! L- t! n! C
supertext.style.visibility="hidden"9 |" m( a" G7 P" Z" r: c! I
else if (document.layers)
: a0 y! F( }3 o" M! P. r7 D4 a& q( Hdocument.supertext.visibility="hide"( y7 U2 V; q: X
clearTimeout(animatetext)
" m' f6 U  e* M6 A; @5 L& {}6 h# u" q+ D  H! c0 T' ]8 Z( L
* t0 o) D# N% C8 L
if (document.all||document.layers){( i( w. Z3 L8 @: q4 L! ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 T* C$ Z' E  F: Ywindow.onload = initializeBall;
4 V8 r9 n; F+ [) T$ Swindow.onresize = new Function("window.location.reload()");" z) ?2 y2 W: l3 Q0 _
}  _! Z. Y( k' ^9 v8 D' b5 D6 d

- ]) B; s8 c+ y8 [) Z, t</script>