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

zw2004

<style type="text/css">
0 N) D7 v3 ?1 g5 V#supertext {
# C; U- B2 T' A5 @9 Yposition:absolute;
0 Z" |7 d( l& C. ^& A6 [8 Bleft:0;
- N7 j* O  Y* Ktop:0;# S, d0 M- X; J! j# b
visibility:hide;
# S& E! R+ G" }5 D: B3 f! d9 E- jvisibility:hidden;. }* K  @9 D. Q) H* e
}; V; \- X" L) C3 Z
</style>- ~* z$ F) K8 G% F2 C! v6 U5 S
<script language="JavaScript1.2">
" b" \0 A. A9 ]<!-- 改变下的字体的大小。颜色-->& |) ?$ Y) g% `5 B" D3 T7 F, u0 o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 Z1 x  X1 }( X& G% U% Q4 Gvar hidetimer='';
8 F3 [2 ~% q" n# n  f- G% S3 w8 y<!-- 改变下的弹跳速度-->$ L" [1 L, B7 d2 i. i. q, Z* ?
var BallSpeed = 20;* Z. e5 G& j- N& X/ N- \* N  g
var contentWidth;! x3 G' V: |0 p7 [0 }6 `
var contentHeight;9 {' u6 I0 P% w8 ?: W1 V5 D8 h) U) U) {
var maxBallSpeed = 50;% L2 a/ o- @3 n4 Y1 z9 }1 h# X# x
. F& L! S% Y+ b9 ]2 J+ d

