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

zw2004

<style type="text/css">/ B6 G2 |5 G/ p, ]0 N9 P5 f5 ]
#supertext {
! \% m; h- {) `( A% ^0 {position:absolute;& o; ~0 u' T# c" }, }
left:0;3 G6 v6 f. m; ]
top:0;
$ I* W$ @: u  v" Q, g8 uvisibility:hide;
$ H. Z- B: b4 I. Bvisibility:hidden;
" {# A4 j. C7 w$ [0 u3 v. i; i}
) U5 d# K* i2 b</style>
; n7 E/ q5 Y: F<script language="JavaScript1.2">7 d6 O8 r$ Y# l; z
<!-- 改变下的字体的大小。颜色-->. y; s9 c; Y* L2 c; C: P5 }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 u9 Y$ m$ B, T  Bvar hidetimer='';0 G3 f3 ~# x# [
<!-- 改变下的弹跳速度-->+ y8 e( J2 O$ s2 {
var BallSpeed = 20;
. t1 b1 O6 I1 _9 O. z; c4 hvar contentWidth;
* I: E; R/ Z8 y* `- C- Q( [4 Jvar contentHeight;. _3 C& V% G; C" H" J# S
var maxBallSpeed = 50;
( y3 U7 s0 S& u  l2 ]+ V& H5 j: k! H
+ _" X9 z/ v" G1 b; F
1 X1 u: J4 W- `: I8 _( [var xMax;
* V7 G/ ]6 ~; s# Mvar yMax;% B/ |& d' \6 D
var xPos = 0;1 }" T/ V( b9 W: v; L
var yPos = 0;! E- B4 B" L7 X
var xDir = 'right';* A, r( T" ~3 _( H
var yDir = 'down';
( ?; E# L8 e3 Nvar superballRunning = true;
7 R5 X3 v3 j- R* v2 U' ~! M+ N4 ~0 qvar tempBallSpeed;
- j: b, O3 c) `( t0 B" hvar currentBallSrc;
  l% u/ [! U7 Q  h+ F" tvar newXDir;
+ p2 m% C4 n7 z4 W: ~2 [! Rvar newYDir;5 Q3 o- M! i# y3 L: E6 M/ s
$ o5 o8 S% l! l2 q  t; s
function initializeBall() {" f4 l+ R+ |  L" M2 i
   if (document.all) {* V! r5 H$ U4 b: o
      xMax = document.body.clientWidth4 L2 |0 V# S6 I( E6 c0 f7 [
      yMax = document.body.clientHeight: L/ o% j1 d9 M( B4 G
      document.all("supertext").style.visibility = "visible";
2 k4 @' a2 v( U+ A5 J7 ?4 |      contentWidth=supertext.offsetWidth
/ q. e, K  s: T' r, N      contentHeight=supertext.offsetHeight. y, f: }" M5 N8 q5 D
      }
+ p' M! G3 v  |, X  u, D3 M) W   else if (document.layers) {9 A' \3 |1 j9 P: z+ |& i
      xMax = window.innerWidth;
& E  g5 B" P% p+ ^6 ]' c4 R! N. T      yMax = window.innerHeight;
2 k! ~  ]# j  E7 ~  W      contentWidth=document.supertext.document.width
( l6 Y) `/ s" x  C3 B      contentHeight=document.supertext.document.height
0 u& X$ n/ O6 M) k$ i# M0 n- x* O      document.layers["supertext"].visibility = "show";2 K/ l4 I( M! K
      }
' V& x, @( K/ B( M: b. j# d* t   setTimeout('moveBall()',400);4 M* u! h3 m5 k
   if (hidetimer!='')
  P8 I/ _$ \$ d4 M+ A. `, y   setTimeout("hidetext()",hidetimer)+ |# I4 w) ^  J0 F6 P8 R* [
   }
) r5 ~. d& r+ N% q  O# V/ h% t9 L
. |$ s' E/ X) m% |8 Vfunction moveBall() {1 H! t4 h. \4 I* C9 I8 Z4 N
   if (superballRunning == true) {4 h9 g6 B! i& W/ S: ]4 {% g
      calculatePosition();
0 M9 l. f# J; {0 Z3 ]      if (document.all) {
+ j3 D1 h/ G+ B( U: X         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! t; e- o% ]; G! y: M, b7 ^3 `3 H         document.all("supertext").style.top = yPos + document.body.scrollTop;( k! }6 K+ x$ i+ Z7 _7 P
         }/ g0 ^3 }) I2 O7 c
      else if (document.layers) {
0 t6 Z, c. e" ^6 ^- s' k2 Q         document.layers["supertext"].left = xPos + pageXOffset;
8 R# ]; i/ B- n  K9 ?% O% J         document.layers["supertext"].top = yPos + pageYOffset;
3 L6 H% P: P* y5 B, R         }) `3 E& G( s7 |) x8 a) `. e
      animatetext=setTimeout('moveBall()',20);
. q9 J; w3 v; s      }
1 e4 F* M0 [& h- X   }+ w% |8 h$ B' X+ ]* d! X. i
3 E& ^( {# y; J8 H
function calculatePosition() {9 o* U# U  N/ P3 f' [: b
   if (xDir == "right") {! t0 {' s9 N+ p2 |
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" i! c: N+ @" _* M         xDir = "left";
6 l5 X0 U. L6 N& j5 x         }
/ d# a' I8 `6 s  z( B" \$ D% U. _      }
, `  G! e0 r' w! T+ S- F5 {   else if (xDir == "left") {+ I7 ]% m: Q0 w  U$ A) J: [
      if (xPos < (0 + BallSpeed)) {9 \6 L) T5 |- `
         xDir = "right";* J) b2 e) O9 T, u2 e
         }- }# Y4 a' H+ C( P# a; K
      }  B6 o( X+ M, c
   if (yDir == "down") {
( z! Q, c) j% f      if (yPos > (yMax - contentHeight - BallSpeed)) {; Z1 q8 C( S: Q+ P% W7 d
         yDir = "up";& f! V/ L9 {) [  Y  c; v) x* h
         }) U7 N# W  j3 P! }! r% r7 ]
      }
6 L1 g% \3 h* }& n& r' x   else if (yDir == "up") {; V. t6 t0 f" S8 c; H1 b$ Z
      if (yPos < (0 + BallSpeed)) {
8 n: G/ u2 R7 V         yDir = "down";
5 a/ G+ A" Q) T; ]5 k         }. U/ @$ c8 F: f" ~& c9 K+ v
      }' b! b! ?$ v5 Z& Z0 U# q# f1 Z$ E
   if (xDir == "right") {- A7 b' s  c: x, V, t
      xPos = xPos + BallSpeed;
" }3 k1 ~3 C+ S' L      }. R  l% ^+ `, \. Y/ O( ~
   else if (xDir == "left") {: W* ], ~) Q" Y
      xPos = xPos - BallSpeed;5 o; a- r- u7 o- W/ m
      }
