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

zw2004

<style type="text/css">% S6 O& n! E: F* r
#supertext {& Q* L7 H9 W9 `9 V! U  y
position:absolute;
4 g" J2 I4 ~: K& [left:0;/ F8 J7 H' q2 \
top:0;
0 u: r- l8 x( d$ A% Jvisibility:hide;
' s6 S- N; O1 ]+ `' cvisibility:hidden;
: G  j  L2 j+ H: ?}* ^- o4 M5 _+ {8 b) l% c! A
</style>' h* ^! ~2 U! l$ h( F
<script language="JavaScript1.2">
! z  d! a! \( q, Z; V, U" A2 t<!-- 改变下的字体的大小。颜色-->
! L' y( ~  @# K5 I/ R1 G2 Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, m, s% F/ T7 J* Vvar hidetimer='';
% A( x0 z# |- S: `% X<!-- 改变下的弹跳速度-->& n0 O" k4 G7 n4 x4 z2 E2 h3 M
var BallSpeed = 20;
& V3 I9 w1 ^/ c$ k7 R+ Ivar contentWidth;) u. _+ k6 a7 D, Z
var contentHeight;
4 f. H3 x3 P9 }. C; A. ?% F- Xvar maxBallSpeed = 50;' U& E7 v9 E0 q1 I9 F& T3 _

3 ~7 e$ J& f, C* G
# l, @& e& k$ W. p9 Tvar xMax;: |! n0 L2 o4 y% b* A
var yMax;. }" @' ?3 a7 G6 }. n/ b6 s
var xPos = 0;: v( j9 w+ @" L; a6 l% V2 `
var yPos = 0;  o- X- T. Q) J" S
var xDir = 'right';
7 n, n" a+ a* Y7 tvar yDir = 'down';% p; z/ S/ d0 |6 z& {
var superballRunning = true;7 _# k1 r1 F1 x( b
var tempBallSpeed;
  _6 }) N0 F+ K3 \var currentBallSrc;' o- F7 k4 B6 R0 g* Y
var newXDir;
$ }1 X: G4 E) x7 U% X7 X- }) v) hvar newYDir;
5 p& j  P% n) n! L) v: i+ w
; k* R0 z, }- q' H! ~" Kfunction initializeBall() {" X7 Q/ _) q5 E) }0 C* {
   if (document.all) {
# T/ R5 R8 I& G" T      xMax = document.body.clientWidth
, G) X! Y, T# o      yMax = document.body.clientHeight0 |% ^# G% J$ f' }# O, g
      document.all("supertext").style.visibility = "visible";
/ ~+ t5 {8 n% H& q8 C* T      contentWidth=supertext.offsetWidth# x) c$ {$ n2 B5 v. u: b, N
      contentHeight=supertext.offsetHeight. V$ a6 R' O, t8 B
      }: y, Y# p: O# F
   else if (document.layers) {
8 L; R( t: |: ^* Z      xMax = window.innerWidth;6 m: a5 V* u& L/ K. S
      yMax = window.innerHeight;
& j$ E7 A3 Y( Z0 A3 W" ]9 y      contentWidth=document.supertext.document.width* U( M& v0 l( w& `( R/ e
      contentHeight=document.supertext.document.height* C8 R: G2 M* H+ n' n
      document.layers["supertext"].visibility = "show";& k) }2 e: O0 h  X
      }; F& j, M$ m4 N* g% t+ X5 j
   setTimeout('moveBall()',400);* r9 [5 s" a1 I- l% ^
   if (hidetimer!=''); }. r# P# \& H( e; p/ L9 k
   setTimeout("hidetext()",hidetimer)+ }3 J' l* e0 V7 I; ]  p' K
   }4 L3 @2 G! E8 l2 s2 {5 G5 e
; `3 |& b- L& \) H$ y3 @
function moveBall() {( q; i+ _! E, J/ Y0 {
   if (superballRunning == true) {2 t6 W0 Y9 z  B' I- A
      calculatePosition();. f4 ^; x3 R; q& n
      if (document.all) {: t) ~4 e* U: j! u. ^  G/ C/ j/ B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ h9 f& u" i" C+ [) F" f         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 m, p, K. E$ e         }
. s1 m/ h7 b; n: D# X* x( T/ [8 \      else if (document.layers) {
: a% T7 J, A0 p% J, `. k' n         document.layers["supertext"].left = xPos + pageXOffset;
' M3 d/ p" d1 v7 Y8 |         document.layers["supertext"].top = yPos + pageYOffset;) F7 A1 t: B$ S) A% C
         }# L- m1 }2 b8 G0 ?* ~
      animatetext=setTimeout('moveBall()',20);
