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

zw2004

<style type="text/css">6 z2 ~# f4 G& u
#supertext {
8 B# j2 w1 {# W% M# R  b+ x: @position:absolute;
$ M  N5 j# M5 P( |3 N- Y1 `( N! jleft:0;
( Q% |3 H6 c) ?" Ftop:0;
4 l8 F  F, B( K% S. @+ |- xvisibility:hide;
& ]  x! U, q9 R! u6 i; f3 n( Yvisibility:hidden;  n. t& Q, i9 o" M# }
}0 C9 N! {% t5 w% _8 h+ H3 I& ^
</style>
8 I+ r2 }( \  {' U1 L<script language="JavaScript1.2">3 U0 R$ e' m' E2 e, P4 J9 z: j
<!-- 改变下的字体的大小。颜色-->
* r! ]  a. S( r0 m5 Ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 W* z! _3 H$ ^) k# yvar hidetimer='';
' y% |7 |" J' H5 |! V( Q<!-- 改变下的弹跳速度-->
6 _3 u! @% W( m5 f* rvar BallSpeed = 20;
6 C3 N# y  l* R, s: I) A3 ^var contentWidth;. l) n1 n2 I' P: V3 _
var contentHeight;) [1 y( z) n' [. }2 [6 d
var maxBallSpeed = 50;
) Y) G5 G2 z8 R! q* f" f$ V- k
' u* }; F( H# V2 c
6 h: {5 M9 Q8 \4 d8 {) r# Tvar xMax;; ^$ d, {4 u# \% }. v
var yMax;
' b& H) O; {9 I  M; [$ {var xPos = 0;% S7 V% Z& U8 I0 g
var yPos = 0;+ s  Z+ I" x% v7 R/ a
var xDir = 'right';
) u% s$ j2 D/ A4 B" Uvar yDir = 'down';. A( j2 L8 L# k
var superballRunning = true;) q4 _/ O. ~6 I8 p
var tempBallSpeed;
1 X" P# Z) W8 m  D9 [* pvar currentBallSrc;
4 B$ x. g' F! ~$ Yvar newXDir;
+ C1 b4 F2 `8 ]* m" T, o8 Svar newYDir;" r: r$ f' t: J
* _3 |- n+ w9 B% w
function initializeBall() {+ A- ^$ e8 `( x+ }. N+ Y: i
   if (document.all) {; [  I7 Z! ]1 Z/ C. w# ^
      xMax = document.body.clientWidth
, L$ G# j( J; r% f      yMax = document.body.clientHeight
" U* i4 T4 U4 [      document.all("supertext").style.visibility = "visible";7 {$ m0 l3 M# k: Q. K( m0 o8 L  H; c
      contentWidth=supertext.offsetWidth
. |4 O; q6 y- j: \, l8 o% w      contentHeight=supertext.offsetHeight* f' i% l; M8 y6 o9 m8 H
      }
+ v- G5 O; a  @8 V   else if (document.layers) {
  G" X' a8 m; n8 E9 [! x7 g      xMax = window.innerWidth;( z8 _4 G) i8 U+ d& d* v3 L/ A
      yMax = window.innerHeight;7 ?; ]8 Z( r1 g/ M. ~" z
      contentWidth=document.supertext.document.width7 X) h; W# O4 O0 |4 M  f5 [  R
      contentHeight=document.supertext.document.height
: n) p5 K; v  F! w1 `( {      document.layers["supertext"].visibility = "show";
: Z5 P2 j& N' B9 f, R      }' R' ~( E4 c$ A5 z* Y; Z* U
   setTimeout('moveBall()',400);
% t) V) t) V4 X/ F" N   if (hidetimer!='')$ W' o3 a5 O7 D, N+ A! D
   setTimeout("hidetext()",hidetimer)
7 X, O: |& G6 w   }
, K9 @, [. L2 A/ d  o5 i0 ~4 d: [+ {$ F) |
function moveBall() {$ @6 ?* \8 L- ~
   if (superballRunning == true) {% ]3 U9 H/ G1 A2 q3 W
      calculatePosition();
' M, q) I! J1 a7 [$ p( `7 K      if (document.all) {6 S7 z4 v, K, Y8 \. L& R
         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 u, R- }# X( l
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 X  o4 C4 D! o
         }
