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

zw2004

<style type="text/css">
8 E' \- b4 i+ [& ~#supertext {
5 {7 k% A4 o2 @+ M5 y: p$ Fposition:absolute;
; w$ p! f9 I$ Zleft:0;) D; x# N* R2 h1 B% f- a5 i
top:0;, C2 n0 h* n: T* e0 h9 ]
visibility:hide;8 z6 r4 V# v+ s2 |& {
visibility:hidden;9 \. Y! S7 c4 B' Q& K0 R
}
! V7 l  {4 @, I5 O</style>2 b% E+ v. X; R3 U: T5 y+ G8 ~
<script language="JavaScript1.2">: e) D  ]5 K! ~+ o. e/ z
<!-- 改变下的字体的大小。颜色-->- D0 @% G7 ?# q7 C: \! \: H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- m: [; }) d4 rvar hidetimer='';6 I8 g/ J; F* `+ V% L
<!-- 改变下的弹跳速度-->
* Y7 |% [3 A) v( G/ Avar BallSpeed = 20;; B' u9 N' b1 b! x4 t5 I
var contentWidth;6 W6 j+ K6 T9 A
var contentHeight;
; F; T& k4 J" @var maxBallSpeed = 50;9 {7 l, X* x, k" Y

# ], j0 \# ~( c3 b  j' U; u2 x8 t) W) q5 M' w& F
var xMax;
3 q6 a+ K5 V9 V# ovar yMax;
, X* t$ d1 D" hvar xPos = 0;
3 a9 u. [- D# g' O5 ]4 ~var yPos = 0;
; S" M2 i5 s- r6 nvar xDir = 'right';
; P( t8 l* ?3 W# Hvar yDir = 'down';
4 K3 C. d/ ]( z% s) {* H9 Lvar superballRunning = true;, I0 P! K- M- L1 Y
var tempBallSpeed;  S0 ]/ f/ L/ f4 i
var currentBallSrc;
& @& T4 u. I+ l1 a* G- h1 I# e* yvar newXDir;
$ v/ b2 N8 j* D3 X& gvar newYDir;* m3 ]0 n) m  E) O/ n
: I( d4 Y% I- N4 [; A( Z  E6 [
function initializeBall() {: W9 R: q$ E  N% z
   if (document.all) {4 t/ @) p5 g2 u1 o- j* \
      xMax = document.body.clientWidth
  |! G- N9 I* t% }' `      yMax = document.body.clientHeight8 d2 _4 D' S& F  r0 b/ M
      document.all("supertext").style.visibility = "visible";
1 e2 E. q9 S0 l( N1 A* _3 w      contentWidth=supertext.offsetWidth
$ S9 R3 c% M: Q& v9 _0 k      contentHeight=supertext.offsetHeight
8 x6 P. |. P5 n2 D; @( u      }, l0 h- D) k: t
   else if (document.layers) {! J7 p) u4 ~' ]/ D5 S: X
      xMax = window.innerWidth;
) }) Y& Z+ C/ R8 e+ c; J      yMax = window.innerHeight;$ V1 \$ }6 w! Q0 Y$ E7 F1 X
      contentWidth=document.supertext.document.width
3 _; Z' r" }1 s2 j      contentHeight=document.supertext.document.height, J! [: y" |4 _4 k. H* [
      document.layers["supertext"].visibility = "show";$ y" X- z1 U0 A3 S( ^
      }- {4 Z$ j; g4 [) v1 i
   setTimeout('moveBall()',400);
' J# b, W9 O  i% h   if (hidetimer!='')
* p& W& j8 q/ M/ m8 y) X: i   setTimeout("hidetext()",hidetimer)
! Y6 \- p' g2 O2 w/ m. u   }
  F3 A6 K7 i4 b3 C9 g8 c0 ^
* `) Y% X1 h) s+ z# Z* S& D3 }function moveBall() {
, \: I1 f' g; U8 {7 r" }   if (superballRunning == true) {
: e, U; B* N3 p$ D      calculatePosition();
  s$ C$ b4 I9 ], X! C      if (document.all) {  p! y+ |3 n+ T9 E/ ?
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- [/ w* \" Q: G1 t  X         document.all("supertext").style.top = yPos + document.body.scrollTop;
- q1 Q# ^" ^) a9 O* z6 G" O         }
' Y3 Q+ x* C7 j      else if (document.layers) {
- Z3 P4 N- y& o, J& b         document.layers["supertext"].left = xPos + pageXOffset;
1 o/ u% i: ~3 Y: T! T         document.layers["supertext"].top = yPos + pageYOffset;2 s$ n5 {# j1 j7 w7 {
         }) \) T  A# W7 `3 M
      animatetext=setTimeout('moveBall()',20);0 F6 t: ^( O- _! N/ m: v; ]
      }
