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

zw2004

<style type="text/css">3 z0 y  q6 |! f1 |
#supertext {
/ j  M# _2 Q8 `- x. u, H2 ]/ H. fposition:absolute;
" y& Z8 H' R% t9 M4 oleft:0;. }2 ]$ ~& N7 I( a- h! |
top:0;
5 s3 Q$ W9 F4 {+ e, Zvisibility:hide;: v( t+ v, ^" u1 `' z. H1 q3 u
visibility:hidden;
% l7 Y6 L+ \, V3 o: b" Y; j}
3 I9 r2 l+ h4 ]8 i  O: |</style>; |- O; M% k8 |! w8 i2 {
<script language="JavaScript1.2">
  k; k, o  y2 Q<!-- 改变下的字体的大小。颜色-->' ~$ v& U) d( e5 B: m0 d
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& v* `% l$ r9 G$ _3 j
var hidetimer='';
* C+ C, g. x6 Q0 q' R8 Z<!-- 改变下的弹跳速度-->
( R5 M( z* F, C7 S6 X8 kvar BallSpeed = 20;& m4 d7 H! n" R( m% a! H
var contentWidth;
9 Z4 ^' F4 k4 ?( x. c1 ]var contentHeight;
2 Q3 P( k' F6 D  X( b$ wvar maxBallSpeed = 50;
' v1 {1 D3 x& u* Y0 c: p0 `0 U, R) k( s  {
- }6 }! H5 R2 W) g; P, C" U, ?
var xMax;; z. C. G% h8 P. l& j* G: `
var yMax;9 e5 e/ p8 R8 M# |" z
var xPos = 0;- D) Q* e8 @4 _$ n
var yPos = 0;
# q! }) }; L5 b+ s3 _/ v/ X, ?7 ovar xDir = 'right';
9 C2 t* W8 V: z" z8 Yvar yDir = 'down';
$ l9 \/ |/ B' [; M3 x# Svar superballRunning = true;) |, o- Z$ d  I' \% ?4 H- e* D8 R
var tempBallSpeed;  [7 J( b. t3 m; r( T1 W( B
var currentBallSrc;; d7 ]& l5 |% R
var newXDir;
9 [# n1 L  [- F2 F6 p* Lvar newYDir;
7 K4 |/ S3 [4 Q: o% n: X, Y# ^, [1 J/ ~9 s/ j; B8 h3 F( b
function initializeBall() {8 \4 F( Q3 s0 D, d! G
   if (document.all) {+ ~0 A8 u; @9 l* t' `
      xMax = document.body.clientWidth
' L% `. ?, H$ M4 i+ `* M      yMax = document.body.clientHeight
  {) s* @! Z, J4 b# e$ @      document.all("supertext").style.visibility = "visible";, M% ^/ ?/ S, r' U, v# \8 j- Q5 |5 m: b
      contentWidth=supertext.offsetWidth
1 i' K3 \. B3 T8 S      contentHeight=supertext.offsetHeight5 \) G4 W5 a1 y3 c: |
      }- q+ A+ j" L/ }0 o# Z
   else if (document.layers) {
8 F% P" V  N4 d1 D2 W: q& E) g9 A$ V      xMax = window.innerWidth;
9 M, P3 U! D% \      yMax = window.innerHeight;
& d/ o( ]' j$ ^' _5 V1 u      contentWidth=document.supertext.document.width
! k" [6 X! N% x  D" R* Y      contentHeight=document.supertext.document.height
7 U$ X' d( H- a7 m      document.layers["supertext"].visibility = "show";
  Q3 ~. F, B( H4 C      }
. s4 k9 n, e  ^5 I1 z9 O   setTimeout('moveBall()',400);
+ U" w) K& ^' [2 J   if (hidetimer!='')# g! f* u' i1 o8 o3 V7 E* r5 y3 R
   setTimeout("hidetext()",hidetimer)
* U  `5 [7 x/ E- e$ N9 [4 J: u. v   }! l. M: l8 ]% a/ i
2 }" o; m. }$ X8 S8 z8 y. i$ Q
function moveBall() {" f* O6 S0 {, n4 {7 G
   if (superballRunning == true) {, U8 Q2 ^) k: M  _: ~
      calculatePosition();
1 R0 @' \- G2 I9 K' s; Q; s      if (document.all) {! ~+ j- U; L( b2 e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 _- P! c8 C, G4 G# r         document.all("supertext").style.top = yPos + document.body.scrollTop;5 _& t" Q6 H9 C- B0 E; j6 v
         }8 ]/ x) M; d  Y2 r5 I; ~
      else if (document.layers) {% o" M; C  V6 T" t1 C* L
         document.layers["supertext"].left = xPos + pageXOffset;
6 g! S0 X( o3 Z* b         document.layers["supertext"].top = yPos + pageYOffset;
1 z; ~- H- G7 @: I/ B7 V         }7 q+ i4 Y0 ^* v! X
      animatetext=setTimeout('moveBall()',20);1 q- W1 r7 r. L' g& Z
      }
) {& e$ z' q# A  F7 M   }2 p; N' u- F  j+ [: C
! ~" z0 R" {! x$ o' H
function calculatePosition() {1 V7 N& O* }0 m
   if (xDir == "right") {4 j% Y) `3 K7 j3 F* D
      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 x8 F5 v. ^+ n         xDir = "left";
- c6 z2 N) N3 L# G; F; W         }
! p' t9 I7 k. y      }
' P9 H$ J, r) q# T% |7 n   else if (xDir == "left") {0 t) ]' P+ G# V. s
      if (xPos < (0 + BallSpeed)) {
" `' L2 q( B  L# i! Y) s: X         xDir = "right";' B. K5 X( o$ ]* g/ M3 P5 a
         }
