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

zw2004

<style type="text/css">
5 P7 e  Z7 l+ }$ p7 W8 x+ Q# h#supertext {
1 p; u6 {  k5 r* @9 y6 ]position:absolute;, V# Z4 `; x- u+ z) T5 l
left:0;2 k$ ~3 m9 |, Q
top:0;6 i. V% G" i6 }- N: C
visibility:hide;9 P6 E0 N$ m. o* \
visibility:hidden;
4 U' L" {1 A% Y5 X4 y% I  o}9 m* W, z5 _% v7 [- C
</style>, k) y& N8 _1 P# b) S2 e
<script language="JavaScript1.2">
* }& x  H7 u, l, G8 p) ^<!-- 改变下的字体的大小。颜色-->1 D3 v* T7 H( O: u' t
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  r" l$ U' l7 j' T) h! Hvar hidetimer='';: C1 F) k9 f' k4 `4 Z
<!-- 改变下的弹跳速度-->
2 i2 @, g& @# _var BallSpeed = 20;  ~  b! l1 s% G
var contentWidth;
) c/ _2 Q4 l( j, \1 gvar contentHeight;3 h8 H; E1 m. m9 m. }% l
var maxBallSpeed = 50;  B2 E1 ^% [) N  e2 A6 W% l

7 b7 \4 a) K: k8 u9 t4 Q; |
7 C; M: o/ ~) g9 Cvar xMax;8 u$ \) X8 [( Z
var yMax;
% m: x0 W1 I5 l' s2 ?) vvar xPos = 0;- u2 }$ L6 D3 q3 h- U/ k: i) q. A
var yPos = 0;
) Q7 d9 Q/ Q& B( P: \) k& l6 Lvar xDir = 'right';- V: Z: t) w! j# L
var yDir = 'down';9 R: V  S3 h1 R1 q! z( w
var superballRunning = true;
0 E0 ~$ @9 J9 ^7 r  v- j- v6 }9 D: ?var tempBallSpeed;- ]+ |, h3 n% ^4 g" @. Y" @: K
var currentBallSrc;
: e* i0 h0 e! n/ B; R  l4 E% b/ c2 n5 dvar newXDir;
& ?, Q4 _  V2 t3 F, T  }% w8 avar newYDir;/ Y$ A. n! l' h' C7 e

9 @2 i$ p% y$ ~  n0 [function initializeBall() {
' s9 O1 _& c' M2 x2 _) m) s   if (document.all) {
$ X" E; ]) {' P" b  j      xMax = document.body.clientWidth
6 I$ d! B6 H. C- @      yMax = document.body.clientHeight) y0 B9 M) ?% j4 y
      document.all("supertext").style.visibility = "visible";
, j3 @3 m( y" y6 ?. x      contentWidth=supertext.offsetWidth
" R4 J2 f- A/ S3 ^: l0 G      contentHeight=supertext.offsetHeight2 ?) b& n0 {3 m+ _. _/ \
      }
7 ]# w0 b1 w3 G" j' B   else if (document.layers) {2 Y  b$ C; C; {1 h. b- d; m. Z! P
      xMax = window.innerWidth;6 K+ H: l" n0 H: G5 p9 O
      yMax = window.innerHeight;
, s. k4 S  [. O$ h      contentWidth=document.supertext.document.width
5 Y$ |2 Y& m/ y  x      contentHeight=document.supertext.document.height/ w5 U, K- I6 d% \
      document.layers["supertext"].visibility = "show";  J8 Y! K, `) [* E7 P  H7 R! [
      }8 q/ c$ D7 E# y, _
   setTimeout('moveBall()',400);
2 K. y( A: \5 {* O   if (hidetimer!='')9 U  a3 K) _9 v! ^+ {
   setTimeout("hidetext()",hidetimer)
6 W' H4 X8 O/ d2 K# d! x7 \   }
9 r3 V9 W9 o- m! D9 d
! I8 z1 }4 @9 l8 a3 o, ffunction moveBall() {( [' [8 I: T4 t/ }
   if (superballRunning == true) {5 e+ x/ W5 M9 @8 Q0 ]- D$ b
      calculatePosition();
! ]( o" H+ r  R2 X" H& c      if (document.all) {
, }# z4 ]" X0 ~% x+ ~7 b# p         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 s, T% a" e- Y" y$ }9 p) L9 Q         document.all("supertext").style.top = yPos + document.body.scrollTop;0 a% A; J6 E( }. m) `1 h
         }+ u# ]5 M# u8 q8 F1 q8 R( G
      else if (document.layers) {9 x& o% y0 b8 d$ H& W2 _9 v
         document.layers["supertext"].left = xPos + pageXOffset;
' [) m3 C$ @: d9 c         document.layers["supertext"].top = yPos + pageYOffset;
  H8 o: C( l2 T8 Z$ k$ B         }- b8 ]; t6 r0 w6 y! [4 z
      animatetext=setTimeout('moveBall()',20);
' ^" `' T' X3 l9 w) A) y( @      }9 A/ t2 J7 ~$ B8 n+ d6 K
   }2 t: Y  e0 w6 f7 ~