9 ^% h5 r5 D8 t! `: T( U: svar xMax;1 }" L# i6 ]' @2 v; j: {
var yMax;
7 R5 c% o' h' {0 a+ u% Y: O; nvar xPos = 0;
% }8 r9 Y7 }% l! p4 V' pvar yPos = 0;
- a0 D6 `4 D5 o1 L& fvar xDir = 'right';
9 X9 L; J1 d: b% b8 q' ivar yDir = 'down';
# S( x- m# n! D& y8 Uvar superballRunning = true;' v5 Q5 a% ^0 L' E
var tempBallSpeed;
. A- q9 a7 o' c/ y" ?$ tvar currentBallSrc;
4 E! |8 o* z% Uvar newXDir;& W# {9 \' j6 J) P% S4 w! H. v
var newYDir;
; [! C! O  A+ B- k. ~5 u5 C4 M% V( b+ N" X+ z- v' }
function initializeBall() {
, r5 M, k3 ^4 g3 @   if (document.all) {
( p& O3 c& \  Y9 Z/ I7 T3 j      xMax = document.body.clientWidth
( u- N! ?. ~  S# f. l; u8 Q; c( S      yMax = document.body.clientHeight3 z6 G* K4 M  D2 B
      document.all("supertext").style.visibility = "visible";
6 L) u5 T$ L1 T5 Q      contentWidth=supertext.offsetWidth
+ E' J$ h( D$ u/ A      contentHeight=supertext.offsetHeight# f4 U/ k8 t% W; z
      }
; H: f0 \4 r; L. Z; A. M7 P5 D   else if (document.layers) {( J  P8 `7 W) H! d- H9 K
      xMax = window.innerWidth;6 N: |8 Y& ^) N  A- Q3 Q; Q
      yMax = window.innerHeight;
& |$ A% t4 o/ v3 ~9 e. W. v2 d+ |      contentWidth=document.supertext.document.width
# D8 d; I9 k- d) \1 M0 n2 q7 x+ T      contentHeight=document.supertext.document.height
6 M# }: u& W$ P( L9 M$ i' T) J      document.layers["supertext"].visibility = "show";5 X8 [/ n, [7 f! U
      }6 n2 ]. O4 m: P8 m3 s" L0 p2 a# ?/ ~
   setTimeout('moveBall()',400);% y! n* x6 q& ~5 `' K
   if (hidetimer!='')
, \  P' _7 D$ e+ R5 ~   setTimeout("hidetext()",hidetimer)
& ?0 H) m2 \! g# m1 t   }/ X; }- r* z- L  c# N+ h" q! K

9 M$ Y8 M5 E, B0 Zfunction moveBall() {
# G3 m& e% n' Z2 n3 Z. f   if (superballRunning == true) {0 ^& Z/ j/ S' R1 G- S" r% q+ y5 \
      calculatePosition();
. L9 Y' h, N; ]7 k$ u. \+ |  W      if (document.all) {, w! W/ @( R4 H& q1 d, j- s: G& ?
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" Z5 G$ @9 L% d: z# I; f
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ X( r! u, ^: @) m% Y( n         }& ?2 T& `5 Y0 d
      else if (document.layers) {6 K( y5 v- }6 f/ S6 w
         document.layers["supertext"].left = xPos + pageXOffset;0 C# Q) G; t% @5 V- U. ?, g
         document.layers["supertext"].top = yPos + pageYOffset;! a+ K  H( @9 m! x  A* {6 L' X+ }
         }
1 {- z( C( w: u5 q1 x8 g5 y      animatetext=setTimeout('moveBall()',20);
, u4 M6 q; H2 w- z      }
/ r% r+ n) p. \7 l, U4 v2 k* w# N   }+ K6 r2 W, |5 f9 K# _" R2 I6 j& H
9 B+ E! ?. V" J$ Z
function calculatePosition() {
) ~8 i( f1 V! `3 t( Y2 x2 N. ]   if (xDir == "right") {
$ J( O4 q# D+ q4 p0 a. c      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 X* N0 O5 x! Q& {. i/ ^         xDir = "left";5 q1 _9 k. l; f" U4 g4 o
         }
, e1 a( W0 q" ~+ M, n( L: b/ K      }  [- y* V8 Q. q3 v1 P& J, a0 ?
   else if (xDir == "left") {
5 X8 a% J8 a' [5 i) c9 d! N" _      if (xPos < (0 + BallSpeed)) {
5 Z. j' t* n$ M4 M! t5 t         xDir = "right";% @( i6 q$ _! c8 _, }6 K2 f: ?8 Z
         }
4 ?1 f$ t$ x9 `2 G. w      }
! M3 F+ L" ]$ d9 b1 c: T. f8 p$ D   if (yDir == "down") {
' u. W; S$ m5 |& [/ v, D) u      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ V2 h; A5 K+ u: i         yDir = "up";
. S) c8 S9 T+ @& y1 |6 P# W         }
1 a9 a6 N/ o  c& w( q      }" p" l, o' M: u
   else if (yDir == "up") {- P& O# Q1 C, x& ]! I4 k
      if (yPos < (0 + BallSpeed)) {! y" Q3 o2 b8 t. U# E, G  `
         yDir = "down";
7 x  _4 z' H$ _, [+ S         }$ u  U, k: j8 }2 w  l6 L
      }. {4 Y, D9 w$ ~5 _8 M
   if (xDir == "right") {% X5 f; u* L% K  E/ B) s
      xPos = xPos + BallSpeed;2 K# ~/ @6 s( o# t# W: y
      }2 a' \" A$ B. c; O
   else if (xDir == "left") {) C# G, E. G5 d; s/ Q* ^7 i- C' H' Y
      xPos = xPos - BallSpeed;
" r8 L+ Y3 |9 i) [& ]/ E      }
. P" f! k8 m( ^' e8 t# e7 R   else {7 {0 l7 E7 W2 \  Z, l; `3 F
      xPos = xPos;
$ R, y3 q( r  ^1 K8 u      }5 s$ X( m( f. n7 y% J9 ~: x
   if (yDir == "down") {) t; m/ |$ ]6 j- u) M
      yPos = yPos + BallSpeed;& u# G0 F9 m5 T% `/ R7 S
      }
- D+ F! ~7 E2 K3 O- Q' S- \" L   else if (yDir == "up") {* _' B! j) |9 k( S! ~. D
      yPos = yPos - BallSpeed;' U/ \: y: D% e$ U- F# Q: @4 X' L
      }. h4 @0 }, `; \. l7 w4 D
   else {
0 U1 C. t; P0 R5 {4 j      yPos = yPos;  k( ~0 r# r( g
      }
" W7 J- ]/ b" z4 i* A   }# z3 ?7 s' M1 x# B0 g! `! Z
4 T7 i$ P7 m8 X2 D/ N: g/ ^9 ^6 J
function hidetext(){6 a2 X  B, M8 n( T
if (document.all)
, ~+ x7 O0 u" m, X$ Esupertext.style.visibility="hidden"9 F: h; v* U/ c
else if (document.layers)% w; D  v+ G9 ?9 J& _! y" }
document.supertext.visibility="hide"- [8 [$ U( I0 Z6 h3 d9 \5 ?5 e
clearTimeout(animatetext): p3 t* \/ G* V, `
}) S( C2 ^5 Y: H" s  \. F' ^

; N6 Z1 @  Z$ E8 fif (document.all||document.layers){
' B( j: v; g( bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 t# Z/ F9 j* f2 u' d
window.onload = initializeBall;
5 |" i0 r- q1 [' s/ \& c" Dwindow.onresize = new Function("window.location.reload()");4 }' K$ @6 M" @0 Y( ]
}
. X, n# m( m  {) \  A' `/ N; U6 H4 H+ @% n5 ?6 \! b$ G! F; \# M, l
</script>