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

zw2004

<style type="text/css">
! F1 s; @3 C6 `$ C) b# G#supertext {
6 K7 k  J' C& \/ g$ Lposition:absolute;
% j- u# U  \! o* {3 R* @left:0;4 l. q. \* [4 q* C0 X8 e
top:0;. Z9 @* Y  x$ H+ U& k$ P. U
visibility:hide;
2 |) ^9 m/ n; u. U& y- Gvisibility:hidden;4 p% v, _8 A" J
}
) F7 c3 E0 a  F) c6 i# y# t</style>! @: m! M9 h$ z2 B3 a4 W
<script language="JavaScript1.2">
: B0 `) A. [- i+ T* n<!-- 改变下的字体的大小。颜色-->
6 t+ q% x6 U( Y6 j! D. ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 m; ?- A' d) Xvar hidetimer='';
0 Z8 I8 r5 I$ B8 M0 B<!-- 改变下的弹跳速度-->
" y6 P2 }2 M& w9 q7 e3 qvar BallSpeed = 20;- a$ i2 K8 K( @: e9 U
var contentWidth;
/ ^$ A" i0 E$ Y$ t# y  Q1 gvar contentHeight;  T+ D) h' `1 b% B% M  |$ ~
var maxBallSpeed = 50;! r. @1 x8 \+ Z
5 t* M; {% I0 D4 ~1 {2 V1 z% M- p
% z* }& f! g2 Z- P* l% l7 k- F
var xMax;6 I0 c* A- q# t5 l' U
var yMax;$ l5 h8 R2 @, m$ V& B5 N
var xPos = 0;
3 V$ L7 F0 B0 _7 ?var yPos = 0;
/ |8 y/ J% s/ \- F, h  }! h8 D4 ?var xDir = 'right';; }. I* B$ q) S7 q, y* K' y
var yDir = 'down';
& @6 S& @) N  L# bvar superballRunning = true;: H2 P6 d4 x' G* G
var tempBallSpeed;* i* A" X1 h8 e, C( ]7 [8 q- A
var currentBallSrc;$ S  K4 k$ R. K" u" V8 T: S. x
var newXDir;
+ g, v0 S6 _/ Y% [; Vvar newYDir;5 _  E* P& Q; m+ S

  U6 `5 v9 y0 G  b- f' p: _function initializeBall() {
7 ~4 s, x5 c+ M. D# b& K6 B2 H. }  U& Q   if (document.all) {
* g/ p  v) M+ F: p; u1 U9 h; w      xMax = document.body.clientWidth
8 Q- {+ H2 Z4 t2 j4 X      yMax = document.body.clientHeight# P7 J( d  z3 d" s1 ]1 M
      document.all("supertext").style.visibility = "visible";
( ]( r1 l5 V1 @: M  \      contentWidth=supertext.offsetWidth
& F- @/ L$ n0 a* H1 w      contentHeight=supertext.offsetHeight9 P0 O. `) b- D+ |! _0 Z  N# _: K
      }
* T! w" w. ]1 q2 }   else if (document.layers) {
! g& i: \2 {. j      xMax = window.innerWidth;
/ E/ v" A2 u6 z  X6 N      yMax = window.innerHeight;6 J$ B. `0 ~5 O# B% ^
      contentWidth=document.supertext.document.width
; G4 y) Z6 N' J6 ?9 V" a" R# m      contentHeight=document.supertext.document.height# A, f% ]' q' q& W) ^% W% ~; T/ R3 c" J
      document.layers["supertext"].visibility = "show";
1 W% O  A9 F9 J+ s. {0 Q; j      }
; j7 B6 z  m9 o# v7 i5 P   setTimeout('moveBall()',400);" i, _* S+ X* |+ u1 V; k# h
   if (hidetimer!='')
! ?5 }+ |$ x, G7 A, q   setTimeout("hidetext()",hidetimer)/ X4 R$ g/ W; d
   }- Q8 I0 X, D" Y8 R$ i7 _0 y

0 t# d# n) Q  ~2 I) A1 S  a- Zfunction moveBall() {
& z1 l- J0 m2 U2 \) L. n2 w   if (superballRunning == true) {: g) \6 {, f  u1 g* I) C" ]
      calculatePosition();5 E0 a' D4 V& j3 _9 _
      if (document.all) {8 }, q4 ~/ m& W& x' s  K) `: T
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) ~$ U4 c& E4 }& S9 X9 d" t         document.all("supertext").style.top = yPos + document.body.scrollTop;6 K7 r  ]- s' x
         }, C+ H+ |) m& I
      else if (document.layers) {+ W0 Q2 b4 c4 Q
         document.layers["supertext"].left = xPos + pageXOffset;
  f, w% r3 z' V3 v9 L* n5 O$ Q         document.layers["supertext"].top = yPos + pageYOffset;4 G" m8 L2 X; _# Z. d' k/ E9 ~
         }" Z; |0 w# C& T& A% x
      animatetext=setTimeout('moveBall()',20);
