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

zw2004

<style type="text/css">+ N, a& K" y7 [) D4 C
#supertext {8 h; s7 c1 n, |. l
position:absolute;$ I& a, J) Z  U& b" g
left:0;% D& d, i2 T" Q- @
top:0;
. n* q+ ~4 p8 jvisibility:hide;
" L( r! ~2 f$ ?9 n' W! w# qvisibility:hidden;* w7 z$ i8 X/ {  W. j2 B" f
}
" o/ f/ [: U* g1 D/ U$ Z% R" ?</style>7 c  N9 j2 v- s& Y5 X+ D( u) T* e
<script language="JavaScript1.2">
. z2 V1 E2 w% T# |2 ^<!-- 改变下的字体的大小。颜色-->
& P, f4 Q% O( N5 l/ L  wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ f; }' H: Y4 r! x; W5 Rvar hidetimer='';+ J8 e$ B7 [' _4 L# E1 I7 q! g
<!-- 改变下的弹跳速度-->6 [5 _3 a5 Y" \& t! D6 O  J
var BallSpeed = 20;
! ~, [+ G7 v. K  K9 w' Tvar contentWidth;
$ O+ i( |0 e0 q& @3 E/ k. r8 p- Nvar contentHeight;
, F  S' k, @2 xvar maxBallSpeed = 50;' J7 T8 u* L4 X' j2 j' `4 {
. ?% a$ _8 F# ^; z. O

$ ?; t- Y+ O( A' Ivar xMax;4 m3 W  ~' n+ w8 P2 S
var yMax;
9 o6 x2 t4 h# j, j6 xvar xPos = 0;
' w3 D+ }" Y1 H1 tvar yPos = 0;3 m9 ?9 B6 v8 ^. }
var xDir = 'right';2 W2 z5 U! i' ?
var yDir = 'down';: k- [; v# @. T) X1 G
var superballRunning = true;
5 \7 r, ~$ `  ~5 {- E/ Bvar tempBallSpeed;: L9 Q8 A. k8 r6 U
var currentBallSrc;& j/ |! t( q( @3 {9 G$ c. S. W% _
var newXDir;
3 {. u: i* f7 v' z9 ]var newYDir;( @# h0 G' t* l" P' T
# }! O/ A9 s3 w0 x# V& ~% H5 Q
function initializeBall() {
  |) V7 b4 {2 P% F   if (document.all) {
2 i" t. _) D1 y8 `      xMax = document.body.clientWidth
, A! G  O/ ~. T# y6 H. y      yMax = document.body.clientHeight9 L  R3 C2 q7 F( \9 a
      document.all("supertext").style.visibility = "visible";
# M/ U; a2 ~9 Z2 _( j1 Y8 U      contentWidth=supertext.offsetWidth
$ m1 `9 r+ S* H% k9 j) Y4 ]& T      contentHeight=supertext.offsetHeight
3 x2 ^; j( K9 U* P) k4 |3 o      }
3 a; r# L0 F6 k, E/ C7 {* G   else if (document.layers) {! r; x: u  ]" I+ d" B1 u
      xMax = window.innerWidth;6 [. p) R. I3 g! N
      yMax = window.innerHeight;
5 ^1 w, [* @" A* [0 Z      contentWidth=document.supertext.document.width' h/ Z5 K, ?5 K7 U# N5 d
      contentHeight=document.supertext.document.height$ ?9 o2 j1 a) K
      document.layers["supertext"].visibility = "show";
, u. j% z1 C7 A1 ], w. X1 N      }4 L9 E  g, \0 {
   setTimeout('moveBall()',400);
( y. i0 Q& j# }) j   if (hidetimer!='')- G5 {4 m5 Y& X4 {
   setTimeout("hidetext()",hidetimer)
' s: a+ h" s5 C, X- h5 q8 ?, T3 n4 ~   }/ d7 l: E* ^( y. f8 Q9 z5 k

% \  Y- e7 {: j* ^  M" zfunction moveBall() {
! l7 ?) O0 ^  }, N6 c   if (superballRunning == true) {
, w0 s! @# P2 ~& C7 u" b5 i      calculatePosition();+ k! d8 ?4 p& v0 I- f9 A% A2 M
      if (document.all) {
% }% C1 w# N0 z( v9 V" @         document.all("supertext").style.left = xPos + document.body.scrollLeft;( o+ @0 W8 j  d! t( N
         document.all("supertext").style.top = yPos + document.body.scrollTop;" R/ b$ ]# Q) ~3 ?
         }
8 H6 K/ z/ u- B! s& c2 ^      else if (document.layers) {4 P- x) Y+ n  h- K
         document.layers["supertext"].left = xPos + pageXOffset;) S) E9 O# S" _! m/ ^+ s. Q7 ?. [
         document.layers["supertext"].top = yPos + pageYOffset;5 b' I- l1 z8 M$ |5 x% S  |5 W
         }
$ H# k5 z9 A# K0 _/ l      animatetext=setTimeout('moveBall()',20);3 l! \& g2 B. z$ U/ b/ D
      }
6 u  z! J) k+ g" t( }   }3 ^0 `2 z  j# F3 E2 ~

1 y4 y4 N7 ?; C: s: Wfunction calculatePosition() {
! A4 ~. E$ C  y/ X! ?" c1 e   if (xDir == "right") {
4 V3 z3 J' {) h3 F$ {/ X, [      if (xPos > (xMax - contentWidth - BallSpeed)) {
; }7 D2 o$ C( H0 i5 i7 W; c         xDir = "left";
9 ~, U0 {* p* M5 r! C         }
; k! d% w6 R' y+ @3 H5 U# m$ t      }; E% T% o, X; |
   else if (xDir == "left") {+ F+ u8 K) Q* ~! a
      if (xPos < (0 + BallSpeed)) {8 G- L; `: V1 X# G
         xDir = "right";- h7 t) q8 q# O
         }
$ t0 ~6 W. K0 f& X      }$ |4 e3 o* W$ _& H
   if (yDir == "down") {) a- g. f+ B; v$ E" T5 u7 L
      if (yPos > (yMax - contentHeight - BallSpeed)) {6 G( U$ T$ a2 y8 o% H1 C
         yDir = "up";# n4 O3 p( B/ t; T2 x7 q5 V
         }
# K7 g$ z* l7 S# ~( S! t" P* V      }
8 |9 B  g6 v: K# \$ y( v   else if (yDir == "up") {
2 y1 `4 c. a4 A+ c4 T5 g      if (yPos < (0 + BallSpeed)) {
, k7 J4 v2 f5 J( g. J         yDir = "down";
# O* a7 ]# A; b+ z) ^  D, x# g         }* b. Q5 y0 w9 v; R' k* T
      }# U" l0 l% o" I' z2 n% D# b; Z
   if (xDir == "right") {
9 m. f; d  m# ?2 y- H5 |- a, N      xPos = xPos + BallSpeed;
8 @7 k1 M/ }. J7 w& f4 L2 R! p      }
5 r' P' |+ q! X" o* s   else if (xDir == "left") {
; a) V. i2 N- ~0 I, ?9 e5 _      xPos = xPos - BallSpeed;7 k7 w7 E: p, v9 c4 s: H8 f8 H2 E
      }  }- {' O# B0 d8 q3 u! J, v! }
   else {
' v# O( U7 V- g% U5 e6 S( `5 n      xPos = xPos;% y7 Z+ x. K) q: G2 B
      }) ~+ ]7 D% r  C: R
   if (yDir == "down") {
' Z6 J& Y7 t8 X+ d2 k      yPos = yPos + BallSpeed;
1 F' U( r3 f; n0 w      }" m. I; S) @- D
   else if (yDir == "up") {( h& @8 `/ h7 k( G/ k# j, z9 M/ H
      yPos = yPos - BallSpeed;* S  q9 E9 R. C8 s1 K: y& E' Q# }
      }0 [$ s, h( U& U; d' d. Y* K% ?
   else {4 A/ o. g+ a4 I+ G- _$ J  F
      yPos = yPos;% {( R- O: b3 I9 W& ]
      }
& o% c: z3 w' Q9 K; |1 U- y% G   }* _/ N  G, p! m! I6 [

8 w. |, }6 ]8 |function hidetext(){' V' B1 m$ N/ J5 I; X) q( @( Y" }
if (document.all)" H# j, X: I# G. |
supertext.style.visibility="hidden"
% P+ r8 [( J! |else if (document.layers)$ M& P  K2 P( t4 x- l/ c
document.supertext.visibility="hide"* C' P6 v5 `4 m+ C4 o# V  N. f3 R
clearTimeout(animatetext)
9 M" k% H7 G  }$ {% c1 h}
7 ^9 L2 q# l2 A# @, i2 W5 W; W3 J- t( n) J$ ^% W
if (document.all||document.layers){
  F: z5 @% T- L8 Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' m9 ^1 _) n: H. u+ ]8 j- s
window.onload = initializeBall;  |5 }! Q. R* u! M% U
window.onresize = new Function("window.location.reload()");+ ?  w6 U* [: n
}4 s* `7 b( |& [2 \- S! C# i+ {
& M$ @; p* z9 L) Q) @; e, O
</script>