& s0 F" E! F  N1 @1 ?2 L   else {4 a  E# I* r4 Z. I0 ?' s
      xPos = xPos;
1 j% n0 o4 p8 f' N+ a) i      }
4 W" n5 b7 C- {6 }   if (yDir == "down") {( T6 W6 ^. Y# S& ^% b
      yPos = yPos + BallSpeed;
4 V5 N+ {: a5 ?. }1 @" N" r5 O      }
( B5 c% K! e. C- x+ g; v9 S% y   else if (yDir == "up") {/ q  x4 K% b7 ?- r4 M
      yPos = yPos - BallSpeed;9 P9 n8 r0 j  p
      }+ }0 r2 n" y7 z5 c; f; X; \6 T
   else {1 R! G4 Q! c1 A$ U; o
      yPos = yPos;
' |( Q5 L4 O4 p" r6 c3 d: h$ {# G      }
$ h$ y! c1 q! h5 f   }
4 I( m. A- k4 {4 h* U
6 t1 k0 y" U; @- J! u6 p0 ^7 ^function hidetext(){# b; T% a( K) \' P; j  e
if (document.all)
! X; k; v  H: }- v$ E, isupertext.style.visibility="hidden"2 |& g+ e: y& S( |* o
else if (document.layers)
+ B/ `. Z  d2 b! P8 W* ]2 x7 Ldocument.supertext.visibility="hide"3 p* p# s. L; A8 e& H5 @
clearTimeout(animatetext)
0 z7 M) \: h6 O$ e+ p& m}
5 d5 D1 `% y# q1 s( ~
$ o3 X% }( z. K/ O7 f) D/ b# n3 dif (document.all||document.layers){2 j6 H# I+ X6 R/ K4 s
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' n+ ]. ]: g$ }5 G
window.onload = initializeBall;
& s8 A( ^4 q8 e. ^, M2 owindow.onresize = new Function("window.location.reload()");
) f' }& s2 d/ y; x}' M' s+ ?0 j+ c$ w
2 R% \: C0 F$ V
</script>