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

zw2004

<style type="text/css">
& u' i. A. c+ X' Q7 ~! [- u. I7 X#supertext {
' R3 ?7 I! a" f* r: m: G8 hposition:absolute;
. R$ u7 B+ M, [left:0;
. a1 r* Q' n% Htop:0;3 E' C' @+ k4 X! Y- r( H0 Q
visibility:hide;3 ?+ B0 D4 A9 i, }9 K' g) ~
visibility:hidden;5 t+ s9 d2 A1 B( ]. E2 f. a1 `0 q+ P
}
3 B, c( d! s6 @3 h; S  ]4 G</style>% s8 c* r! `8 B; c( k
<script language="JavaScript1.2">
% J6 d6 ]/ N) D7 A<!-- 改变下的字体的大小。颜色-->, Z% \$ ~& m+ N1 @0 u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) I  o6 v. M; c, x8 R' v( `: F4 K1 @var hidetimer='';
; K9 E! ]. x# m/ ^) K- ^<!-- 改变下的弹跳速度-->
# ]: A, g. I0 \# fvar BallSpeed = 20;/ a9 A" W& I- W/ K" q! [
var contentWidth;; j* U' z6 E9 Y  o* j
var contentHeight;
  |9 n0 j; n' q# ^8 u) }$ A7 W; hvar maxBallSpeed = 50;
