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

zw2004

<style type="text/css">" v" I+ g& o! A  t5 m0 z: t7 w
#supertext {1 C( _2 {: o0 C' `
position:absolute;1 }. q/ K5 c, ]5 k
left:0;
- h7 I+ ~2 `6 @1 k  d% |; b; ntop:0;+ b7 s* B3 |2 |6 U
visibility:hide;* e4 g. @9 ~6 ^1 s: Z5 V" x, M
visibility:hidden;
$ x9 A7 D9 Q! `; K: u}  K4 M( |, @- q; ], \" E
</style>
% [; x3 F4 d0 i) f; l5 R  _<script language="JavaScript1.2">9 n# p1 i; h# J' P9 \( O
<!-- 改变下的字体的大小。颜色-->+ m3 ]7 v' e  H7 V. ]. z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! d& {/ ^0 k% f( N# Rvar hidetimer='';/ \7 w* l* l* f" S; i. D3 z2 J
<!-- 改变下的弹跳速度-->/ Y4 ]3 Q) e+ {2 s
var BallSpeed = 20;8 t3 n) S+ r* ~; M
var contentWidth;
6 k3 w$ q- K. P5 J9 [var contentHeight;" {/ z4 O/ v2 l* S3 D
var maxBallSpeed = 50;5 H! }0 d+ j- n5 ?/ V3 n

' ]( E2 x7 f5 g/ j' q: R
2 P2 D  v, X( Z! }var xMax;
/ T8 k: w! m0 k0 Jvar yMax;
0 T1 l. r5 B; H: Evar xPos = 0;; u0 I4 x& ]# C7 D, k# ~% R! L" j
var yPos = 0;5 k2 r/ x2 t+ a5 l
var xDir = 'right';# j) ~6 b: K; g( k& k0 s7 C% t
var yDir = 'down';. D: p! |- ?& `3 \6 B" P
var superballRunning = true;  j; h+ p; S4 s5 t' C# i6 B
var tempBallSpeed;. ~' }" a8 f2 X4 S8 H
var currentBallSrc;
- I) a1 N& T5 x3 N3 j! Pvar newXDir;7 L; e4 r5 z- |! t8 R
var newYDir;
' [- x, {4 k2 q. G% l/ e+ z2 {/ Z+ I" g- x' y8 _
function initializeBall() {2 |7 [3 Q, h$ ?7 _
   if (document.all) {- A( i# N7 d* _) t; Y7 K& Q$ b" t
      xMax = document.body.clientWidth
2 W8 A3 y" Y2 g6 |( X$ ?      yMax = document.body.clientHeight
$ U  Z  F# S1 f1 G3 ]: [5 a      document.all("supertext").style.visibility = "visible";
! g& j2 ^0 j* S  `5 O      contentWidth=supertext.offsetWidth  L; A" e3 t+ V# x. H9 F
      contentHeight=supertext.offsetHeight
3 g5 g; V0 P3 T; }4 g+ ]3 X      }% U3 Y6 W  ?+ m% N$ E
   else if (document.layers) {- @1 l  k1 G) Y2 n1 K( Q
      xMax = window.innerWidth;
: q7 \% f; v% I; v" s1 `) A      yMax = window.innerHeight;
: |6 N5 ]  i. f& {1 z) T2 }7 p& j; O( _      contentWidth=document.supertext.document.width" K, o4 I$ u4 G+ n7 N
      contentHeight=document.supertext.document.height
, J0 B# l7 Z/ ^. N9 A6 S% Z      document.layers["supertext"].visibility = "show";: @) t6 g/ s/ E, K( |
      }