. I4 D+ Y  X5 ^7 k  M+ ~function calculatePosition() {% h# ~8 m* k9 y: m, @( z
   if (xDir == "right") {
. a: O% x4 P* s      if (xPos > (xMax - contentWidth - BallSpeed)) {
! w/ Q- w1 ~% n/ h; \/ \3 x         xDir = "left";
+ T1 I( E! O8 l' @         }
; w! C$ W6 ]0 r- @9 w! D      }% y  m; S+ c; A+ s: J
   else if (xDir == "left") {
$ b) X% R  O0 U3 R7 s! K      if (xPos < (0 + BallSpeed)) {
5 l) |) b  O, h0 |1 y) |* g         xDir = "right";- G$ K9 o  c2 a# }1 `+ Z
         }
5 v: |  T2 e2 E- ~" H9 q+ v      }+ C0 o4 |3 s5 B, D
   if (yDir == "down") {
$ I9 O, a4 L( K1 r! |      if (yPos > (yMax - contentHeight - BallSpeed)) {: {7 m  x" A+ k: A- H: V; L! [
         yDir = "up";
+ Q+ `6 w5 ]- ]/ s         }
# [% }, d5 B8 l7 M5 ?$ i      }
! r# Q: ~- ^+ u   else if (yDir == "up") {4 J, ]' b0 f  M7 h4 }7 h
      if (yPos < (0 + BallSpeed)) {
) _% `+ N" y2 Z" u: t: {! n         yDir = "down";
" {* _' d# \/ [! ~) B3 K! b         }
+ V9 g; A9 S, Q2 H      }
7 c" `% `3 [! T   if (xDir == "right") {! {0 `! p" U4 N+ k$ }
      xPos = xPos + BallSpeed;
; |* F! b/ t6 v$ z9 c; _3 v3 y# T      }
0 w/ N$ r8 N( I$ G2 i. [1 r   else if (xDir == "left") {
7 d$ ~& }+ c5 ^4 U2 o6 {      xPos = xPos - BallSpeed;
6 ^3 e* c% P5 E% E      }
3 x- [3 B1 @: w& C1 O4 G; ]   else {; a( k& M$ ^( P0 E: G' _- c
      xPos = xPos;
7 b0 G% d3 s/ `% o2 T% R/ Y      }
/ ?' K! c% p% \$ m   if (yDir == "down") {1 q0 C. `4 G) D' A0 o; @9 O8 N
      yPos = yPos + BallSpeed;. G! |" ^5 y5 b( G2 d9 ?
      }) M5 y% k$ T; e0 z! R
   else if (yDir == "up") {
/ ?5 M7 i% w1 O! n8 h      yPos = yPos - BallSpeed;
* k" H4 s, s8 c5 G      }+ f( B0 W: Y/ U/ b) I& }( Z( X
   else {
3 K6 G. Q4 i  d# }3 T      yPos = yPos;& l& L1 B+ _/ |2 z' A- R. u
      }
- g3 S! N6 m0 W. q" _8 L; W* L   }( s' E  l9 e! B3 h) I

% H  t; R/ L1 a$ f4 T  f/ Pfunction hidetext(){
7 |0 W/ v& T8 [5 M' ^( b6 Bif (document.all)
& B* F; q7 ?' |2 J1 y$ _supertext.style.visibility="hidden"; N' g0 i+ d" m9 b: F
else if (document.layers)- |- Z& c% \6 T6 s# \
document.supertext.visibility="hide"6 J9 }: ?) w& W" \% T9 J) Q' A
clearTimeout(animatetext)
' G% t; {/ K6 a* A8 i# z# J8 ?}
& {/ j7 f2 K- l( n  W
0 u4 L+ R! G9 q0 G& j3 ]if (document.all||document.layers){
+ B  a+ B$ W& T/ R2 ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ h$ _/ K% z; B( d  j7 i  {9 dwindow.onload = initializeBall;) I+ C- P$ s- Y( Q, f8 g* k
window.onresize = new Function("window.location.reload()");/ J2 Q( ~. e2 G# D- j
}* j' r0 S. d: j+ M* y% H2 ]

! \# g# c& @/ P1 s* o9 K$ O</script>