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

zw2004

<style type="text/css">- G2 X- Y9 |5 e: G' g
#supertext {
1 y. R0 X6 \- A7 Nposition:absolute;+ P3 _( e2 q# V9 Z2 f
left:0;
7 j$ e1 \0 S# X$ L/ O+ dtop:0;
  A; V* G: [; {visibility:hide;
, ~4 e5 C  t; E) c1 p) r6 s) Bvisibility:hidden;
7 J8 E: \; `) n: R/ s4 g}. I+ R7 ?) I7 v# `( j- l; q
</style>
$ ]5 U) F( r" N( k<script language="JavaScript1.2">+ U+ Z% N7 q5 w4 b; v- V
<!-- 改变下的字体的大小。颜色-->* M8 z; E6 b- Y7 m& ?; ?/ ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: S. \! j  V9 O- P8 R. ^+ qvar hidetimer='';9 I6 A6 ^4 t8 C4 f6 T, n: ^
<!-- 改变下的弹跳速度-->: Q0 p: Z4 d, Y- \5 B: Y" F
var BallSpeed = 20;
6 s# Q9 M. ~8 m" kvar contentWidth;5 {3 M  v6 W  Y, q( E; q& d
var contentHeight;* V6 R) q* E. Z+ N4 j% {. x
var maxBallSpeed = 50;6 E. v6 x+ Y9 `) Y
- F8 {. p+ F- R) E; Z% @& y7 `2 c
4 K' q5 N) A4 V. q# ~
var xMax;
/ K: U, U; T1 l6 x8 q* r- t% h* tvar yMax;& T% W% H7 M: J2 G* y* I- p- n
var xPos = 0;
2 v* X$ l; c7 P$ f; n8 Qvar yPos = 0;
1 R5 @, h, h0 i$ a/ G% ]var xDir = 'right';9 w( Z3 E4 O; n3 Q
var yDir = 'down';
+ H; S$ {1 a$ z0 T& M" V2 Xvar superballRunning = true;* Q$ d: ?3 ~2 d. ~9 V& v' l
var tempBallSpeed;
- Z* t) K0 j2 |5 {7 l2 d* evar currentBallSrc;/ I( B& {9 q8 g! d
var newXDir;' T& V: R/ W& `
var newYDir;! B& b+ u$ c- U' X

. t$ c  n  z" q# v. v4 ^7 [# kfunction initializeBall() {
% q4 `  F9 _, x' D" y& ]# l' b   if (document.all) {
# Q6 z0 }& D+ W      xMax = document.body.clientWidth
' U, `' \0 {9 }# \0 L4 d      yMax = document.body.clientHeight* f* d" ?% t) H4 X/ |
      document.all("supertext").style.visibility = "visible";
, E4 E4 g: r( ^. ^7 ]      contentWidth=supertext.offsetWidth
6 r/ K2 d/ I( H6 N# [* m      contentHeight=supertext.offsetHeight& @2 y9 [) E+ ]. Q
      }
+ [' m: l% X9 r/ r* Z   else if (document.layers) {- G, i2 f6 l  T2 Z
      xMax = window.innerWidth;: r/ \. v% v6 v. r+ F
      yMax = window.innerHeight;' ~2 Y" X/ j0 n
      contentWidth=document.supertext.document.width6 u+ j1 s, v( K, A
      contentHeight=document.supertext.document.height5 w+ R  Y/ G% w0 E
      document.layers["supertext"].visibility = "show";
% D8 R! m/ y0 |# e6 o: u( t' u3 k      }
. F* @2 m' e( M% L$ c6 J0 [( v0 ^" I1 K   setTimeout('moveBall()',400);
/ m- E8 q4 s; E3 Y! I   if (hidetimer!='')- y4 X: T: k1 A3 A
   setTimeout("hidetext()",hidetimer)- s( f% n' Q0 ^! r6 c+ S
   }& s/ l) J& c  P" `9 b- S

  P' b; O: X$ L' y# n! gfunction moveBall() {
2 s2 X3 m$ U0 I   if (superballRunning == true) {
+ G5 U. ~# d8 T. q6 s8 D0 I      calculatePosition();
& j; h7 a4 A* F5 Y2 r" W/ P      if (document.all) {# k; w; K4 F: G2 y4 D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( x& C* A' _' L- R( v) D         document.all("supertext").style.top = yPos + document.body.scrollTop;  G/ m  v$ c- U3 `
         }
# j+ [1 o8 l/ t3 k& p6 B  n4 D      else if (document.layers) {
" d4 [6 n3 L* T. K7 h5 u         document.layers["supertext"].left = xPos + pageXOffset;
  q' ]  k1 m# m" E: t7 e3 C/ j7 P' L         document.layers["supertext"].top = yPos + pageYOffset;
3 T( X) |/ o7 K! ^' n% `0 c         }3 Q) `, B$ N  z1 O) [' o5 ~
      animatetext=setTimeout('moveBall()',20);
( A) [! Z. c5 C9 |( `      }. z( U0 ?5 E, u" Z
   }
2 ^3 L$ h  T' h& q/ ~& b+ A9 s0 F, X  B6 l8 C/ D& @4 n' w" f# p
function calculatePosition() {3 {( X; P- l' V+ U
   if (xDir == "right") {7 V6 M+ R; k+ w/ n
      if (xPos > (xMax - contentWidth - BallSpeed)) {
- X8 g4 T0 E: w& o' L, T& ~         xDir = "left";* y/ p# E: E1 U% F9 V; ~& B2 O
         }
' z8 c, x7 w8 I1 @6 ?      }
' I, f  W! a$ S7 Z* [; F   else if (xDir == "left") {) Q3 E- I1 B; o
      if (xPos < (0 + BallSpeed)) {/ x, k2 j9 C: |" Q, D+ o
         xDir = "right";6 K/ Y% l1 h& U2 k9 {7 p4 r) S7 Q5 z
         }
. _7 `2 L7 ?2 \3 v! y      }
; v2 |" Q) L2 T0 T7 o  j# f   if (yDir == "down") {
0 y/ @" m" j3 Y  B* n5 u7 C& u. i  ^      if (yPos > (yMax - contentHeight - BallSpeed)) {5 L: T1 R' j  U3 n5 l  \. q: \
         yDir = "up";
& j' W  V6 T* B4 b( w" N         }
+ F/ r$ J, |# `/ Y+ F" j/ Q6 T9 J; @% m      }7 S( w/ D! O% Y2 U
   else if (yDir == "up") {
. Y8 f$ ?; ]. d) B/ ]. f) S$ L      if (yPos < (0 + BallSpeed)) {% n: g3 n2 T0 t3 b* N! d
         yDir = "down";
0 l. l: t, Z# f) J9 c! E$ w         }
( c- ?; y8 ]9 q! M+ t& V6 g+ K      }3 T9 B3 `1 ]% b  R: }/ F2 ]
   if (xDir == "right") {- o# g. `- g, i- p7 O) C
      xPos = xPos + BallSpeed;6 P. `1 m9 y. L. S% E
      }6 N# J+ B$ ~; g3 `% D
   else if (xDir == "left") {! s7 ~9 X; U$ W# ^
      xPos = xPos - BallSpeed;6 [& q+ C; G9 O7 s( X
      }) ~- {* r  d3 u) N) I9 Y
   else {- L0 _0 X. a9 P* w3 G0 b
      xPos = xPos;
6 [3 x3 ^+ U6 H! N" s      }3 E7 x5 o( t8 b, o4 Z
   if (yDir == "down") {
, _) f. p( ^' m0 \9 R6 V      yPos = yPos + BallSpeed;* d% E+ t% F* h0 y- D- N
      }
/ r, n/ G$ e$ D: D; ^1 ]   else if (yDir == "up") {' O$ N3 R/ \0 v& W. F
      yPos = yPos - BallSpeed;2 M) d6 G& b  @' b  c8 ]5 a
      }
1 {0 _' {3 J4 A% t8 ?   else {
, R5 H- o4 w4 H# L% r      yPos = yPos;
- X/ l3 v2 X. [$ _      }
8 b: E/ q" O; T6 k8 I- E2 f) N   }
) r9 V9 w+ ~3 s! E1 }6 q) l% U6 d, A2 R$ f. B+ ?
function hidetext(){& Z/ u# E: ]4 @+ Z) u( s
if (document.all)# l3 u: v4 X  Z; j
supertext.style.visibility="hidden"
, w! V8 Y7 {' s$ w8 \, S. jelse if (document.layers): M( H, [5 N3 _7 j1 D
document.supertext.visibility="hide"% m, i3 _7 S1 }* z; U
clearTimeout(animatetext)0 x% q7 b4 X4 u- S3 f) B& L) U
}
+ I8 I# D$ }+ j" E$ e- \7 o4 P  Q9 T& h4 u
if (document.all||document.layers){
) g: s2 ]1 w. v, K7 odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% V1 r3 R3 c9 k1 ]/ @3 j
window.onload = initializeBall;
7 y. d5 g8 i# a* r( I7 d( y7 [window.onresize = new Function("window.location.reload()");
% K' o# }  a. a}9 R! L' k- ]7 @0 Z6 v; O* x7 }
# U& j9 M8 J" l- g1 G9 b
</script>