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

zw2004

<style type="text/css">
6 q. V2 C) R( `; h+ C3 g#supertext {
2 A5 ^- c& S) v# \position:absolute;$ @5 E, v) c* u$ x
left:0;
) [7 F  ?6 L9 V8 @, B9 ftop:0;8 P* |1 T& K5 v) A: S6 _
visibility:hide;
2 }" `7 l: w1 h5 `+ O, Gvisibility:hidden;
# u* p$ L" L- v- \4 L% D$ Q}
# n% v, @' _* c$ m4 A4 p% u/ @0 F</style>7 y; T  V, O) ]& {, G& @
<script language="JavaScript1.2">
7 O9 z2 c4 }9 [) J+ ~; X- t4 ]<!-- 改变下的字体的大小。颜色-->) B% I. {3 ]' c1 {+ o" R, ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') {( `4 G9 B- ~/ c
var hidetimer='';
/ a6 ~% C! s  X- m$ z<!-- 改变下的弹跳速度-->
1 J; p- ^, P  U/ N; M* Zvar BallSpeed = 20;
) c! v7 [9 F  ]* _1 [9 Z5 {var contentWidth;
* a" D0 \6 P3 r5 a6 j" x* h3 Wvar contentHeight;6 P/ }. x4 _  p* {0 m' c; F
var maxBallSpeed = 50;) A2 P( v  z  U# v& X- c
, F1 |3 N+ x* z

& `7 Y3 V+ u3 \! D# U! V  m! Qvar xMax;
( P4 `. C# J7 g$ p4 U: ~2 d$ [var yMax;% ]2 G! n2 T. v: F4 Q
var xPos = 0;8 t! T7 i; @% U; N; c: g
var yPos = 0;
5 M- N7 `0 |( d# ]+ tvar xDir = 'right';
  E2 x: i( c4 Q& j, T6 Y. ^5 Ovar yDir = 'down';# x; A1 w; X4 @! W' R  w/ k0 i& J1 h& O# C
var superballRunning = true;
! h" }" V/ b; ^1 Nvar tempBallSpeed;  o8 _$ t# f, ~* L# `
var currentBallSrc;
  A$ w8 ]9 o7 H2 B1 i1 Evar newXDir;
. ]" l: N  V0 i( H) M) R9 kvar newYDir;3 V9 s4 \9 Q' B

9 z- l/ l; a# o! d4 X  J% y; X# Q7 pfunction initializeBall() {
& K- o0 i& A# A* f: b' X   if (document.all) {& W0 D( t3 y3 m( l  m' l+ D' f& P
      xMax = document.body.clientWidth  f& S$ ^+ E7 o1 D- p* Q, r
      yMax = document.body.clientHeight6 m1 \# {3 i! ~6 Y8 a9 u% P  Q- r
      document.all("supertext").style.visibility = "visible";
( B) K' z  j2 h4 f      contentWidth=supertext.offsetWidth! ?3 p2 N7 z9 |' X* p% w8 g, i5 n% D
      contentHeight=supertext.offsetHeight/ p- a8 B& h& f1 K: z
      }# E# ]3 g" s) T$ J, T0 O- _  W
   else if (document.layers) {
# x# `0 d+ X) s" v6 x      xMax = window.innerWidth;1 a! e, \5 X, J: s  v" X5 _% i
      yMax = window.innerHeight;. a9 E" L0 K! M( M' d; N. W
      contentWidth=document.supertext.document.width; Y# q$ X5 r5 Y  S" S
      contentHeight=document.supertext.document.height! \4 J$ U# @3 }. `, o
      document.layers["supertext"].visibility = "show";  R2 H2 x8 I% I  R; i: y4 a
      }
9 X) Q& |1 U8 V( r   setTimeout('moveBall()',400);
( o% ^- ~) @8 o* \: ]   if (hidetimer!=''). P, T3 T0 g6 O* q
   setTimeout("hidetext()",hidetimer)  m1 [% o& X: P
   }