% i1 k1 d/ ]% D6 U4 l* r4 l# d      }  _1 C+ e6 A7 p3 o4 l8 P: }
   }
0 J1 j- }" _+ Z% j" D
) v, _: k! o$ N, P$ d+ [function calculatePosition() {% F6 u2 e4 u$ A+ Z# g# [
   if (xDir == "right") {: r' I- h: W' I) ]. w4 i5 i- C, s
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ G. D2 ~8 \" C) r' G
         xDir = "left";" x# t% p" i7 \# }. O7 `& N
         }5 q% f  g8 q7 M7 Y( Y
      }
" `! }- n: V  C, e+ D3 b   else if (xDir == "left") {; m7 l, @7 \% Q- J+ E
      if (xPos < (0 + BallSpeed)) {
4 z* b2 h5 N+ k& Z" l         xDir = "right";2 q# F! B. a- ?& K, d$ ]6 |
         }2 J9 A, c7 t0 b6 D
      }4 w3 [% {3 R0 L7 j
   if (yDir == "down") {7 W$ T4 ?! i0 ~0 Y2 _. G
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 b2 s# k6 `! r  i, a         yDir = "up";
1 F: p5 y9 |$ E* b# r" R         }5 g3 Y/ J1 ]: x! E% ^. C( O6 W
      }: ]  Q2 l( u4 B* G& j
   else if (yDir == "up") {5 A4 H: U2 @; g
      if (yPos < (0 + BallSpeed)) {
1 M( p  O5 y: T, V. V# Y! {' i, @         yDir = "down";: p4 L' f" @% S
         }' }( I' W  {& G+ ~- F7 G- d: w
      }
3 C1 R: n" u/ a2 x0 o   if (xDir == "right") {
: ~/ r7 i; ^9 l( s% c, E. |      xPos = xPos + BallSpeed;* b8 P: B1 R: N% [
      }
1 x9 }  _6 p& {1 R   else if (xDir == "left") {
2 H' I6 D7 z9 F4 o      xPos = xPos - BallSpeed;; Q5 }. u* N8 H$ ?$ J+ ]# S
      }6 ~! E& m  v; q) j* b& T
   else {
+ U% R3 J! k5 ]2 z" |. O      xPos = xPos;) ?# r2 H/ z9 C: X
      }
& z" u! ?0 Y5 J/ c  g' C, H   if (yDir == "down") {
& z7 A: M+ j7 o0 V+ |* B' m0 C      yPos = yPos + BallSpeed;. l$ q1 D1 M$ J
      }
+ M/ n+ y# H9 @% M   else if (yDir == "up") {
7 ?* J" L6 u! A      yPos = yPos - BallSpeed;+ c5 G# b% ?+ k  I" H
      }" N2 p3 M2 u" d1 e8 R
   else {: o  ~: Y; i- F# H8 z
      yPos = yPos;- G  i5 V) F, n' f( n
      }
4 [) B( k9 I. O* S3 @% F1 Z. W4 Z   }7 z& _7 m( Z8 G/ h. O; k
( U3 Y( W9 H& Q4 X' c# w
function hidetext(){
0 ^* N% d- ^1 C+ ~if (document.all)  E5 h' e1 v5 z2 [' \
supertext.style.visibility="hidden"
) |: \# X, ^. v! u8 d4 pelse if (document.layers)
$ K% U& j& _6 ?5 edocument.supertext.visibility="hide"
1 U7 s% S, k' UclearTimeout(animatetext)
7 R7 l' b: e* ~- y}- u) t7 {# ]; x
" W' K4 Y! w* q% ^/ d
if (document.all||document.layers){
# o/ C4 _& q- K: R$ bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). V& |5 T2 u* x! n  T7 k8 V9 ~' u
window.onload = initializeBall;% A& z0 w1 o8 v
window.onresize = new Function("window.location.reload()");
* f8 Q+ b, Q7 X- e7 s) X}
7 M( C/ Y) V0 q0 F3 z5 ~1 w
, A4 s% R4 t, ]) P5 }</script>