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

zw2004

<style type="text/css">
- ~* _1 D% h+ \& P#supertext {
% Q2 h: X" ~& M) W4 }position:absolute;/ t4 h$ A! r1 l6 }' r
left:0;' N( ~4 g* ^! [5 I- @
top:0;/ p0 J* h$ {9 A+ V0 ]) Z; P5 V
visibility:hide;
& Y  p, `: T7 g8 t- i8 ?visibility:hidden;
8 q# Y/ }2 k) g6 w$ s}
6 @! f" G/ c7 |7 j8 M</style>% P- Z! f6 [& V4 d6 P
<script language="JavaScript1.2">8 t# n( u) u. i' G8 P0 [: V6 @6 L
<!-- 改变下的字体的大小。颜色-->
/ C' q$ V0 ~, i! @/ b) c5 Bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 G! C, T9 E- H. Y% Y1 @% S4 c1 J
var hidetimer='';( r" ~, `% Z# z9 p  m4 M3 l
<!-- 改变下的弹跳速度-->% ^: p* I# d9 V+ x# c
var BallSpeed = 20;
; S. r; A4 P- B& @var contentWidth;) }/ R+ U  t6 Y% \4 _* ^
var contentHeight;, O- }, a- k7 M
var maxBallSpeed = 50;
& v6 I1 Q' e; E1 _2 r7 j# T# [6 K1 {/ C* g# `+ `' ?# T
6 c/ `- Y4 B* u( ?1 j  l# ?
var xMax;3 ~' ]3 ~2 P: {) K+ i- ~( s
var yMax;
. P( A, X5 }6 Y5 ~7 N1 {  ~/ [var xPos = 0;
5 s1 ?3 S  E! K7 dvar yPos = 0;+ q- i) a' b8 K8 Q4 C0 ]% m2 D- j
var xDir = 'right';
9 T5 M8 h; u" j$ [. ^0 m" D% ]9 T8 fvar yDir = 'down';
3 D1 D1 C( v1 A$ Y1 o" ?( Rvar superballRunning = true;, A# a1 m+ u8 R* C, s8 f/ S+ s
var tempBallSpeed;
5 E9 S% M( D2 O* g$ F, i  B( Dvar currentBallSrc;
; Q& [( R2 }/ ]! x2 P7 }) C* pvar newXDir;
3 }& D+ E4 r  V* ?9 j% U% wvar newYDir;
$ c( M; N1 u# L0 y; o; `( d1 b0 h; v( l. V7 t+ W
function initializeBall() {
/ j; G/ K& Y% y1 \% F   if (document.all) {- G  ~, s6 ^/ l1 Z2 Q+ j
      xMax = document.body.clientWidth' C1 M0 h0 R- e! J/ h
      yMax = document.body.clientHeight8 a( d1 A/ q  j# Y# L
      document.all("supertext").style.visibility = "visible";
. H$ f3 U3 P, n" T      contentWidth=supertext.offsetWidth
' {$ v& ?; O0 v& s- ?0 k$ {/ x6 T      contentHeight=supertext.offsetHeight- e# ^3 F3 P* W8 @; S
      }
2 ?& u% Z( v+ r# q9 {& \$ T8 k8 t7 o8 C: B   else if (document.layers) {2 e+ H) _2 e8 L- f( s% E
      xMax = window.innerWidth;
! F& ^7 T; Z/ L9 n) `  S% o" R! y4 T      yMax = window.innerHeight;% m2 l3 ^% V3 N
      contentWidth=document.supertext.document.width0 W2 Z4 g# M5 F& {, a4 I
      contentHeight=document.supertext.document.height
( O# G, w0 y1 n" F/ O+ b6 _- V      document.layers["supertext"].visibility = "show";
( N- a9 o4 K/ W. L4 |      }
* c! J8 N2 Z/ _" y6 v) y   setTimeout('moveBall()',400);
1 N8 F- I) J8 E  C& C7 W   if (hidetimer!='')
! L( c, W0 y- j9 l, f; g, A  J% ?" D   setTimeout("hidetext()",hidetimer)* F+ z, t7 c) m: B
   }4 M# R  x1 v/ C4 O) l
8 B; y/ a7 h6 q
function moveBall() {8 W" L" e+ ~2 O  |% p
   if (superballRunning == true) {$ u! L+ s: D! w' L, E/ \  y
      calculatePosition();
$ l: A% q8 d/ l2 ~: l      if (document.all) {; e& H( N& \, V5 A5 t" y( g( [0 K
         document.all("supertext").style.left = xPos + document.body.scrollLeft;: l  a8 ^, G6 U9 v* H
         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 `) I) J* f  ]; m# L  i         }4 C, a9 g- v. E
      else if (document.layers) {
6 s. c# w) P7 ^1 G$ F- R, p5 y         document.layers["supertext"].left = xPos + pageXOffset;
2 h) p3 k& k0 q         document.layers["supertext"].top = yPos + pageYOffset;
) C* ~& A, j. _/ h+ K         }9 P1 v. `8 B$ Z$ e4 H2 W
      animatetext=setTimeout('moveBall()',20);3 A1 u( b6 E1 s# t4 r: W
      }
5 h; K& m  T" d) x. x5 o   }
% @  ?: @2 @* J# z; |2 ?1 d6 W
/ P  h- K+ r, j' q5 hfunction calculatePosition() {
7 e7 a. `5 [$ ?9 I& j   if (xDir == "right") {3 L0 O" o" I; Z2 [) y9 k
      if (xPos > (xMax - contentWidth - BallSpeed)) {% a6 }7 G& O6 u. c9 e/ v- ?, O8 v- K
         xDir = "left";
9 Y$ \8 m) h8 p( i         }
! Z8 ]! M: H" d* T4 T8 E, i; j      }4 _5 p# y- Y5 E1 b
   else if (xDir == "left") {
) q! a* K' m/ h+ v6 S' ~. }0 k      if (xPos < (0 + BallSpeed)) {
; [  B. {4 y. F8 l         xDir = "right";
* g  k' W8 [" N% R         }7 W! ]0 |, y/ W2 k/ d: V7 Q
      }# H& m  n# ~/ d' A
   if (yDir == "down") {
3 \' i! y. x9 {, m2 r+ l      if (yPos > (yMax - contentHeight - BallSpeed)) {
! n5 G) d* w9 i* @8 }         yDir = "up";
7 \; m& C- P' y6 _) L8 ?0 r: g9 r: f         }; W) |4 a2 |0 Y- m6 d+ p
      }
