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

zw2004

<style type="text/css">
1 b& Q# k2 _: t# m+ @#supertext {
8 o7 D1 K% f5 @. L1 M" J* M/ fposition:absolute;5 C- E9 b0 x7 Y# m% P! u) M
left:0;
/ L2 n& C& h! O' ~6 y5 Xtop:0;
* t  v' i& U: O/ K% b& u# evisibility:hide;( }5 H) u. G( T
visibility:hidden;
$ u  ~" N; h& C4 Y) k}8 b: ~. f0 r1 u' t' C5 {  s
</style>
# ]$ S6 ?+ p! G! V<script language="JavaScript1.2">7 d  |; f0 J6 q- f: W4 K. ~8 ]
<!-- 改变下的字体的大小。颜色-->0 W  w' m* W7 I9 |- x3 L, D) u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 D! s6 _8 W( `& ]9 L
var hidetimer='';( y: T% P4 r+ Q, h4 H( W
<!-- 改变下的弹跳速度-->0 D: @( b2 Y0 b0 a
var BallSpeed = 20;
3 i% Z7 C2 D* _: o1 W5 A9 gvar contentWidth;/ I# c* u7 W# ^
var contentHeight;
) A/ U$ ~7 y  n$ ^0 @0 wvar maxBallSpeed = 50;
+ q1 _/ r% e  s6 Z8 W) P6 y5 c# i
/ d: Y; {" F8 n6 j$ M) V8 Z& D, M, u
; P1 |9 d6 e% J* W  nvar xMax;
7 D- F9 j4 B( A1 m8 n9 evar yMax;' i$ f/ w( e: Y3 T! F% Q* C
var xPos = 0;. ]: A5 U$ K# v" c- t4 V0 S2 V
var yPos = 0;
) }: z, s) s' l/ f! hvar xDir = 'right';4 S, _  g% J4 |9 R( v
var yDir = 'down';
' ]$ I) G; M4 e. X% w8 D1 ?var superballRunning = true;
% B  T0 w( ~6 f% A5 _# Mvar tempBallSpeed;& H; d5 P+ Q+ ^! e$ p
var currentBallSrc;
) l) i$ x! g" M2 A* E' z$ }; Fvar newXDir;
' `1 p) d9 M3 t8 I; ovar newYDir;; c' d5 T& r4 }5 q

8 h" I# G1 b( B2 q" qfunction initializeBall() {
/ K& ~0 ^; H! w& K, [) F   if (document.all) {
5 R8 x' S4 B8 i' z( {2 f      xMax = document.body.clientWidth
7 w& x9 F- u0 V: S; s" F8 u      yMax = document.body.clientHeight
( z0 m/ B' M+ a      document.all("supertext").style.visibility = "visible";
4 R* N  M& Q" J. p" v9 a0 I- T      contentWidth=supertext.offsetWidth2 M3 l/ }, j. e; C3 L
      contentHeight=supertext.offsetHeight
: T0 P" W$ r! [) a, A) B      }$ {9 c9 l' k+ J: z6 s
   else if (document.layers) {
* _5 |4 d, j) A6 S  |+ q" K      xMax = window.innerWidth;
3 p" w1 X% v, D1 N+ A+ I      yMax = window.innerHeight;$ a. H% l0 o$ H
      contentWidth=document.supertext.document.width
; @* c' b1 i# p! w6 {- Y      contentHeight=document.supertext.document.height
4 f' b. z. g0 L      document.layers["supertext"].visibility = "show";% P+ c3 E( [8 c. z- `
      }: w3 j1 {& j. K+ x& G
   setTimeout('moveBall()',400);
+ T& |7 x' f$ t  x) |4 S   if (hidetimer!='')
/ }# d7 u* @! x5 M; q# [+ B   setTimeout("hidetext()",hidetimer)
2 M$ f( G+ C) D2 j   }2 `# D, v, ^/ Y- C3 F) Z5 b7 `

% x9 f) u  j* `5 @* O! \function moveBall() {) K, p- y! u# @6 ~; H* ?+ M
   if (superballRunning == true) {
, {& P/ V7 R; c: @      calculatePosition();
# \' g3 Y# K  \      if (document.all) {# G, W7 p, z* D" I
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 ?  D" U1 O- `7 E3 p6 r2 w         document.all("supertext").style.top = yPos + document.body.scrollTop;+ ~( M- r) Q0 ]. E" K+ S* g# h
         }7 {) i2 p  ^, T& }; K* G
      else if (document.layers) {  H9 t( g& _  `( s# y4 H) e
         document.layers["supertext"].left = xPos + pageXOffset;- O5 |* T4 P# d( `1 b2 u, z9 E
         document.layers["supertext"].top = yPos + pageYOffset;& u, y2 U: n5 c2 e5 h. ?# d* b( f! G
         }1 B4 z& O' N" P. ]6 R* r5 Q: Z1 }
      animatetext=setTimeout('moveBall()',20);6 Y8 i8 L- M3 n, c9 ~' h
      }
