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

zw2004

<style type="text/css">/ S/ ^8 @$ |& a/ r& g# r* R7 u
#supertext {
* n3 p7 j* m( Y" C$ s* S0 {position:absolute;! H1 k; a# y% W% |
left:0;
& V- z7 E9 R8 `$ u& Ttop:0;5 G5 g) v9 V) l/ f' T' x
visibility:hide;' {" w+ }- Y2 I( q* |  }
visibility:hidden;) Y: s0 v, i% d& p
}. B% T1 x$ \3 ^# W* ?1 M5 R
</style>
( v) {" g0 i. N, a9 g  e<script language="JavaScript1.2">
( m2 n# d; I# u<!-- 改变下的字体的大小。颜色-->
) a7 n1 ^% k$ D# U6 ], z) ?var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# r, ~5 `- ~3 Y: R3 {6 Yvar hidetimer='';
# ]4 T. t8 p2 |7 I<!-- 改变下的弹跳速度-->
) f, u. e5 Y9 N5 R! J* ]8 avar BallSpeed = 20;
/ e: v' G0 m  W- Mvar contentWidth;4 h; T1 J; x) i, T
var contentHeight;, l! r* j* l+ w1 x
var maxBallSpeed = 50;; e: Q5 N. o- M! }* c+ I
& |! `! C* H- A2 J/ p

4 v0 q$ ^- R; K1 Q8 d4 n. Ivar xMax;9 F' B) ~  B7 L  D8 ~
var yMax;/ `: ^7 P. ^" L
var xPos = 0;* x3 V# c# i5 [! W% v) l) e
var yPos = 0;( b# _4 u/ \% h) }7 |
var xDir = 'right';7 w3 R$ b% U, }" P; g
var yDir = 'down';1 i' N; p* L, s' P
var superballRunning = true;
* z8 C4 |; d  {, wvar tempBallSpeed;
7 t$ c* l. o9 Bvar currentBallSrc;
" l, E1 E6 ?0 ^0 V6 v, U+ dvar newXDir;
6 U7 O0 O) q7 ?# N' Avar newYDir;7 R. }8 Z# b  |; _9 J$ X, S
9 d: m5 k3 ^: C) P
function initializeBall() {2 s# U6 i6 v# l  [7 M4 ~  @
   if (document.all) {5 v6 X- ~; D, q5 H5 ~0 Q
      xMax = document.body.clientWidth* [- M4 M7 w% M% I
      yMax = document.body.clientHeight
9 ?/ L+ d1 a2 ~8 R  m      document.all("supertext").style.visibility = "visible";5 Y' Q, S! i4 g3 Z* e
      contentWidth=supertext.offsetWidth
! A1 x$ G4 V* H9 ?      contentHeight=supertext.offsetHeight" q6 j: A. c. \  j% V
      }2 _" A4 _0 W% U, t7 f3 ?  C
   else if (document.layers) {
3 F. H; n% z5 U1 T. D1 L7 e3 P      xMax = window.innerWidth;: a; e' [* Z$ G, d! Z' E
      yMax = window.innerHeight;9 Q' X2 ~- M0 I& E0 T
      contentWidth=document.supertext.document.width
4 a, D; C7 J3 `) S$ _      contentHeight=document.supertext.document.height% T9 \1 U: ~2 Z) O
      document.layers["supertext"].visibility = "show";
$ H; M$ J9 d/ q5 {- n1 W' Y      }6 p% C: b! W7 G8 }0 W7 Y; K& |6 M
   setTimeout('moveBall()',400);& Z" K* G7 T6 t4 _7 `5 R
   if (hidetimer!='')
+ }. ~% F7 q! f   setTimeout("hidetext()",hidetimer); H; y' E# p+ d# L' F
   }8 r- ]/ ^- z) Y1 [/ i. F( }9 N: c4 u
: s" K3 L0 i2 J8 Z  z
function moveBall() {
" V- b! f+ i& |9 d1 _   if (superballRunning == true) {: L  ~# |* B5 X9 t- o
      calculatePosition();/ I# P7 q! a. h6 t4 X" r0 L
      if (document.all) {& p/ J  q/ b/ ]7 _) G7 S
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 c5 B+ b" p* v; q- \# U. B: z         document.all("supertext").style.top = yPos + document.body.scrollTop;( F! g6 `, u. F6 r% D
         }! ^6 `& l& X" h( b% |3 o
      else if (document.layers) {
3 A* \9 Y6 z; o9 ]         document.layers["supertext"].left = xPos + pageXOffset;& d1 }( T' ^' |. j
         document.layers["supertext"].top = yPos + pageYOffset;
2 Z$ Y$ A8 _& j4 G6 Q         }
' v$ H7 E# ~% c      animatetext=setTimeout('moveBall()',20);# l' B' i! |5 j
      }& a2 r( C% s% z  a. z1 v# v
   }( v/ g. R  w( G0 O2 X: F& c) {

7 p+ x1 ~  D' U# g, h4 ]function calculatePosition() {5 D- k: ~3 o2 t
   if (xDir == "right") {% R2 N& k* h! B. |0 u
      if (xPos > (xMax - contentWidth - BallSpeed)) {
, ~$ f& S0 J- s1 o# t& r* a         xDir = "left";
: p9 y1 w/ \8 e4 Q" z/ u7 ^         }& J( I* {, G& a" b
      }4 C! q, w% v9 B) [$ U
   else if (xDir == "left") {% P  G' @. m, ^1 }1 y4 S5 A9 q
      if (xPos < (0 + BallSpeed)) {
/ H5 G- y# g. T) L3 L         xDir = "right";
# q8 s, n8 o* Y1 ^4 U         }5 P. z% ~7 {4 e7 [6 V5 [
      }
- G; `/ e& @: e7 t: X7 c   if (yDir == "down") {
0 x' a) s/ U& @7 f+ J% L% S0 K      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 d" I3 F/ d* v+ ]         yDir = "up";
7 b6 v2 T' _( j, K2 b' C1 p         }+ I( s! ~! n& s( ?3 a! m
      }
" K( }; C- T6 `+ t1 C   else if (yDir == "up") {
4 Q2 _; O  f8 G      if (yPos < (0 + BallSpeed)) {% X2 C- Q- i, K4 N, y" U  y  B
         yDir = "down";
/ Y$ x/ ~1 a# `) N* c0 W7 n1 R  O         }  g5 y. o* d1 ]0 W: w
      }0 K: J( s) v# i1 q$ z
   if (xDir == "right") {2 T3 |4 F6 Y! P
      xPos = xPos + BallSpeed;/ X% n; g$ q3 q  H9 H
      }) m6 Z& C' {& m
   else if (xDir == "left") {9 q, m/ Q+ [8 g, I' x; J
      xPos = xPos - BallSpeed;
; Y" }1 Q# r( u      }- Q- \7 c3 Y8 \2 _: Z" s
   else {2 x( c' k4 r0 X6 y& Y  M1 C
      xPos = xPos;6 I) }  p! V2 C
      }( I. [# M; z2 V# h) C' `
   if (yDir == "down") {- V+ R: c) B+ ~) N' Q4 b4 B
      yPos = yPos + BallSpeed;  D6 @6 h. a/ N; z+ @' v
      }( r* x& Z+ b- o1 @" G
   else if (yDir == "up") {
5 J1 s. H6 z" y. |      yPos = yPos - BallSpeed;% N2 p" r0 B2 x  e7 S
      }/ ~+ q; `& P- f7 x
   else {, ?9 W5 ^5 v* y! \
      yPos = yPos;& e8 U, C* k; e% Z0 c  }2 g+ i
      }2 }0 R2 e) Y- t' R% \- c% l9 J
   }8 o+ |1 E; i6 O0 s. j0 S5 ~

* `" _% n4 E; a7 R) J/ B. Zfunction hidetext(){
+ x& o) T/ Q% n: M! l! Z$ nif (document.all)7 U. }5 b6 l, X: C
supertext.style.visibility="hidden"
2 o! U; W& N7 s( l. d& Z+ D* _else if (document.layers)
8 L: K' h/ x" K/ i# p; N7 q* Mdocument.supertext.visibility="hide"5 J/ z5 [! X- Z
clearTimeout(animatetext)
2 E- s) p3 {" [0 z' ^+ g}
* w; y( n- B% ]9 _* l5 k* X
) T0 O, ~0 L1 x) ?4 O5 i- }  Q& pif (document.all||document.layers){" b) N8 K" B8 x- c* O
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 q. m1 m% p( M6 K, [/ Q4 U; \5 r
window.onload = initializeBall;/ U* P3 X- N- Q9 O& B
window.onresize = new Function("window.location.reload()");  g$ `% _$ v3 g. r) R$ [  k/ e
}. a. l/ a- [8 f3 K. e( H

1 A- v5 a' N! P</script>