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

zw2004

<style type="text/css">
8 I: X& q' [% ]9 N6 @2 \! @, x% K#supertext {
+ ^0 I. q! I7 q. J& R5 Hposition:absolute;
9 D( [0 Q+ {+ S( E7 {left:0;
0 D' a' ]6 C3 r' K2 ]4 N/ qtop:0;
) {) Q' q. ?/ ?  Ivisibility:hide;2 ]& v( f1 }0 Y5 ?; @
visibility:hidden;& r: u1 H7 i# [- P3 Y& T
}9 n, _; C5 \2 E; A" y
</style>
8 k7 P- j1 B; }- P: y' W/ K% ^<script language="JavaScript1.2">6 O, y$ R6 c0 H
<!-- 改变下的字体的大小。颜色-->. F& f% @9 p% f+ [' v/ C* ~" b
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 W! n$ w# j/ Q
var hidetimer='';
+ ^% ]2 c" n. x<!-- 改变下的弹跳速度-->
3 C1 r; `. [" w. D, P: P' J# rvar BallSpeed = 20;3 r: x( r. [4 z0 X4 O, D+ `
var contentWidth;, ~- R  ]' S  y: |5 S
var contentHeight;/ Z5 ~+ U! D. ]% U2 ]
var maxBallSpeed = 50;5 M; w: S3 k. l2 u. I% J% x

) h/ l4 j! Y4 ~* F# t+ q
( r# E  E1 M; w% {" u  o9 K1 Svar xMax;
% a0 s# F( z; K% V1 N6 Yvar yMax;& t" W* f( Q/ z3 ~# Z) m
var xPos = 0;+ H2 s2 m1 [* n* n6 [
var yPos = 0;- g' I. u  K% a
var xDir = 'right';, G/ a2 I* g( F8 l/ M) d4 I3 I8 Y7 g. p
var yDir = 'down';2 a7 M" l1 m* T3 g+ E
var superballRunning = true;( R+ ?* [5 S8 `% w' {+ F5 \
var tempBallSpeed;
- o9 ]5 g, \7 p/ o) x. X' a- Svar currentBallSrc;
( j8 M2 s" u( O3 T3 G7 Yvar newXDir;
" l) l7 d) Q- Pvar newYDir;
9 t! L7 m- Y  ]6 i5 ?" Q! |% }" P5 ^" y. }  R3 P" ]1 l
function initializeBall() {
7 e7 E1 @$ M6 O   if (document.all) {
/ {. v5 p) k1 e; d, H- S2 d) E      xMax = document.body.clientWidth
* m: H% |. I( _      yMax = document.body.clientHeight9 p- H2 [( r" }+ P: t' E
      document.all("supertext").style.visibility = "visible";
7 E1 x: z; d' N      contentWidth=supertext.offsetWidth
! C- u* e3 b( v2 {- m) j      contentHeight=supertext.offsetHeight1 D3 |" Y3 T1 @) u$ z: s
      }
4 E/ a% M. g% A! x- _   else if (document.layers) {# U: ?! z' Q5 u1 [. M
      xMax = window.innerWidth;( c' @, s/ X7 P' A; w
      yMax = window.innerHeight;
/ Y! X( W! Z' i  O      contentWidth=document.supertext.document.width. j8 X7 X9 O" I' V5 e) X
      contentHeight=document.supertext.document.height; l" K3 _, M/ A1 p
      document.layers["supertext"].visibility = "show";7 z/ M' t$ R" X3 }
      }+ X% F, }& e% y5 D( i
   setTimeout('moveBall()',400);
8 J' p0 l5 c& d8 K& m& l   if (hidetimer!='')
# y$ I* S8 i1 [: G/ C( J: D   setTimeout("hidetext()",hidetimer)
5 `* F! f" e% m+ H   }
! F$ Y! o" J% i/ M. f6 t% \3 {& f  i* d7 {
function moveBall() {" c6 h: R) R! q' v5 {
   if (superballRunning == true) {
& H7 R' [6 W7 Y      calculatePosition();0 M. B6 p8 x% F$ N# ^
      if (document.all) {1 s7 @0 A; @1 m  D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. F4 q5 k4 z& L% s% D( U  b! d! }1 A         document.all("supertext").style.top = yPos + document.body.scrollTop;: K$ {: V1 Z8 t' g$ K
         }6 q0 ^8 g% P- L3 L/ S7 X- |, q
      else if (document.layers) {1 j, G- \4 q3 ?3 j/ {" m
         document.layers["supertext"].left = xPos + pageXOffset;- v! B' c$ {# M# Q
         document.layers["supertext"].top = yPos + pageYOffset;* J* v4 s. u: ~! C5 M2 @/ e' |
         }$ `7 a; O# H4 G2 y1 C
      animatetext=setTimeout('moveBall()',20);# M1 n( e1 u9 |, E8 b
      }  D! I( `1 F2 k& M" _
   }: s1 ^; L: E, U

- W' U+ V) P' h2 ?. M  S6 ]function calculatePosition() {; b6 ^: R. ]5 l. L* l+ @) @
   if (xDir == "right") {: T" U. }1 V; l4 r
      if (xPos > (xMax - contentWidth - BallSpeed)) {: b- [) l7 E" [: }* F) x3 b# D4 a
         xDir = "left";
: J1 l$ S4 M8 h- ]# l         }& a4 h8 Y( K- J; Q( f( _
      }+ T. a! ]+ G% e2 }% W
   else if (xDir == "left") {+ _6 V; k8 n0 r. {
      if (xPos < (0 + BallSpeed)) {! ]; A2 a9 y9 v+ Y6 A7 X
         xDir = "right";
9 x1 Z" ]5 [" ^& @4 ^+ X% [! x! t         }
4 N. v" O' [8 R      }
1 m& J$ ~( X3 M! a6 d   if (yDir == "down") {
8 m4 F- B. o; H6 K4 f      if (yPos > (yMax - contentHeight - BallSpeed)) {* M. H$ D0 g' {0 G
         yDir = "up";, y9 n$ I7 O' W. ^5 m* ?
         }7 ~% W3 i, [2 H1 |
      }
) M- V6 |3 P+ h% M  n$ W% D   else if (yDir == "up") {
& h, ^8 a* ~* ?% n: M' n      if (yPos < (0 + BallSpeed)) {6 k5 f2 y/ v( q( a! W. `; f
         yDir = "down";' z# N6 E6 w5 R" K
         }
' \* V9 F2 b2 c! f7 m      }( z" N- w6 _7 Z4 ^
   if (xDir == "right") {, h- \$ H0 M( x4 [* O
      xPos = xPos + BallSpeed;
1 ?8 M/ Z: @0 t0 x) Z      }) m6 f% m3 r4 i4 L( g  Z7 i' t& ?1 d
   else if (xDir == "left") {
/ V& O1 ^& V* {      xPos = xPos - BallSpeed;/ G( L4 y. m) M" U) _" S8 {
      }1 O* ]% m! u  t/ D
   else {
2 W# F- F! G# B0 Y8 p1 E2 ?6 M      xPos = xPos;" \! ~" u2 |1 w* g6 C, w
      }
. s! @4 N$ ^" }' }" @   if (yDir == "down") {; A+ c) i0 G; ^! e0 t7 P, M/ u' d' \
      yPos = yPos + BallSpeed;
) E- E. h2 |) S8 B! O3 e9 c5 K* x      }  f% R1 [+ s- P' c( x" {
   else if (yDir == "up") {+ _2 }$ ~& |: u; B
      yPos = yPos - BallSpeed;
- i" \0 F, ^* C. h2 I8 O! k      }9 z% j: u( Q2 a! Y  S; y1 J' S! W; w
   else {. h( U) `8 a, m. _' R, M
      yPos = yPos;0 a: l6 Q; u( I( u
      }8 R& }( f( P0 h" e7 E
   }6 @. Q1 s, J+ W8 }
: I) {6 ^8 L: S$ c
function hidetext(){  T. U5 s' I% v7 I4 ~# g( f
if (document.all)" @$ k6 W! d  U( D; D: z
supertext.style.visibility="hidden"
) T8 B$ H8 e% |9 z1 `- Velse if (document.layers)* A9 i4 m: L% N  q
document.supertext.visibility="hide"2 A& ~  E2 Q) o
clearTimeout(animatetext)
0 D# l5 P6 F: y1 C* n; {}4 [" e3 D& I) ?
) _- ]( G3 V+ N, D, b! U: {
if (document.all||document.layers){/ L$ o9 {' A6 C6 y% {' B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# j6 [* K. ~' L- h& G2 M5 j: E
window.onload = initializeBall;5 F$ U. _& g) `( w
window.onresize = new Function("window.location.reload()");  P9 _) ]9 u8 U8 z7 D2 C# o
}
+ x- X- V4 r( |  k( V9 |
6 }5 m5 }0 g* R( ]9 T7 }</script>