6 @' ^3 e1 W* G' y& e   }
( u3 _9 m: B) X# |9 D8 h  B. Q+ y) O9 N
function calculatePosition() {. c" ]4 A3 o" E
   if (xDir == "right") {
' k: q3 G: w, X8 a) E      if (xPos > (xMax - contentWidth - BallSpeed)) {
( G; o& ]% D9 d6 \3 o         xDir = "left";3 P1 b3 F% @. q+ _# d
         }
  I* O' f5 q7 v# `" w      }# [2 @8 i& J0 G8 ]" J
   else if (xDir == "left") {. k# U" R9 C( F1 {! v& ]
      if (xPos < (0 + BallSpeed)) {/ N1 w' T5 k0 b6 d7 h4 }
         xDir = "right";! Z8 w1 F5 E7 D( l+ Q
         }
9 o0 m# S6 W  G, Y1 X/ S( H+ o      }
/ y: D  U3 l: ]" Z   if (yDir == "down") {
- j0 E3 Z* P- E) S! D( l$ o  e+ `      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 h( ~  f2 |" B- ]         yDir = "up";. F  G  q! D( Z* q% \' M
         }
+ b: f# p  `( R3 r5 o# T$ C/ T      }
7 V. x8 o4 v1 \1 Y   else if (yDir == "up") {3 X( x2 l& W" C; o$ x- k
      if (yPos < (0 + BallSpeed)) {
7 O8 G& ~8 s. [, ~3 w         yDir = "down";6 B: V5 U# P: j1 L; O
         }$ T! v1 V; Q: O  n& D
      }
7 T; j; p/ f( m. ?( \   if (xDir == "right") {
/ j. L, i6 O+ f, Y      xPos = xPos + BallSpeed;
8 r+ W$ j* h6 U  I6 h+ _      }
- H5 n5 O; u4 x# s" G4 b   else if (xDir == "left") {
6 ~& J, Y$ W) o5 \      xPos = xPos - BallSpeed;% R  V+ ~5 E; B$ ]& h7 b3 Z
      }
- }0 p; J5 k8 U6 @   else {
5 Y- |1 T- s/ x      xPos = xPos;! \, [& f9 T5 [- Q' a9 g5 f# @
      }, G, f  S: b& y9 h
   if (yDir == "down") {
  F. f) p0 E8 P9 |) u5 G      yPos = yPos + BallSpeed;/ U7 c. A1 z1 T3 S/ q3 F
      }
0 m3 M8 b" c! \9 S* Z   else if (yDir == "up") {
' T0 Q6 |- r% G( q5 R0 T9 k* K      yPos = yPos - BallSpeed;: E* U: ~% p: v* a
      }
& I' I4 u' L. ~2 O9 n2 u   else {& U3 `5 b9 j) k" f) M: X
      yPos = yPos;
6 c4 o  \- M: c+ c2 G' E% {9 l      }
, B" M, i4 x9 d; x' f3 `   }% I2 V9 @/ e4 R+ @# x# `: y$ \
7 w# M: P; P% a: c1 D' `
function hidetext(){
0 ^% n) u/ }9 ]+ K& gif (document.all)
, b  A5 u) f) {& {6 ~6 p* Fsupertext.style.visibility="hidden"$ j5 j/ B/ `, ^
else if (document.layers)
4 w, m. [2 Y& s; h& Ndocument.supertext.visibility="hide". f( ~. u  {8 z3 c% Y' I1 F* K
clearTimeout(animatetext)1 H7 R4 G9 k1 ~2 t
}, e) G& }: b+ [4 m2 z1 h! x

) o! r2 z4 y1 o7 w0 Oif (document.all||document.layers){. N: m# l5 u9 @- X
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, B+ a* m# G) i& rwindow.onload = initializeBall;( {/ X" [7 C5 l9 s* e8 [1 D! U4 H
window.onresize = new Function("window.location.reload()");
: v; a3 v' p0 H4 X}
) q% P' O2 U3 r* N& f$ i. I5 `- W8 }" t  x" r; e3 j1 k3 M
</script>