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

zw2004

<style type="text/css">: z0 J3 ^1 X; v5 q( u
#supertext {- F5 }8 ?4 i# m% m" ?/ T0 U
position:absolute;
: i: g/ {1 {3 q) T& G, `$ sleft:0;
, z7 z) K% v! M5 W- Gtop:0;
' H% k" Z( n0 C. [( w! ^2 Hvisibility:hide;
5 T. E5 ~0 s& l* {5 wvisibility:hidden;
3 k3 o3 j" G2 N& r}3 z8 Y& J$ Y% i9 A, ^
</style>6 {% I7 A+ }% h* {  [( `4 n
<script language="JavaScript1.2">5 ]/ Z6 n; f) m* I
<!-- 改变下的字体的大小。颜色-->- P* r0 B" e* m2 P9 D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 \8 l8 ~% X! ?. Evar hidetimer='';0 D+ m" r9 t* `/ q. A
<!-- 改变下的弹跳速度-->
7 w4 _; g8 {. n1 z; E! T" S" [* Fvar BallSpeed = 20;' X5 Y8 g4 F4 a8 M& D
var contentWidth;& Q! _( I# e+ P( J' b: U) u7 l
var contentHeight;( l) V6 @+ L- y; ^9 G/ @/ l3 J5 q
var maxBallSpeed = 50;
4 y2 p+ {/ O3 j& L# {2 o, }& q% ~- L: l6 K) b0 d2 Z" ^, x

* j6 Y9 l+ ]7 P; }var xMax;+ Z3 @; F. U* ]0 K5 G( U* G
var yMax;2 G/ P3 b2 s, @
var xPos = 0;/ H+ R7 Q3 K) ?9 p( q3 ^: N
var yPos = 0;
/ F, B- a- \4 ?; h6 G+ _var xDir = 'right';
7 w" M& I2 K6 ]& C5 avar yDir = 'down';
: E+ y8 Y: Y5 X) z3 Qvar superballRunning = true;+ P$ F9 I% }: T4 s' _; O% p! U7 B5 g
var tempBallSpeed;
6 h4 A6 D0 N3 h# S# \$ D; |5 Avar currentBallSrc;6 ?$ R- e9 e! ^  y/ e
var newXDir;
" W/ w! P' a5 _var newYDir;2 r/ e3 A* O( X6 b$ B

/ U' R: n3 y+ m5 Q: B* V! efunction initializeBall() {
4 j6 w" B. k( j, }9 b   if (document.all) {  X: w) B0 _. u5 D! ?
      xMax = document.body.clientWidth5 i6 ^# \+ J" ~) m* B
      yMax = document.body.clientHeight
! }+ w. X8 J9 u! H* {7 ~$ _" b0 z      document.all("supertext").style.visibility = "visible";
/ o+ j. T8 _1 f+ ~      contentWidth=supertext.offsetWidth
$ u* T, a  B2 W( v; X      contentHeight=supertext.offsetHeight4 v8 @" r9 D( _0 i
      }( A$ y, L* v4 [- }* C
   else if (document.layers) {# R3 p/ h: f, z* c
      xMax = window.innerWidth;, ^3 t. ]6 d/ S( S4 ~, G! V
      yMax = window.innerHeight;- X" |0 H6 Q$ z- a  t+ B
      contentWidth=document.supertext.document.width: ~' @( k1 s# w, k2 C$ c
      contentHeight=document.supertext.document.height
" ]2 @7 n* ]) i+ K% N+ s      document.layers["supertext"].visibility = "show";
# G& u# v. Z3 E  q/ @' p- O! l      }
" K& ~! B' {! z/ |( r   setTimeout('moveBall()',400);
5 c# Q/ T$ @# Z! s, `% H# {   if (hidetimer!='')5 H! ~! Y  }, U6 D
   setTimeout("hidetext()",hidetimer); y  c8 `: b1 d+ S
   }
! T0 n  S; P" w) X' X' w2 S2 z  r+ ~0 r0 `& n
function moveBall() {: t. S$ T! b& i# D
   if (superballRunning == true) {* m" G4 O% w# }6 |5 ^$ C2 d
      calculatePosition();1 s$ l4 C% A, T& ~  y9 f+ n
      if (document.all) {
, g$ X1 z6 M* z         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 s7 s8 j; x: l$ ~
         document.all("supertext").style.top = yPos + document.body.scrollTop;  x% y3 ^. r# [  n. E
         }# f5 J- Z7 V+ V' h1 t3 i5 E
      else if (document.layers) {3 V: k9 J2 J- X6 g  L3 J
         document.layers["supertext"].left = xPos + pageXOffset;
) A- A# B2 J  A/ s         document.layers["supertext"].top = yPos + pageYOffset;
0 {2 X( p, j! q' P+ W         }
+ d, a& }  X3 J( V/ m      animatetext=setTimeout('moveBall()',20);
" I  }# G1 B+ K; r+ b+ ?4 N9 G, X5 |      }2 ~& ?) H( Y' ?' r6 e' @% }
   }, J4 V  I3 {" l7 `, t
) P7 }- w& a/ i: i7 @, v  T
function calculatePosition() {1 c) C: w! r7 p
   if (xDir == "right") {6 _( j* I* C6 S, X+ M9 S
      if (xPos > (xMax - contentWidth - BallSpeed)) {
. B$ z& V" r  Y1 t, E4 W2 n         xDir = "left";: m2 S" E3 G! A
         }
+ F" O+ x( I+ |' E: J4 x# Q9 K$ _9 w      }' ~& u) J# [7 M$ I5 m7 S
   else if (xDir == "left") {5 |) B0 E8 o8 H6 X7 N  b1 _8 T+ _
      if (xPos < (0 + BallSpeed)) {7 X! w9 @( k1 P4 H  k0 O4 S0 U# F3 o
         xDir = "right";
. j3 L) Y; D; f         }
/ A* r* M6 M2 \8 M, k  c. m      }9 q: R% M- p( I  B5 ]6 P
   if (yDir == "down") {/ W3 ~* Q1 |3 V5 w, e3 o8 I0 S
      if (yPos > (yMax - contentHeight - BallSpeed)) {
( p9 r# e7 c9 a  h* ^7 _5 i- z, `         yDir = "up";
7 [4 Y7 t8 c1 C# N         }
6 \8 c+ U) H4 K* ~$ U  m$ w      }
. N' B0 s5 A6 Q$ t: A$ ?  G1 j   else if (yDir == "up") {4 x: ~4 L" Z: _1 s2 B
      if (yPos < (0 + BallSpeed)) {5 F) p9 b, Y- D# g: K$ ]
         yDir = "down";7 q' ~/ h$ m: m
         }0 d5 ]* c; b. w6 C* H
      }- ^* _+ Z- r4 k# ~0 |" `
   if (xDir == "right") {
6 h6 ]4 g  e+ e( B. d3 |' k7 v      xPos = xPos + BallSpeed;/ ^# ~$ P$ R0 W6 d: Z
      }  q2 c& Y/ f6 J% s* |
   else if (xDir == "left") {- \$ |5 k# L, `$ @8 ~
      xPos = xPos - BallSpeed;$ p9 h- F2 ]* C5 F
      }3 x4 s  x, q6 B9 @% ?9 }, L
   else {
+ m$ k# x0 B5 S% [      xPos = xPos;
. X' q( x/ [( j      }
$ V, Z; {  R4 V  f. L   if (yDir == "down") {
5 V! t& x, @. y& z" R      yPos = yPos + BallSpeed;9 B: `  P( v/ f7 H$ g) i4 R9 E
      }* X: i& y/ _% K. s0 j- V. a
   else if (yDir == "up") {
' \" i7 q$ s0 N( n      yPos = yPos - BallSpeed;! ?# y1 o; @+ Y# q
      }
, ^7 c+ W. d% E) U7 }3 f: O$ |   else {5 i# W6 ]  \" P  \- y
      yPos = yPos;
( \2 T* n4 O4 O+ X, z/ q' D9 l0 X, |, C      }
% c8 l8 P& f/ C2 c0 g- ~   }
/ g! Z- g( }0 {" ?+ d; }8 ?$ M
+ m/ I5 Y) c2 T. {function hidetext(){
0 L% E; q3 y" D  X2 e3 u3 Q" \if (document.all)3 L! q) o- o( m; b" ~+ ^
supertext.style.visibility="hidden"3 H2 V2 p2 d# B! f) Y; l& p
else if (document.layers); x' k# T' R" u5 d6 d$ e7 _
document.supertext.visibility="hide"
  I( S8 X  F, f) ?6 D! @clearTimeout(animatetext)
9 d- r- c: N' ^! I% E}* N# r8 w$ m* K% H; z( `

% J! d* _& J; W& `, {$ zif (document.all||document.layers){
0 v6 C( F/ L+ c; L0 C2 ~& y) {3 V0 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% t4 \4 E2 q# U! ], g& u% ~window.onload = initializeBall;
! A1 y( r9 ?' I: k2 [& v% Vwindow.onresize = new Function("window.location.reload()");
& A- [4 }5 |, b8 y# Y}
2 j6 B) A7 J/ B" j) `1 [/ A2 @* o4 }6 L8 s
</script>