4 ~, }7 J& w$ z  K4 a1 z, g3 g
, D8 k( m; D( ~* Z
' m6 w5 R2 x8 ivar xMax;
; I3 m+ @$ k0 k  z  [var yMax;; c% A1 g" H5 Z
var xPos = 0;5 y' R! e4 W  o4 c9 f* Q- Y* S
var yPos = 0;/ n( u( o& Z' o/ M$ e
var xDir = 'right';
* f$ e8 g2 e& j/ b, K* q. d& Hvar yDir = 'down';
4 f$ I. ^6 B* l# |8 K% y4 E+ uvar superballRunning = true;
) {  w2 Q" ]7 T" `! G  m- _) Hvar tempBallSpeed;1 j9 @( h6 y; f; X& ?( ~; c
var currentBallSrc;
1 |/ ~& `# z! N, w% ]var newXDir;
2 \3 o7 _1 s/ A: f, ?var newYDir;
; m  |. ^( U& r2 q$ v4 j3 D1 x2 Z
2 h1 |  S1 Y0 K  Sfunction initializeBall() {. W7 ^  v& B# u% N$ @; z0 P
   if (document.all) {
" W2 e5 B3 Z2 Y      xMax = document.body.clientWidth
  c  _3 G* C+ Q- }0 N      yMax = document.body.clientHeight8 |( Z  i) ~! Z* g9 O( |
      document.all("supertext").style.visibility = "visible";
) j4 L4 g5 y; g* O# m4 t3 Q      contentWidth=supertext.offsetWidth# H. j5 y, R3 C; o
      contentHeight=supertext.offsetHeight
2 l/ x4 \9 ]( \6 ?      }
! P$ r! J; x8 |4 A% F9 A   else if (document.layers) {
( {) A5 ~* [( G- m. r      xMax = window.innerWidth;# O9 f* I2 O6 K5 w6 d4 O
      yMax = window.innerHeight;
+ d* w) h: m/ ~. j      contentWidth=document.supertext.document.width8 {5 G4 h  s, W/ s+ w) q
      contentHeight=document.supertext.document.height* U# b. t5 O7 e; m- ]; o: V* _" k
      document.layers["supertext"].visibility = "show";+ b0 O3 @2 b; e) w7 @) j5 O
      }
5 b5 @9 {, X* j, r$ `" Q   setTimeout('moveBall()',400);& |  w% g: C9 }0 l1 j. O
   if (hidetimer!='')
7 P: J4 V. ]) D. n: Z9 o: g9 q   setTimeout("hidetext()",hidetimer)
7 O7 l3 W8 Z" ]8 w   }
% y/ t: o4 R% ~' b7 W, ]2 m4 E% E/ y
function moveBall() {
- L, v' o1 ]. ^' X) V% ^% h   if (superballRunning == true) {
- c! i2 q1 K5 S  y% @, T      calculatePosition();) w( x9 X: {5 n) v
      if (document.all) {
! \" i  m* {  O/ L5 L- x7 \         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* S+ J6 x; |* |0 D         document.all("supertext").style.top = yPos + document.body.scrollTop;2 E: r: {# z; N& ~
         }5 \2 |5 j7 Y4 N& A& X3 ?4 g" {# S. \
      else if (document.layers) {
# {+ T7 F3 m: @9 h$ A+ N/ ~         document.layers["supertext"].left = xPos + pageXOffset;8 W8 ?( A! a" x  C; ^
         document.layers["supertext"].top = yPos + pageYOffset;, e$ e- l4 S- F) R& `6 _1 A9 M, A
         }+ R& x# B9 v! R) v" k) Z! N
      animatetext=setTimeout('moveBall()',20);
$ y! r; C2 m* b* O; z; K      }* e5 S& j/ b( l! D" l
   }% N/ k# p0 z9 D" h: E3 v9 `
! L- p5 j- F1 \- w
function calculatePosition() {$ c  M- W2 V* K* L+ Q
   if (xDir == "right") {- w. x- `- ^6 C1 P+ e
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ w; o0 H* L/ j0 k
         xDir = "left";
" g# t$ m; f8 m. M$ N/ `         }9 |& t5 f7 s. p& @) h
      }$ }& O' W# D2 d8 R
   else if (xDir == "left") {+ m- g2 l, J( m. L1 D
      if (xPos < (0 + BallSpeed)) {
$ O( K8 K% g) C; k+ O0 `         xDir = "right";( V8 g( h* U3 H  g" A
         }
2 E& o, a6 H2 N& L$ C+ H/ P      }2 M$ h$ @  B6 ]
   if (yDir == "down") {. Y. o* t4 l4 h
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 U# ]8 J. l6 U" n) e& W         yDir = "up";% i2 ^& b+ a$ L8 E: b5 A1 a9 `
         }( N/ M: D5 w- _/ E" p/ [
      }' Z6 V# a+ Y8 ~% V
   else if (yDir == "up") {
3 V( Q1 R+ e7 o. Q2 }. R0 z      if (yPos < (0 + BallSpeed)) {
( N: N8 \- Z1 K3 c         yDir = "down";
& M  l9 _0 m& T9 L9 |         }
+ Z+ n8 b& \& R      }* X, }. e7 Y  _7 o
   if (xDir == "right") {; t' L/ D% c2 f9 Q3 _
      xPos = xPos + BallSpeed;$ A& L  f5 L% x0 C9 o
      }
% k2 t& w  c, g   else if (xDir == "left") {
( ]9 I! w* D2 T2 K/ N+ D! @      xPos = xPos - BallSpeed;% P, v. f; v. G% f7 f; d9 z1 }
      }
# e9 M3 |# f' p   else {4 K2 T- I+ X0 f$ e% n
      xPos = xPos;
+ S) k; y) S6 W  `% s; j* L      }0 c* e( L. s8 R' M7 Z
   if (yDir == "down") {
) L1 v3 W1 Y% D: E      yPos = yPos + BallSpeed;
9 i) |! X: l5 y: x- b4 b      }
0 U6 Y4 e6 J. @: y* a/ |5 G   else if (yDir == "up") {- E- p/ Q1 ~- I2 M) h
      yPos = yPos - BallSpeed;9 Z. P2 f, ]. [9 v
      }
7 p- E  y3 X& O* H" Z0 Y   else {' _3 |/ x( ~$ s3 s8 _
      yPos = yPos;0 M/ B" J7 v. P0 J/ ~  Z+ _
      }
1 X- d% ~1 I, ^   }& k5 a2 i" f6 q
$ ~6 U1 U! {" t) W- t
function hidetext(){  @# ~3 ^4 K8 e+ T+ j
if (document.all)3 c+ r; ?' H( X" s) w5 b: E
supertext.style.visibility="hidden") }! |2 ?8 z* H
else if (document.layers): c/ t9 ~' O" y) k
document.supertext.visibility="hide"" R$ I7 ~0 E5 L9 v" h7 \( e
clearTimeout(animatetext)
1 t. [! O/ J7 e5 r" D}
" A  j" l5 O  ~8 x/ v4 o: `  Q3 R2 C
if (document.all||document.layers){! p3 w! Q+ Y$ q: P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ G# s0 s& w. \3 {  q
window.onload = initializeBall;4 B; n4 j$ N& x6 J! J) k8 J
window.onresize = new Function("window.location.reload()");1 x6 p9 b, K* S. \3 [) s; D
}! P1 J5 M% S5 f7 e9 l
, F% l/ H% I$ @, k% X
</script>