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

zw2004

<style type="text/css">
& M( b4 @5 @5 l5 h2 a, F#supertext {
/ o. W/ e& r- ]/ s( oposition:absolute;
6 }1 D! E$ _: O: A3 i8 Z6 t9 Mleft:0;
0 _! h/ j0 M) g* @- Z$ Jtop:0;' D( |) i5 O1 {* B6 X( O  H8 i0 t
visibility:hide;6 B3 b+ E6 f: C# \) y
visibility:hidden;/ C5 m9 J' O4 _! u4 O* b
}
* A3 M+ r4 N2 `$ F) P7 _- W</style>
: J6 j! Q4 u) h9 Q5 _7 _<script language="JavaScript1.2">
# r) X( A: K* t<!-- 改变下的字体的大小。颜色-->  D* ]# J# L+ t; e4 D. \/ E
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 G2 r% N3 \" g: T) ]& e% N9 {6 L2 Vvar hidetimer='';
/ S: b& g+ o/ c6 I! C6 ?<!-- 改变下的弹跳速度-->1 T1 m) z; F8 u  M
var BallSpeed = 20;
$ n( k$ [8 L2 svar contentWidth;* k0 `: p/ E: c+ f0 q9 d, C" |
var contentHeight;* y$ e, n) O7 C( n2 f  @/ z4 [$ m
var maxBallSpeed = 50;
: t: J% h1 J$ i) r- V4 m9 E0 h* T: u' ]0 P. v2 I5 m  o  s. H( K
2 G: Q4 [+ N3 B" s. Q
var xMax;
, q# {- y( w. vvar yMax;" `8 G5 \* _2 I  K; H" [
var xPos = 0;. T1 I$ a, \' p
var yPos = 0;  D) c" B4 A. k, U- {
var xDir = 'right';
9 J; U+ s6 P' T3 H8 ]0 |var yDir = 'down';
. K9 W# w/ d4 F2 Cvar superballRunning = true;0 y2 N5 O/ i+ A1 ]9 y& b' Y
var tempBallSpeed;
! U1 {( S% c$ m1 D' z6 i8 cvar currentBallSrc;
: m( `6 @% o: J7 b" n$ {: N5 ~var newXDir;
5 I( u7 P6 A: H. A$ l. q- yvar newYDir;0 w' ?+ u( X# ?0 q3 Q

2 J' x$ k. L3 V! |+ m* ?$ `+ Jfunction initializeBall() {
5 ^7 u# y; i4 C8 D# |/ g   if (document.all) {
1 W9 W" I* E. E      xMax = document.body.clientWidth! K! ~% Y1 k1 `
      yMax = document.body.clientHeight
8 H% B. `! \( N; _7 @5 M+ p      document.all("supertext").style.visibility = "visible";
( ?4 A4 @: p' T! Q/ }0 g: x( N      contentWidth=supertext.offsetWidth
$ g: [& `! C. a' K/ H! n      contentHeight=supertext.offsetHeight; q0 N- v+ I2 o& A1 P& y7 G* [+ \
      }* C0 g5 ]3 q# N
   else if (document.layers) {6 c1 t- O7 B" h! t. I0 r
      xMax = window.innerWidth;
" l, c7 Y9 A' E6 X6 `( b      yMax = window.innerHeight;0 y( m7 J) m* v+ Z# w4 H
      contentWidth=document.supertext.document.width
0 `! o8 q) M3 W+ d% P% F      contentHeight=document.supertext.document.height* t* ^) ?' g8 D% c8 o8 \+ _
      document.layers["supertext"].visibility = "show";- O, e' H6 W' ?
      }
, q9 e5 |) x! F   setTimeout('moveBall()',400);
. Y8 B4 n6 Y9 B   if (hidetimer!='')
0 I, l1 f1 C: k6 \   setTimeout("hidetext()",hidetimer)' V! g3 ^& s; e" e/ V' t: O6 m& {
   }* U* [& j- q: K  t- C- \. [! J

5 p/ D8 ]" j: I5 w( I! T! Efunction moveBall() {
: L* G* l, g2 o3 `: E   if (superballRunning == true) {
/ n1 P0 O+ }, b& y      calculatePosition();4 N# D/ ?# S7 Y' ~8 g1 x, Q
      if (document.all) {
/ K8 j  n+ D* z- G( D% D- V         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 j4 t. b' R1 ?8 g
         document.all("supertext").style.top = yPos + document.body.scrollTop;- F: M) C5 |$ n" K5 ~# f- Z3 p/ S8 k
         }2 Q" P  [1 x* ]* {: W/ z
      else if (document.layers) {" K# c" p; q; q3 u" {) B( F, H
         document.layers["supertext"].left = xPos + pageXOffset;6 k6 P- g6 S  @. o1 R7 R. Q
         document.layers["supertext"].top = yPos + pageYOffset;
1 b0 X2 q# L% K5 Y3 k         }
& o/ z+ k. i+ I, }      animatetext=setTimeout('moveBall()',20);6 Q6 s7 Z! O  a$ Y4 c8 F1 n" W
      }/ b0 @  T. H. Q0 @: T
   }! S6 M. J5 ^) P$ D6 m
& h5 v) z, i+ B' A$ K- {
function calculatePosition() {
8 c# k7 Y" A  |, i7 @" }   if (xDir == "right") {
& u: e3 M, @- q) N      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ z+ I) p4 |) B. q  q         xDir = "left";8 {& H, p. J/ s8 S0 v) O% Q# x
         }- n0 w. h5 P8 h; L) \4 c$ {
      }! G7 T2 U* g$ Y6 [- a- Q9 Z
   else if (xDir == "left") {
6 t" n- u8 p! U; G# b      if (xPos < (0 + BallSpeed)) {( N: E8 N3 t6 u9 Y
         xDir = "right";4 j6 n4 U7 {- z+ W+ B
         }
9 u  P0 w2 @1 u+ C* }      }
* r: p7 b% {9 ]$ q; ]' C2 }   if (yDir == "down") {% _: H5 j; }8 e+ p& t0 `1 A- N4 v
      if (yPos > (yMax - contentHeight - BallSpeed)) {8 X1 c- x/ E: H) s2 c! {
         yDir = "up";: z5 D, o. L- w9 a
         }