: o$ j: Z& D. p7 ~3 o9 @2 w: @! @8 s: n
function moveBall() {- \8 {' l  i  g3 u! L4 X0 ?% @) x
   if (superballRunning == true) {
, A/ F. F! r' u      calculatePosition();
: v( v1 {) a) f      if (document.all) {
9 z0 I- @8 z3 ]. _* g; a         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 M8 p# I5 y4 h1 H) f         document.all("supertext").style.top = yPos + document.body.scrollTop;2 C4 q3 x8 o( Z5 G
         }
8 _& d" V: j' Q& {      else if (document.layers) {' J4 v5 W1 T) c- f& i- F4 z
         document.layers["supertext"].left = xPos + pageXOffset;
( W3 ?3 Y1 M! N5 ^9 N# W5 Y         document.layers["supertext"].top = yPos + pageYOffset;
6 X. _  J6 G& X: ?& m  [         }
3 {9 X* N! q  F8 ^. v# k      animatetext=setTimeout('moveBall()',20);
! v: a% l7 u0 [" h9 Q      }
  n" t) K" _* ]' G# O   }- D: k6 P$ O1 c" ]  k

- Z1 A9 f, C( W$ u2 M$ yfunction calculatePosition() {0 n1 Q) ~$ J( \& p. a: {/ _/ Q
   if (xDir == "right") {' J/ z$ F. z# o2 i( Y" c! I
      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 h# _. u$ {% r- J: ?         xDir = "left";
$ C* R0 {7 {0 `9 ~         }
5 j2 ^$ ?3 n( V0 b      }
9 I1 w- `& Z6 S4 C0 R7 B   else if (xDir == "left") {$ G5 g( j1 o* j) k: g& s+ `
      if (xPos < (0 + BallSpeed)) {
, U/ A% I! E2 {; U         xDir = "right";
2 }6 n* t8 Z; `2 y+ c         }1 u" e$ s7 I: `- }' i* K! N
      }
+ M3 s& Y! V- n4 }& o. N   if (yDir == "down") {
! Z* A; k4 f) |: R* w: O4 s3 ^- b: v& O      if (yPos > (yMax - contentHeight - BallSpeed)) {
( D( e8 m3 |4 S. ^! s  F         yDir = "up";" b& _, @8 T4 P) n( g! w0 ~
         }
5 y5 ~  k3 ^0 a$ O0 h      }0 h6 x. @3 C/ Z7 A' d0 X+ @6 q4 X! b
   else if (yDir == "up") {5 T- t! I0 ~5 m# d/ _4 T
      if (yPos < (0 + BallSpeed)) {/ l: u( M5 o. h8 D3 Y; l
         yDir = "down";
7 p. |: D' f. k7 u8 F; W, L5 G! f6 O+ M         }2 ^+ m: T5 J( C3 D$ ~
      }! K; \. u6 B( t$ j2 F! V
   if (xDir == "right") {
+ H  v. e. f0 ~      xPos = xPos + BallSpeed;4 h, |. J$ @/ R* N
      }
" ^/ k5 q" K' f- E   else if (xDir == "left") {
* e  _$ g5 _" @7 {5 Y      xPos = xPos - BallSpeed;
: x0 [3 ~! ]$ `; W' `      }3 ]/ }  ]6 `$ ^6 F# K. {/ E
   else {* v3 `# l; b+ x6 j5 L4 P' d9 k
      xPos = xPos;
" M$ l9 Z7 E7 @* h4 n9 B      }" ^, ], i! c$ B8 `# J$ N/ v
   if (yDir == "down") {% H8 E5 V! }" o# c' _
      yPos = yPos + BallSpeed;7 i5 j+ _8 a" x0 K5 B8 T
      }& M$ _) f3 G8 d2 F& \* `
   else if (yDir == "up") {
$ f( s8 C, p4 b8 c$ N  Y      yPos = yPos - BallSpeed;
, ?+ I; {# n3 a      }
7 b1 z  {! C/ i- y, i) t- I, R/ w8 w   else {
1 V- R7 N3 Q7 w( P! D      yPos = yPos;
$ `- m$ J" }$ K) Q7 J      }* w8 P: U4 g, e3 K4 n
   }' l1 w" m3 @+ ~5 a+ n  U

8 f3 Y; @1 E( R& u# Vfunction hidetext(){: u) c( O- |2 K: d
if (document.all)) }9 u$ o. ?/ {$ M
supertext.style.visibility="hidden"
; |. A3 c, m+ l: R' delse if (document.layers)
9 G/ v, u3 L2 ?7 G' ddocument.supertext.visibility="hide"
( X" k. R" Z" @clearTimeout(animatetext)2 ]/ h0 u2 X5 z& ?8 _
}. x( M- @. J. R& U/ U2 b+ G
3 P% a2 A: B  w7 {
if (document.all||document.layers){
" r) K3 D8 }7 U: Odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, h+ Q' q. U  cwindow.onload = initializeBall;/ o- j6 `6 I* h( P. H+ I* i
window.onresize = new Function("window.location.reload()");% }8 @% n: K9 D% ?8 Z
}
0 c! E, \. r0 p6 Z( d5 }" n1 v& r1 }' M' H! e  S
</script>