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

zw2004

<style type="text/css"># D% G! x$ L$ v
#supertext {/ ^/ Z% r" _, g, F. f+ e9 T- W# R/ M
position:absolute;& B0 n; b  B* F' z8 z4 I% x% D/ O
left:0;
( \1 M9 e9 m6 \" s9 {! i$ Ctop:0;
1 E4 V" g. Y8 Z3 |visibility:hide;1 O' t( Q" ~8 `# T' u; W5 q
visibility:hidden;
4 S5 j$ n, B7 a) |' i}
& e8 G( `3 a3 O& B& x: K) T</style>
) }. L7 m$ ?2 H7 G# f) ]<script language="JavaScript1.2">; {9 I3 O$ U" _8 R! _- _5 k
<!-- 改变下的字体的大小。颜色-->" i' }% b6 c! T* j5 h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- Y6 w) z2 p, a: s8 p3 ]( i0 m
var hidetimer='';, I, _$ h9 {+ C8 b
<!-- 改变下的弹跳速度-->9 j( Y0 S' {$ C; U8 i' }; w$ u
var BallSpeed = 20;) \5 E9 a! a9 V1 d7 Y! ^
var contentWidth;
8 }/ k8 Q' J/ n$ Gvar contentHeight;! j2 p1 y! ]) a) B. g6 \/ y
var maxBallSpeed = 50;) Q; B+ N+ i3 s& D7 [2 y

% [" F  r4 [4 r3 c7 G
& u: N$ C6 j; Z: q: y5 |. lvar xMax;; d; A" }+ \- R8 P
var yMax;% U% T' B4 C5 w
var xPos = 0;
& `. ?* W. S, C2 K- A4 @var yPos = 0;
. |9 g- V) J0 t/ Y" X) r- wvar xDir = 'right';
4 ^: o( F$ o+ D' n8 M9 N' {0 w8 \$ mvar yDir = 'down';
  U( x2 b) G7 l9 E$ T& `var superballRunning = true;& l0 k9 o2 C) [# S
var tempBallSpeed;: m1 a; J* N+ n% ^
var currentBallSrc;
- m7 o2 D3 h7 H: H& D% bvar newXDir;& x7 g4 i& R8 |
var newYDir;
9 c* X9 ~) _. Z& h; d3 f
! A2 c" E+ K8 T! G! ^' ~/ _7 _function initializeBall() {
8 i+ X& y- |+ F) M   if (document.all) {, T* C' `* K9 H% J% P% t8 {
      xMax = document.body.clientWidth
# R4 w3 j% @5 I1 W      yMax = document.body.clientHeight( o. {9 o! p$ B, d$ e/ W- w! C" U
      document.all("supertext").style.visibility = "visible";
: R" w: b3 S6 j% G      contentWidth=supertext.offsetWidth
5 y' W; w% Y: z2 P: f8 U9 p& q      contentHeight=supertext.offsetHeight
9 N( q, N" {! q% J6 g3 X: {3 o      }
1 Y* P9 H* X$ W& z   else if (document.layers) {
9 |/ B0 @2 {: j      xMax = window.innerWidth;
4 u' i& x! U" V( u1 ^. \& D7 R! y0 k5 p      yMax = window.innerHeight;
3 A: {/ w  i  q$ }/ g8 w      contentWidth=document.supertext.document.width
/ m( P* v2 q# |/ T2 e' X      contentHeight=document.supertext.document.height5 u$ y0 z- w9 Y& h
      document.layers["supertext"].visibility = "show";
- G. d8 T& x7 L( L      }+ _7 i, N+ Z& W5 I% N5 j
   setTimeout('moveBall()',400);8 w, n/ z) p( y1 L2 ]" p
   if (hidetimer!='')
, }/ U* A5 r" B( w$ h" g7 W0 ^   setTimeout("hidetext()",hidetimer)
* L' X% ~/ x# m   }
' R) ^3 q" m4 u; P& e' g
; d2 D+ S0 k1 Q9 I' Q& f4 c6 c4 \function moveBall() {/ f7 Z, L6 ?6 A/ e) ~
   if (superballRunning == true) {: D- r3 |, M! o
      calculatePosition();
2 m/ G( T7 E6 X/ n& P      if (document.all) {
8 v# R/ B" ^8 ?( w) X& C         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 T8 n0 v% I" J' x         document.all("supertext").style.top = yPos + document.body.scrollTop;3 k  B7 T7 \0 W1 U! ~2 D
         }
6 v  A' _5 |  D: M% X      else if (document.layers) {
+ b. [, Y8 K* z) B% [/ J. Y/ N% c         document.layers["supertext"].left = xPos + pageXOffset;
, U% b0 _! L  B' W: B! A/ e         document.layers["supertext"].top = yPos + pageYOffset;4 D7 w  f1 t5 ], {
         }
5 w. P' x+ `! @      animatetext=setTimeout('moveBall()',20);5 {7 G4 `. g6 ~3 J- K
      }7 M& [; c5 ~0 [+ r
   }, e0 B( }  U" C( X: E5 ^
/ M7 x. t% V4 k4 {1 u( v
function calculatePosition() {0 F# R( o$ C3 V' `+ C$ l
   if (xDir == "right") {
7 i& [+ G0 @' F: j      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 ~$ w, }( w8 S* _- w  Z" o         xDir = "left";
& O+ w8 U9 R  y2 f         }
0 h! X4 _) u- q" y1 F3 f, x0 {( \9 U      }
  I! o; a0 {& e! V. r   else if (xDir == "left") {" Q8 v* ^6 s( z, ~( g/ ^
      if (xPos < (0 + BallSpeed)) {( I" ]5 N% a$ X9 b1 {* G
         xDir = "right";0 K" @) I+ q& G; `& N0 Q8 e9 n
         }
; z! c6 ?& I& E6 F& P      }
1 g* g! S2 `+ Q/ i2 k; x   if (yDir == "down") {' ?2 h" c' M; n  l
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: D' ?" R! d5 S! a1 G6 Y) ~4 J         yDir = "up";; l! n9 b; k7 S1 r; C* H. k9 ^
         }
% c- E( J! s: T: {, q# s  U      }8 U: j4 s+ T6 m' f7 j; m% U6 L
   else if (yDir == "up") {
; h# |- w( _* V- O      if (yPos < (0 + BallSpeed)) {0 q) t1 w% T1 C' ^" v
         yDir = "down";9 F/ g2 |* c( B" @5 X) c
         }: J# x0 m7 i! }1 E
      }
. @% A; e5 k, Y0 w" [9 Y   if (xDir == "right") {
9 Q; M" d7 E2 F. X0 g6 d      xPos = xPos + BallSpeed;
8 r4 r% P1 R5 R/ T+ [) M      }- W3 X5 {1 S: A" p: O
   else if (xDir == "left") {! V4 L& }- s) _8 J/ a1 h6 Q9 ?
      xPos = xPos - BallSpeed;
2 B) C# v% ~& T- T      }
5 s( ]- z# |* J, n! F   else {
, `# L( o# ^1 Q8 S# [      xPos = xPos;
0 Y' G* [. N1 r" G) E      }4 _% e4 ~7 h1 M& a
   if (yDir == "down") {
+ l4 k1 _) V1 {- ~) a$ A5 s1 {8 k      yPos = yPos + BallSpeed;' B5 _  K* D) v8 a1 q8 Y
      }0 N# }: U6 |* r: P2 g( n
   else if (yDir == "up") {. n$ S: P; Z/ {+ C8 q) n
      yPos = yPos - BallSpeed;8 V' _- J, e: }9 i9 d' K
      }
6 Y9 b2 }5 P) N, W   else {, y1 E7 L$ U4 A  P! U6 t
      yPos = yPos;2 s* o9 u5 O* K1 a# R& b
      }% J4 X% t  T+ X* c" e2 t
   }# o5 E) r, {1 z: s4 x
- O$ F/ J7 ]7 d, D
function hidetext(){( k$ ]' h7 o- q9 ]5 {2 O1 T& U, V
if (document.all)
, _+ f5 Q7 V3 asupertext.style.visibility="hidden"% C2 |- d9 Y. `6 X
else if (document.layers)3 e2 x4 e6 l, L) ?
document.supertext.visibility="hide"
" N5 p6 |  z+ S3 G. Q  M5 Y  @9 ~clearTimeout(animatetext)% A) E' U% Y# I0 [
}, `$ K0 z2 L9 {" Y8 K
! ]- x6 k' ?: y( {: M
if (document.all||document.layers){: n) |5 f  U6 g4 Z( |! c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& k5 S. E/ \; a. s2 p1 f- }. Owindow.onload = initializeBall;* a$ b: D3 x2 e* w
window.onresize = new Function("window.location.reload()");/ M9 }& x6 x; ^4 v, x% Z/ p
}
' V- J( h1 y% S: u# g  V1 D% |6 @* d$ E2 n9 p, T
</script>