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

zw2004

<style type="text/css">
; b; e7 x0 Y/ N0 J2 a8 @% L#supertext {: `4 a4 u" x2 Z2 {
position:absolute;
5 ?7 ?$ _: P: K" n! u: Gleft:0;9 d2 V" O: _& j- r+ o9 P( R" Z1 M
top:0;8 W  W/ u/ c) @5 L8 k+ Q
visibility:hide;
; ?% L4 r/ ]  pvisibility:hidden;
2 i, Y. A: {: h) c( Z+ A7 z: h}2 c+ W1 [* t: m8 c1 M
</style>5 P! ~+ I* [' t% R9 c/ R8 Q3 m
<script language="JavaScript1.2">
4 v7 m9 V' e7 k) V% p% c" G<!-- 改变下的字体的大小。颜色-->
" A* S. `# {6 Z; c' H* a' Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- e  Y0 q, Z+ @3 T- _9 o1 evar hidetimer='';# ^- o# Y. e4 U* g
<!-- 改变下的弹跳速度-->
. z  `4 _$ I1 B9 B; _var BallSpeed = 20;. U( t: d' _" P8 w- N- y* |; s
var contentWidth;6 H7 _4 o* X' ]) g
var contentHeight;' F0 n8 W- M) g7 D
var maxBallSpeed = 50;
$ G; r3 O6 _; {1 f; ?
9 G+ B2 Q8 C* R1 ?" x+ u2 D/ L3 i  r3 Z/ [# v, ]2 P- }
var xMax;
1 p4 k- \4 u/ U$ w' c: C6 ]var yMax;- l3 j; o! J9 J* k( r- N, a1 z
var xPos = 0;% J$ [" U, D% {& P8 [
var yPos = 0;
  }2 w4 S! a- z2 A% z" l- u6 Zvar xDir = 'right';! I0 f7 i& H% h1 b+ Y+ Z
var yDir = 'down';
) q& s) x# c# q% u5 z8 j( W7 svar superballRunning = true;8 e) c+ q. z2 ?/ {% U% T
var tempBallSpeed;
) H& v. [8 N- h' ?& Gvar currentBallSrc;
: }9 I( u& ~9 |4 Jvar newXDir;
' }( y  o- R, a& Cvar newYDir;
: ~) [8 @  ?5 R$ T7 ]# B: }* X8 X
  ~( ?$ l3 M# N$ Q! mfunction initializeBall() {8 ?6 @6 l5 y7 X2 Q
   if (document.all) {6 L" V+ i, w& p. X& Z
      xMax = document.body.clientWidth+ ?" l5 S% F- t0 n6 y$ v; }/ k& c
      yMax = document.body.clientHeight  c7 d# T* ?. {, w4 F9 n
      document.all("supertext").style.visibility = "visible";9 d4 X3 |( |  y. R% x4 T1 C0 k
      contentWidth=supertext.offsetWidth
+ H: o. Y( v- b+ g) Q. t      contentHeight=supertext.offsetHeight* Z9 q. J% ?4 `9 U7 a1 G" r
      }1 j& n$ ]2 i6 m2 x
   else if (document.layers) {
# e4 w4 c: I& k" v6 i3 e& v      xMax = window.innerWidth;" W: u% u( [9 l% n" W: A
      yMax = window.innerHeight;/ p' ~  K& N7 w: N4 q. B' x& T
      contentWidth=document.supertext.document.width
/ g7 s; o# e1 ~) u2 G      contentHeight=document.supertext.document.height8 p$ e, F/ K' j/ D8 o% v1 ]' T
      document.layers["supertext"].visibility = "show";
3 s+ J5 _8 T, g9 a      }) U# N2 N: V, ^
   setTimeout('moveBall()',400);/ U. j; M/ R$ U' p) f" y
   if (hidetimer!='')  Q7 X1 g9 {. R+ C# b. p9 o0 V
   setTimeout("hidetext()",hidetimer)" W4 ]4 n  T6 u) u0 P  M9 Z/ }
   }8 J6 c4 V9 t' S
) ^  S! F, Z- p- k& x
function moveBall() {
5 s, G( i( G  Q: f   if (superballRunning == true) {3 {7 F; p! r. i3 e; j
      calculatePosition();
. L/ @% s& C8 M+ h; u. I      if (document.all) {
, n$ w" m: h( J: B: @         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; m6 `. M( l, j) n         document.all("supertext").style.top = yPos + document.body.scrollTop;
& C/ C! N( m# s) U  {- t/ L         }
  N; q  D$ d) K5 G, c* U- Y      else if (document.layers) {; p3 I; E. l$ Z, g. t- C1 r: n8 ^, s
         document.layers["supertext"].left = xPos + pageXOffset;
/ [0 z1 R+ `) x2 V         document.layers["supertext"].top = yPos + pageYOffset;* r  H* [( b3 c, ~2 _
         }
2 Q0 C/ y+ ]3 c' [: z  c# A      animatetext=setTimeout('moveBall()',20);
: R8 E0 f$ r' L2 J' Z      }; z0 a- B6 e# }
   }
" G' \4 w, i0 y8 m7 N6 z3 [! h6 \; Q
8 K0 Q# q  ^+ I4 T% Cfunction calculatePosition() {" U, _: ~. y) W
   if (xDir == "right") {, _! P. r9 ~! t, U9 i' G8 M6 i0 A  M! T
      if (xPos > (xMax - contentWidth - BallSpeed)) {& K1 n7 \; R! G4 w+ A
         xDir = "left";9 m) J0 A) D2 b. _% u, o
         }
; W# ]+ p9 [* |) g      }
$ o3 H( }3 e( c: V5 p2 {" z' P   else if (xDir == "left") {1 I2 p$ g% Z- W3 [' `
      if (xPos < (0 + BallSpeed)) {7 O2 u1 q( B) C% w( j0 ]  g
         xDir = "right";
! S+ X! k! L* N5 B  l' p% |         }
/ w1 U, i2 y9 f      }
8 b3 G% P) z- k! R   if (yDir == "down") {
" h5 n5 f! j. \$ r2 ], u' F! K      if (yPos > (yMax - contentHeight - BallSpeed)) {5 o; Y0 Q2 Q% e8 B( R2 S
         yDir = "up";# g7 e1 h. l* n6 F% K2 d2 q8 P
         }
/ G, ~7 v8 h  l- c# \1 a6 U      }
% o: c$ U9 [: o2 ?" K% T   else if (yDir == "up") {
; R4 |4 r- `; J! w2 L; g+ Y      if (yPos < (0 + BallSpeed)) {9 ?; b( y0 f# Q# I/ s
         yDir = "down";1 P9 g1 o% h: ~6 z9 {* z0 H! C
         }. T" _1 e5 G) D! l8 t( ?1 C# t4 C! X
      }
( X, {( V  r0 K9 V0 ], V2 f. E   if (xDir == "right") {
- |& h( z! @& @" J+ }5 ]% ^0 w      xPos = xPos + BallSpeed;
- G1 x9 e3 l+ R0 o0 t# Y' s      }
1 _' L# h* j5 m% o+ V  e   else if (xDir == "left") {
) c9 \) ?. ?8 U6 P5 S& y; }- E( O      xPos = xPos - BallSpeed;
+ R; a# f& z6 ~' f      }" r* D( r6 S( l; v6 p# E/ [
   else {
: K5 ]. j2 }& P( p6 q" o      xPos = xPos;! ~; M! r  c  E5 ?2 R) i$ G
      }
* j9 Z9 p0 t6 E" q' a0 @5 ^   if (yDir == "down") {
0 w3 K8 q; C' v5 z      yPos = yPos + BallSpeed;
( t0 G( d+ b, g0 I      }5 ^9 x3 r6 D+ Q- n  i! F1 p3 f( b/ I1 m
   else if (yDir == "up") {
. |7 ~1 C( U) x6 ?; G# f3 T      yPos = yPos - BallSpeed;* }' {) {8 @7 c6 Y- F; h" p9 v
      }
4 H. A% ~- i! b3 M   else {
9 y! e. J: z' h      yPos = yPos;) g' [5 E0 a, {6 Q3 d
      }3 ?2 w$ g* z! M% m
   }9 G& u6 r6 V) w  u# l
2 S5 f8 D9 L8 s; [9 d
function hidetext(){
2 Z! ^- d5 F3 `7 c- M! sif (document.all)
, [& Z* }8 w1 q6 s5 y% Usupertext.style.visibility="hidden"
# L+ v5 v- D' m& q: yelse if (document.layers)
% y* x% T$ u# J+ g4 j6 jdocument.supertext.visibility="hide"
) m9 @& T- K9 R' A+ DclearTimeout(animatetext): Z' q3 }7 x: I7 X3 U
}1 f8 l( J" O4 o+ i
8 p0 g# R$ V' U4 h6 Q
if (document.all||document.layers){
' G  ]" {( w* m7 n& Jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% F( s: X% x, K
window.onload = initializeBall;
. A7 c8 `/ c1 n/ M9 d7 mwindow.onresize = new Function("window.location.reload()");& s" V0 ^5 g+ `- h/ |1 O3 n" X5 O
}% I8 F7 ^4 F3 w4 ~7 `& z& _
/ b# p/ j9 x/ u& r3 [4 O. V. u5 T
</script>