" ?+ C% w* m" O7 A      }
- u1 g# A) A* s/ S* {   }4 `4 z4 p) y0 _& j9 `+ J5 a( T

8 a# j* j0 q) Y' V; r2 X# rfunction calculatePosition() {  y. m! ]% s  p4 y- C' ?, m, G
   if (xDir == "right") {
, k/ k) Z* D& _/ {/ Z: S& q      if (xPos > (xMax - contentWidth - BallSpeed)) {8 Z0 k7 d! z  m! Y
         xDir = "left";$ D  H) J' e0 i% [/ `
         }; c/ L5 l' d) M) v- Y! A
      }
5 H  j2 X" k: P1 y   else if (xDir == "left") {
) j9 [' V# W4 E& ^2 E+ P      if (xPos < (0 + BallSpeed)) {# k' ?8 U  Z: g% A% |4 X
         xDir = "right";1 O( ?) f3 x( d9 }: n* m( {8 O
         }
+ n$ p1 ?$ z4 O% N# ^9 r      }* G& k& Z  [* d+ {
   if (yDir == "down") {, D. Q* R4 e' w' t2 H9 f' g& c( |
      if (yPos > (yMax - contentHeight - BallSpeed)) {) V* ^! @# t0 J' g' K; F
         yDir = "up";- w! v; d  K; K) c
         }) ?0 n8 }! Y1 f
      }8 \( i7 @! @$ u& p" C$ S% N8 m
   else if (yDir == "up") {6 M1 y: f% i' e  t
      if (yPos < (0 + BallSpeed)) {
2 }+ q+ h# T7 N5 V* ^0 ~$ d1 o: R         yDir = "down";
% z+ W/ R6 o7 C& Y7 w$ e8 G6 Z) i' v         }
6 s! e) N% z$ Y5 I7 R4 j$ y5 D# w      }
. D; j$ @. W* }7 `& q9 d8 `/ A   if (xDir == "right") {/ @  u. ?$ R! I, \( _+ Y+ u2 U6 [
      xPos = xPos + BallSpeed;
4 V! E9 [& ]0 T  P( Q- ~" N      }
$ I6 C1 r: ~1 l   else if (xDir == "left") {4 w, e- X! p2 H% t; ~
      xPos = xPos - BallSpeed;
# c) z1 I$ P4 m: e3 N. w, [7 G      }% b  o; ]& }( O  e$ _3 ^3 _
   else {! ?4 k1 R7 r/ K' Z; ?  w8 p
      xPos = xPos;
2 q) }$ `) x% L8 ]      }
( g) w( k/ X9 y- M7 J   if (yDir == "down") {( h3 Q5 j2 C% ?0 t$ S/ t+ x
      yPos = yPos + BallSpeed;
. R1 F) Y% l8 \5 L      }
: @) ]* N& O2 ~   else if (yDir == "up") {
# d2 I  c$ N- y0 p  o2 W) _. {4 C$ `      yPos = yPos - BallSpeed;
5 m& C" Y. j+ B4 c" y      }* S' v) e: Z( d) `# n/ w
   else {# k3 d) B" s: |$ z! X
      yPos = yPos;/ @# L! r0 w% n, k) W
      }' B) Q1 T1 |8 g( C! d5 a* b
   }
4 s3 D8 t" G5 t1 c: z! [2 e; |% V9 V" U8 y* a6 Q' h2 F; Y5 C- U
function hidetext(){, y! H1 Y0 f$ b
if (document.all)" y8 Q/ J( @4 g9 X7 r" w3 r
supertext.style.visibility="hidden"+ S, d, v! T9 ^$ x: U% Y9 z, \
else if (document.layers)7 Z6 {2 s, m& ~/ L- t, u' x( H5 J
document.supertext.visibility="hide"
3 Q% R5 T8 t. W$ m8 A7 X& M, YclearTimeout(animatetext)9 c8 t6 b. b' A& H: h9 A
}( V5 O8 a  e4 I8 R% ]3 Y4 ^7 n
- E1 u' L1 e5 X" X
if (document.all||document.layers){
# X' u4 l# g( Adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ l) g, U- y: o7 Hwindow.onload = initializeBall;
! Z: T: L6 d, O  g) R' l  rwindow.onresize = new Function("window.location.reload()");' M! \0 ?+ H/ \! `
}5 F% |) z* Y; X0 L3 H, Q) U$ h
7 W" q7 m/ U- d" K, K
</script>