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

zw2004

<style type="text/css">0 P' r. w; ]9 s$ q
#supertext {
; i/ e3 L- h3 S7 a  k1 C6 Aposition:absolute;
, c, T' ~! }6 J; ileft:0;/ p. D6 y3 ^) M& D2 e" ~7 ^
top:0;4 f$ W9 v  s0 F; k" `2 C( i. T/ i
visibility:hide;
. x% V: M7 Z1 S+ U3 ~7 xvisibility:hidden;8 ?, d3 m9 j2 D" b+ B
}0 c. Y" S3 B' |
</style>
/ ^* z, g, d5 ~6 @) m" X# b# q<script language="JavaScript1.2">! W, c9 \; d- U" U& n
<!-- 改变下的字体的大小。颜色-->. W: y/ [  W) y% N
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 w8 E6 Q+ I; @; |- P6 Jvar hidetimer='';
0 ]( m' }; U9 f8 V& x8 Y( G4 g/ H<!-- 改变下的弹跳速度-->
3 J( g% J$ {! S+ \' W8 @var BallSpeed = 20;
) x5 v6 ?6 s3 I5 yvar contentWidth;
8 O; P2 d7 p/ Vvar contentHeight;+ O7 C! N0 P# X# W4 }
var maxBallSpeed = 50;
5 I' E; l8 Z5 b
2 l  w9 M4 q* o9 i( b4 g1 e% a- v& U
var xMax;! f) o! s- h- `* w
var yMax;  o1 D# Y  A; }! ?- Z( `
var xPos = 0;3 f7 X9 [; `9 {" _( e' h" D
var yPos = 0;6 w" [4 G5 C: T, i
var xDir = 'right';0 r; a6 b% \# S8 ~8 R
var yDir = 'down';
7 c( }) ?) ^7 b/ B0 A2 dvar superballRunning = true;1 w  n4 e0 P  v9 A# Y8 F3 ~8 l
var tempBallSpeed;1 s( U# x, v9 |0 l
var currentBallSrc;
& p/ f) w1 O7 Q/ i: ~var newXDir;
6 |1 D8 g' X$ Yvar newYDir;3 ^. x' C, S, d+ A' y

4 W6 a6 ?& }0 f: M4 Ufunction initializeBall() {8 @! P; v% X2 y" X
   if (document.all) {7 K% C4 M& g' {: L+ ]
      xMax = document.body.clientWidth# I7 J+ C6 U! {; ^5 x% F1 I! ~: N) c
      yMax = document.body.clientHeight* S5 d2 ^  i. J% R0 u! [
      document.all("supertext").style.visibility = "visible";; y9 m) j9 f# s2 C# t( D% z2 h
      contentWidth=supertext.offsetWidth
; S2 P: V3 [  u9 V6 Y& `      contentHeight=supertext.offsetHeight
! {/ C1 Z$ K$ [' U0 ?) {      }
& p9 I. @2 M, \! g7 h' Y. V   else if (document.layers) {" M& @0 v+ P) z3 c. b/ I# d5 g$ |
      xMax = window.innerWidth;5 |# O) ~6 x- \: j1 \
      yMax = window.innerHeight;2 ?! z/ C3 p# c: C
      contentWidth=document.supertext.document.width1 U8 H6 a, H  S0 s, ]* e* o) J
      contentHeight=document.supertext.document.height
! h" |9 a  k- j$ P7 R8 I      document.layers["supertext"].visibility = "show";* ]8 X% ^& Z7 d# [! W
      }
; d+ g' D' k9 t1 Q$ ?   setTimeout('moveBall()',400);
, a; }, y* X- ^2 Q, U   if (hidetimer!='')! \5 X' s5 w3 J  `$ U& [: Z
   setTimeout("hidetext()",hidetimer)
* T. {" o- j: c+ ~: G7 s/ R   }
3 m7 U  f* }6 h+ i$ T* r9 z$ w# [8 Q* l/ t. ?/ r5 v
function moveBall() {
& x. J' w, O0 a& L% X( r0 p   if (superballRunning == true) {
2 ?; K' G$ k4 a, p6 V      calculatePosition();
6 J# J2 }' y/ H' [; l5 b+ B      if (document.all) {( ]( y6 H, |  T7 ]! L- D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! R- ?+ C* M) E, Q         document.all("supertext").style.top = yPos + document.body.scrollTop;& ^* Q! O' ~7 t9 F1 j/ @% `5 g
         }: b: c9 }2 i6 v; ]7 R- c6 n
      else if (document.layers) {: D# ?' u$ t; w- G  r0 E
         document.layers["supertext"].left = xPos + pageXOffset;
7 l% {& Q# w# E% T5 S# N         document.layers["supertext"].top = yPos + pageYOffset;
. i4 K# I" m$ W         }" k5 I+ ]6 J6 q: ^$ n6 Q) b; a
      animatetext=setTimeout('moveBall()',20);" V; W# ]+ Y" p" E  F5 h
      }( \& j! `' v. ]' `; p% U( L! i
   }( T% o; A$ L' w" x3 [

$ w, h. i7 q' b0 ~function calculatePosition() {
* i' t& \8 u: a- H- D/ m   if (xDir == "right") {
% ?. _+ d5 N* V+ Y      if (xPos > (xMax - contentWidth - BallSpeed)) {" b+ B- A. a: P7 d2 @# ?7 o
         xDir = "left";0 ]% }) Q5 q% A- H: R; D3 ], p0 p
         }8 ^' \) d1 Q2 d2 I6 _3 y7 \9 z
      }