: r2 r2 }/ T4 }) R0 P2 z8 Y4 B      }
1 L+ y: y( ]' K4 Z, s/ {! X   else if (yDir == "up") {
4 g: S& @5 e& ^7 K- i/ e      if (yPos < (0 + BallSpeed)) {
$ D" j! w% Q& q( k! V         yDir = "down";
, I+ C) p5 X3 p+ i! v         }
3 A! j1 @- }  Z8 ]      }) t, N+ \* A, P7 [5 ~
   if (xDir == "right") {5 n; J6 l" L# i5 Z' o& _$ c
      xPos = xPos + BallSpeed;1 m9 ?8 n2 |# L9 m! M
      }
6 M1 p/ Y: h2 M4 x" s4 a   else if (xDir == "left") {9 v0 C  [& c4 m, ]1 K  W
      xPos = xPos - BallSpeed;4 p( m4 M! k8 A: Q
      }
" u3 e/ k+ H3 o   else {
" p5 ~4 e6 N4 ~! L* @3 \      xPos = xPos;4 n7 X# \6 m1 \+ M% K
      }- J. k' [$ Z; [, H" a1 x7 ?, H9 ^& X
   if (yDir == "down") {% u* w2 v" d& `9 I
      yPos = yPos + BallSpeed;* y8 }- M, _! f0 u6 n2 T7 k
      }
7 O1 _- z  z. F1 s5 r  U   else if (yDir == "up") {
9 a6 j9 v# E  s1 Q% b+ L      yPos = yPos - BallSpeed;
; R/ g+ p) m2 s2 U      }
4 E4 ^( n) e3 S5 L  |# R& U! t   else {# M- D, I% ], }) B
      yPos = yPos;; d/ z# a7 d8 q0 B' E% k3 [/ n
      }. h  h1 A4 u# z
   }
5 Q7 J0 [0 U0 o% G* {- d5 Q; P3 A  I
# I5 O/ H. Q' Dfunction hidetext(){% x& l; i6 e' h* D
if (document.all)- e/ v8 B' i7 M, b) Q* w; s
supertext.style.visibility="hidden"
7 ^% e  m5 ~" o4 X- A; a- w& E1 u7 _else if (document.layers)
3 _. _8 R6 i; s# r" ddocument.supertext.visibility="hide"
& ]) u3 N2 H* q$ ~" {" b! N& w" gclearTimeout(animatetext)
4 ^4 j9 C8 ]  i, z7 z3 x8 ^$ |}
/ ^& g6 T5 m2 O
+ n' \8 T' {6 F- A0 U" c' _2 Dif (document.all||document.layers){1 b1 c3 ]' v; m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 J5 L8 E0 q6 c. |! N/ D
window.onload = initializeBall;7 A: D' i( \; I- ]/ ?$ O
window.onresize = new Function("window.location.reload()");: \# k* M- s( y: h1 Z. o9 f- z
}' C# h! @6 Y4 Z9 A7 T

$ u! p* L. `3 m* a</script>