3 k' u) E+ L9 T7 H   else if (yDir == "up") {: t" v: V  D* M" E* G
      if (yPos < (0 + BallSpeed)) {
4 ~3 e( |1 {& Y( s* [% g, a         yDir = "down";
; `# }7 j! d% M* p. x5 T( B* q         }: d; l) K. I% e
      }: n9 G9 d$ x6 v0 p4 W. Z& \
   if (xDir == "right") {2 Y$ d0 M; l1 K# G- ?. n8 O3 M
      xPos = xPos + BallSpeed;, a" p, ~; E) _8 e$ V
      }: M9 [( z/ ]+ ~% b" ?2 T2 `
   else if (xDir == "left") {; M% G) t8 [; O; h5 N% K
      xPos = xPos - BallSpeed;
1 i( K5 I8 p6 v" o& `8 {      }
# _2 C7 ^/ k9 M. `$ Q4 B  q   else {: a" `! F. k/ \) Z6 g
      xPos = xPos;
# U* S; ]" X- v$ R* M- z      }4 u: ~4 Q$ f+ N( N3 I. F: ^
   if (yDir == "down") {
6 @, ~: J3 {" v6 S/ m& X# J      yPos = yPos + BallSpeed;# O& Y0 J* J* p) f3 v6 d) z
      }& _  M" K3 @6 H/ F9 R1 j# S1 L8 e
   else if (yDir == "up") {
) G9 e& U) l6 e      yPos = yPos - BallSpeed;- j, P5 N+ [" p0 Q; w: b
      }) X9 e# [0 S, U
   else {
* _' {# J! F8 ^3 V% d- S      yPos = yPos;3 ~! B+ J8 ]( i  h0 p" w- F
      }/ z# V3 M1 M: }
   }
; O% {1 d2 ]' P. i* f- T1 P5 |# P. l
function hidetext(){
  t* i; u; ]. F0 x3 dif (document.all)
9 O: E% f( ?; r; H' [. asupertext.style.visibility="hidden"
- ^! L1 ?% T4 K; T7 l' \else if (document.layers)0 F9 M! B+ }8 U! P! d
document.supertext.visibility="hide". ~$ d+ |4 t( a- x: T. A% u3 O; O3 e
clearTimeout(animatetext)
6 t" Q5 O3 K1 s' Q+ k$ @}
2 Q7 ]2 E# J; R% e2 J
/ |- s: ]4 P- Z2 Lif (document.all||document.layers){
: B/ O3 f0 L. z5 S9 w0 Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 y; z# r; u5 D0 e
window.onload = initializeBall;
4 O/ ~( h: O" c1 N, X1 ^window.onresize = new Function("window.location.reload()");6 Q# Y! ~: R) Z- `
}
& h. h  A" U- C; G( D& l" T0 u, s' ^7 Y1 L* G, S9 n
</script>