. a6 k3 F' m7 }6 J" `* B4 w' |   else if (xDir == "left") {2 {9 r8 r0 _' G! g4 ^# \
      if (xPos < (0 + BallSpeed)) {  U3 N! ?) C2 K# p! |; R. R1 F
         xDir = "right";
% B. n$ Q0 |$ {, x+ q& B         }; s4 \8 e" t6 s$ A6 a& e/ k
      }
5 V  _7 [3 e5 \+ w   if (yDir == "down") {" C3 d  D$ z0 g* G3 Y
      if (yPos > (yMax - contentHeight - BallSpeed)) {' G+ P" Q; H- m5 p5 ]
         yDir = "up";
& L+ K( j! Q$ ?% T# T         }7 A3 z6 H! ]( ^. \, S2 r2 M
      }5 Y# V4 J- b! |: S# O$ K" q
   else if (yDir == "up") {
+ e, t3 X, g& q+ u$ ~      if (yPos < (0 + BallSpeed)) {) K: S9 `" y* e7 r$ R5 z
         yDir = "down";9 k! w! m4 w  V; O  ^
         }- M  X5 C3 E; b5 P! N# T
      }: ]: C# R" @1 I8 l2 \
   if (xDir == "right") {/ h% y9 V5 J6 C" d" s2 s1 b
      xPos = xPos + BallSpeed;
1 D% _- p* d' |; w. \- T" }, ]- L      }
- ?8 h5 R  N% i8 C3 b   else if (xDir == "left") {
& ~9 T; r$ a% J      xPos = xPos - BallSpeed;( S$ u* n* b7 Z! l2 ^
      }
) Q3 Q7 T9 q& K5 ]4 z' {+ i8 ?( C   else {. {' p' i! c) U% o* W3 m
      xPos = xPos;
* R# I( _( D" S7 c* l/ O" g; j      }+ y5 f4 H5 N: {! o' K
   if (yDir == "down") {
- F  E& Y2 ^7 _, M3 p+ h9 u      yPos = yPos + BallSpeed;
' ]4 Q6 a$ N8 F9 j      }# A' `: q) K. M" E4 s0 D9 ]2 w
   else if (yDir == "up") {: C: u6 _" q( {/ S* R
      yPos = yPos - BallSpeed;
) e7 N- D+ ?* ^      }
# _. }( N/ O2 j3 T+ Q( q( r   else {$ N$ ^" L4 n! |4 P1 H  V
      yPos = yPos;
; U* F- ?4 E) \- J      }
  Y' ~* E, B6 X& ?( }   }
7 Y9 ^6 E9 z7 Q  A8 m3 L( w" G% @: O0 D
function hidetext(){. _9 u& v8 E# f0 n
if (document.all)% |3 \  j( T; ~& L8 M6 x$ j8 l; j8 D: N
supertext.style.visibility="hidden"4 `) {9 q- O; r  t/ y" z
else if (document.layers)
' g5 a5 M4 b, Wdocument.supertext.visibility="hide"" y$ W6 {. W/ y' P
clearTimeout(animatetext)$ V+ q5 k' w" a! r; a9 r0 C5 Y
}$ F' Q3 N1 j  A/ d. u% Q

4 Y4 D! P, b8 Y8 X/ [9 Eif (document.all||document.layers){6 x# `& U" u/ ^+ A& H0 n2 G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# B/ T7 U# [% @0 \) e" O' o
window.onload = initializeBall;
( N0 N& E4 B4 C+ I$ Rwindow.onresize = new Function("window.location.reload()");: O% P  a1 _# Y' P  O  n3 }& H
}9 b7 o% T9 w4 V1 F# x
/ S6 I4 f' Z& |4 ^. v5 z
</script>