: C5 Q) K! Y; U' f3 g( N      }
3 T) R8 D: O7 u0 c- K% P   if (yDir == "down") {
3 w6 w5 s+ E' f2 {1 k      if (yPos > (yMax - contentHeight - BallSpeed)) {; M' d6 r1 \1 w# F# n5 G" s; }: l* j
         yDir = "up";
1 T' n- @% `- }7 |8 m8 x         }
5 `% j: m- G9 c: K9 B* H% {# u) ^      }
4 T9 r' x* {% {; m( P1 Y   else if (yDir == "up") {% ]+ W) b4 r( M! o
      if (yPos < (0 + BallSpeed)) {  c# h" n/ d9 N6 ~0 a' K
         yDir = "down";8 \+ ]9 B  Y/ ]% ^  B+ B
         }
2 |3 W  u) N& j1 p' B- z8 J      }* w( }; w* E- Q' E4 t, }  q: C
   if (xDir == "right") {
- k6 ^) E2 s0 w4 p3 W      xPos = xPos + BallSpeed;
$ m: {' N) c$ A" a9 ~4 r' P      }
* L" Q5 |& v% Y* P" H+ D9 E   else if (xDir == "left") {5 z: W" `  O  j5 Q3 L4 _- o
      xPos = xPos - BallSpeed;
' U9 I$ I4 H+ p+ h9 ?  ~8 B      }% H) A4 n" r4 O9 t$ M! m# t
   else {
; N" |" f% }; O      xPos = xPos;
$ Y; ^; ]) R0 m$ I' W' [( W      }
$ L1 q+ b: U$ ]: F, U* _8 D7 w   if (yDir == "down") {& n8 ~6 i  \& t* ?* w1 q
      yPos = yPos + BallSpeed;: y" u( D$ j% n7 R* {9 D) h. r% V1 X
      }: z! Q) A- T1 \: L& }: q
   else if (yDir == "up") {: I8 }( @, r1 _
      yPos = yPos - BallSpeed;
( a; k9 d+ E2 T& D1 d) y      }
# p6 _+ E/ r! Q( w4 N' T, e7 `   else {$ W' q, B! S7 b$ e1 K% o
      yPos = yPos;, E1 f5 e  _& _2 g5 n
      }
8 j* O- Z+ O, W   }/ z' x% b0 |" o
0 y5 g  c0 U. y% l9 y0 n6 L& n! H
function hidetext(){& g: F# c! [+ L( x7 r+ t
if (document.all)  O' c5 s' b( ?# e8 N, \
supertext.style.visibility="hidden": Z( ^1 P8 W) S+ v
else if (document.layers)
4 o7 n4 K5 z* K. G& E6 ^; zdocument.supertext.visibility="hide"
$ }5 o/ ^, l8 G! b9 X7 ^6 uclearTimeout(animatetext)
2 V+ D/ [7 D7 E  a}8 c- a% @( R. n8 o, I$ A6 P  A/ {, ~

& U% ?# R7 V1 R) @if (document.all||document.layers){% `5 d: R$ e3 J, x5 ?1 H+ \$ o9 V8 i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* Z& P' R; y4 ^' l* Ywindow.onload = initializeBall;3 O5 ~) \7 o/ |+ D
window.onresize = new Function("window.location.reload()");
2 x* H. |) S/ G* k1 n( P  W  s}
+ K3 @4 C2 H% {0 A' |
0 g8 `. q6 A( W</script>