6 k& f8 d- J( S1 t' L( k   setTimeout('moveBall()',400);
( ~  |9 ?( x2 g   if (hidetimer!=''); V0 b* X7 m' p  D" h. B5 {. Y  u
   setTimeout("hidetext()",hidetimer)
. Q3 R( L6 E" R  {   }6 C- b% t9 T% f7 B" q$ x3 a
6 c5 t7 _7 m. E# ^5 ~& l3 {6 H8 Q
function moveBall() {
1 u. Z8 o' p; m: A   if (superballRunning == true) {6 s$ e2 k' i& o' y
      calculatePosition();
% D+ Q' B% e  e, |      if (document.all) {0 Y! b& j& ~$ R( C
         document.all("supertext").style.left = xPos + document.body.scrollLeft;# O! J$ S$ Y4 _8 y( T! G/ {
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: P: k- |' i8 \8 d( a         }
3 G3 H! q" T' ^" u% M+ m+ p      else if (document.layers) {; k7 ~# e6 k" |( X7 v+ N
         document.layers["supertext"].left = xPos + pageXOffset;
# Y0 A$ U9 u1 o4 b6 q/ E         document.layers["supertext"].top = yPos + pageYOffset;# i6 t. l! L9 P7 I4 v) v
         }
0 _+ S- t0 T  T8 L0 r4 b      animatetext=setTimeout('moveBall()',20);- o. g! ^& r1 u, B4 g- \
      }" I3 \3 z) Y* _( C; h
   }% B# ]3 D8 h. p; l, \& E

' |! t$ q/ J6 d: Q4 Pfunction calculatePosition() {
5 p$ g2 Q) e6 ?$ M   if (xDir == "right") {2 z. E, `' g+ l# G" q
      if (xPos > (xMax - contentWidth - BallSpeed)) {
  S% _) ?% t- p& O# M         xDir = "left";
! h, D# a8 ?. ~% }7 R, W         }4 ~7 N6 p/ O3 S2 H. K3 l+ a
      }) a# C0 j+ D( J/ E8 k
   else if (xDir == "left") {
& z9 ~8 L7 q' f# d5 B' e      if (xPos < (0 + BallSpeed)) {
$ n* `  o1 P+ t5 P         xDir = "right";/ B* {! y# _$ u3 ?* W; A* l
         }
3 \+ a) |, b* ]! j# e/ L      }/ k7 e7 s0 |- t
   if (yDir == "down") {
9 w3 e  F- ^4 {2 L/ G- Y1 ^      if (yPos > (yMax - contentHeight - BallSpeed)) {
) ~5 g1 _) |8 t# R         yDir = "up";
. T' V4 J  c- G% X0 h         }
) k+ ]7 S) e- r4 P. s2 e. j      }
- V) g3 A; \( \, B5 s( g   else if (yDir == "up") {0 k, E" V& R* M0 o) `8 G- A
      if (yPos < (0 + BallSpeed)) {# v: A" T- N3 _5 F5 `
         yDir = "down";
& m0 S' ~; @1 n0 h         }
2 E3 y7 l" B% j/ |& o5 v" S      }
) |9 q8 n$ W3 W5 ]! R; R* W: c   if (xDir == "right") {6 L  ]" W9 u/ P/ _1 \
      xPos = xPos + BallSpeed;$ B& }, Z8 Q: _, e' F
      }8 h8 E& H. ?+ t
   else if (xDir == "left") {
* d1 z8 F0 A/ U1 d7 c      xPos = xPos - BallSpeed;* I2 I4 I2 ^  z3 {3 g
      }: n3 `# Y' v1 v7 Y7 \/ x
   else {
' e: \& w, n/ G8 ~' v      xPos = xPos;9 Z- m+ L( ]& X. A8 i( M: t
      }( z6 Z, I" q( T9 M7 `, j) O
   if (yDir == "down") {; Z* z0 \* v; `' y
      yPos = yPos + BallSpeed;# O8 q/ V8 j, f" Q. k+ v2 m  k
      }2 N0 m  c& b0 d, T" b/ |$ Z
   else if (yDir == "up") {
+ {( t' Z2 {: I, r; g. J( J7 P1 e      yPos = yPos - BallSpeed;- {2 V% @: m2 a2 F
      }
5 ^; \- I% s# C# d, d   else {
6 ~5 ?) S; q  ~9 [" f: S. _  K1 s' f      yPos = yPos;
) k9 w$ F) O5 i+ W9 r      }: e6 o% l/ p+ X) H; F+ {& {
   }2 b0 O0 `; ]1 O3 z/ m
" G+ R$ A  K+ A9 g6 L) ~5 G$ Z
function hidetext(){
) ^  H/ x+ [- hif (document.all)
  `7 n1 e; R$ z& r$ A4 h, l( u  Isupertext.style.visibility="hidden"
; ]0 _- ?) F+ V$ _1 P" zelse if (document.layers)
+ _' A2 [3 R/ n) E& v! W% ndocument.supertext.visibility="hide"6 m9 A* ~/ @$ [
clearTimeout(animatetext)
" p: N* v0 a: l% {$ B}; _& W6 ]. Y: R0 Q

. b) e" f* v( N8 Jif (document.all||document.layers){
. v) S# ^$ L- O& O$ r; P- udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 O: _2 V5 J- @2 C  ?window.onload = initializeBall;
& ^3 q2 Q5 R$ s6 Ywindow.onresize = new Function("window.location.reload()");
5 a& S. f, X* U- X/ F+ ~% ]}
) y( t7 S& }( b, o$ A6 t8 J
9 m# N4 s8 ]& U* J</script>