3 B6 z, L; L  R5 w   }
2 q' l3 w* T% [, ]3 ?1 T( d
+ W8 B! j# r6 f% o. Sfunction calculatePosition() {
. b' y, u$ e! P) M! L6 L   if (xDir == "right") {! M% U) D4 H% d) N
      if (xPos > (xMax - contentWidth - BallSpeed)) {- }7 s4 K; D" a" ?0 G5 v' Z
         xDir = "left";
' y' |; Z% @2 ?8 Q         }1 V, V: M: G- ^1 N1 z! b
      }
" B* y& f! ~$ P  W   else if (xDir == "left") {* ?9 N3 O2 ^7 K; y8 X' E" _0 {
      if (xPos < (0 + BallSpeed)) {6 [( k$ M, c; q+ P2 e
         xDir = "right";
0 Y, S% Y: {6 {2 o& B. h. B         }) V0 Z  [6 B. B% y; N3 v- g" [9 n
      }% x! I4 c, C2 e. l8 X+ y# }% X2 Z
   if (yDir == "down") {1 m; v: R( R8 `% H1 m
      if (yPos > (yMax - contentHeight - BallSpeed)) {. H+ S8 \# J/ Q0 X# A2 V
         yDir = "up";) @7 V3 [' N( V1 ]) M; H
         }1 y5 I* j1 _" V  [" F
      }, ~; i$ U8 s' s% |
   else if (yDir == "up") {/ r5 j0 Z7 [6 t) k% ^2 l  k; B
      if (yPos < (0 + BallSpeed)) {( w% L3 n& [! L9 v
         yDir = "down";
4 S% a- U, I1 b) r! F( K! h8 y         }
) V$ J2 k$ }- g5 q* {      }
  x/ f6 i, U! Z% l" L3 Y6 }   if (xDir == "right") {
& C; {0 Z) @! f+ d" R0 m      xPos = xPos + BallSpeed;
; }7 m% d) J% _0 K      }* R5 C- @: |. \+ f; @8 ~
   else if (xDir == "left") {
2 r, _" s" S) y" ?: R      xPos = xPos - BallSpeed;
4 n! a* Q+ o* |6 g* v      }0 H( R* Y, y& y! g4 C/ ?1 g' r
   else {
& ^) ?* H5 g# g8 G7 j      xPos = xPos;
* v+ l& r9 n  X" R8 _* I( W      }
+ j( a' K. \9 x   if (yDir == "down") {* |$ ^) s* {4 w* K- R: w
      yPos = yPos + BallSpeed;" U; E- B2 H2 n7 T& c. I& o* E
      }
8 D8 M3 G! ~* B; M3 [   else if (yDir == "up") {
& z. s! n! L, S% H0 a: `      yPos = yPos - BallSpeed;3 I- W2 ^$ g' V% \7 |' Z! y, B. R
      }: A( x/ y% s0 \4 l; `0 z
   else {
' A3 ~' y  X( v% z1 p3 K6 r      yPos = yPos;* _/ T6 Q$ v) h, O  y8 C
      }+ n6 G- T2 Q8 k  `
   }
2 u; a7 b" u+ d7 E' k5 N- f/ A; ?, p; K. a: n8 y
function hidetext(){
! c; U+ d( W" X7 Y# t& Z5 lif (document.all)
. q3 J( }) G9 jsupertext.style.visibility="hidden"2 x+ Y9 [, N5 i
else if (document.layers)
, B0 K1 g( Y2 w$ M- A( L' Xdocument.supertext.visibility="hide"2 f' k0 E! z5 c  g$ L  }, f' R* A! _
clearTimeout(animatetext)
  j( n( a, O; y) r2 H8 q: ]: b}) c) `- R, M) D& [* \7 O

) N2 s" A8 S+ y! D8 m' {if (document.all||document.layers){& I* y, w6 Z% v& ]' K5 X" F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# G4 Y; b- S" k; ~  n2 n$ owindow.onload = initializeBall;
0 S7 e, r4 z) u5 j/ k0 Hwindow.onresize = new Function("window.location.reload()");
. Z# Q  K  j! p9 Q3 z' R: ?}
& ~# K4 y% |7 Q" c3 K/ P
/ n& G5 R0 C+ f: B$ U+ C4 G: I</script>