- P3 v0 Y! z7 x7 u      else if (document.layers) {
' q, V/ Q- b( l; A. t. G, D         document.layers["supertext"].left = xPos + pageXOffset;( k) [$ d% M# b. ~$ w
         document.layers["supertext"].top = yPos + pageYOffset;
% v% u/ e# ]$ P3 s9 A1 B         }3 j/ s2 ~9 [4 }7 y2 u" h1 S+ b
      animatetext=setTimeout('moveBall()',20);$ C3 W/ J% o. E: A
      }
% q" v, ~% X/ m- w' F   }
" b9 \$ {/ ]  N  F7 `2 U+ ~) i9 z: E0 H$ L5 X
function calculatePosition() {
* P3 v) @  x7 V4 F6 h/ R' M' q# T   if (xDir == "right") {
/ S$ @2 W3 c0 O4 A; \/ f      if (xPos > (xMax - contentWidth - BallSpeed)) {
# _0 Z& d+ Q9 q7 u         xDir = "left";/ A: F2 _& w$ G, `% X  m
         }
+ ?: [& T; s7 G  @! a      }
3 v1 b* ]9 {( T& @: ~* \   else if (xDir == "left") {
0 M! I! S& R7 y6 j& [+ M      if (xPos < (0 + BallSpeed)) {7 b, G) C% s8 O% o, K: t7 A
         xDir = "right";, w: H: @7 q( r* M: O( J5 d
         }
( |- v8 N5 m  W8 p3 T      }! {" \9 P& j3 |) M
   if (yDir == "down") {
. ^) h) i& ^+ R7 H. u2 v2 V      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 n# Z6 T1 a7 F6 l3 g# e2 }: ]* N  \5 ]         yDir = "up";
4 [( R' |- ], Z& ^" W         }
: @1 d* ?' h2 R( E# ]      }
+ [6 L4 P: |  p  g- j   else if (yDir == "up") {: H. a% K/ T7 d' z" I  k' S
      if (yPos < (0 + BallSpeed)) {
* g. k' L, p9 U  H% \' b' M         yDir = "down";; g2 F6 T5 A0 P
         }) `2 r/ i% v" W% m
      }
" N; s. j+ J7 q" ^' B   if (xDir == "right") {" _- m! o' B* D2 M4 [
      xPos = xPos + BallSpeed;8 R. K1 ~+ _. W/ p5 J$ h
      }
. c7 P3 i$ c. Z7 A  o2 t   else if (xDir == "left") {
& k; H% n) K% f" p8 t1 o, G4 z      xPos = xPos - BallSpeed;
  w3 h# S! G, k' S" w) u      }
2 }$ V  P3 r! \' h, {   else {
* X0 E0 d7 ?: @. f6 u      xPos = xPos;
* N0 I5 p$ w9 z* Q2 Y/ o3 x      }
" V5 O* {* P: s9 ?* S   if (yDir == "down") {
* ~) J" n  w8 w" X5 B$ B4 b+ D. _      yPos = yPos + BallSpeed;
0 c. V/ p- x! @4 W9 q1 ]+ e8 C% I0 m      }: T" p/ O: u$ m' t1 j+ A
   else if (yDir == "up") {
  X+ A6 n2 A: K; K0 A* p# k      yPos = yPos - BallSpeed;
0 O% Z' j8 `7 S0 |3 F: l      }, M' \8 ?7 `  ]# s" h4 ]
   else {
% g: h4 |9 Q# a, v      yPos = yPos;  j: n. \9 Y" x. a
      }! w6 e- U9 ~/ ]( R# ?* `
   }
+ ]; D( r4 z) ?4 \% R" S% c- j: ?, t/ O  z' i) c
function hidetext(){5 O! e. {4 S: c. a
if (document.all)7 P5 X. i3 V) I$ x; P! ]
supertext.style.visibility="hidden"
4 o% f  _9 n5 F7 pelse if (document.layers)+ `8 M& H' d0 ?# g
document.supertext.visibility="hide"6 j8 y1 f& v9 z6 d
clearTimeout(animatetext)5 ]4 f4 W* T/ Z
}& D9 H0 @; I3 m  x7 d0 n
, @+ ?8 R, @) W0 F1 x5 S
if (document.all||document.layers){
- c+ T7 f) [; ^6 odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). M9 P6 G% \0 r. b% x
window.onload = initializeBall;( j" b5 H+ |/ \& Y2 S& j
window.onresize = new Function("window.location.reload()");0 P; ?+ f% _8 C: B- J7 x1 b# ]- O
}
8 ^8 K* l# i( K' j
1 k: L. w# W! H1 e( v5 _5 T</script>