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

zw2004

<style type="text/css">
6 a0 k$ H* D$ f$ R4 \3 Y#supertext {
; u- `/ v) b# F: r2 y# ~$ fposition:absolute;) e; V6 l) N; z( S! L
left:0;: a  f  g4 E  i
top:0;7 c# b, Q  q" A, O8 B3 D& _9 I
visibility:hide;2 M! o; r: z' u9 h/ n. D" \
visibility:hidden;
+ x' C. y% R8 k; f2 b5 c- _$ s}% y" e0 j3 ^+ V( ^' J
</style>! t3 V" I" L5 ~' N5 X' G
<script language="JavaScript1.2">* U# J1 `, C& X4 Q, L9 \' P
<!-- 改变下的字体的大小。颜色-->  K$ @. v9 G2 Y' a5 h$ S1 C1 L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. @# ^* z$ A* n$ h4 P5 s
var hidetimer='';5 F' P6 `) W- m* o: k
<!-- 改变下的弹跳速度-->1 O  A( U1 o+ K1 E- p5 R
var BallSpeed = 20;
% O. g+ [1 n8 U+ R. l# Bvar contentWidth;: M' ]- l! [, S( r9 V
var contentHeight;8 [* J+ L" P% I$ I/ _
var maxBallSpeed = 50;
$ {: r& ^* \' w+ N) j$ p  a. |" m$ _. g% I- U, ~( J" I4 b' Q

' F9 l8 p# _) ^* M  ?var xMax;2 ~7 F1 V6 j. `% W
var yMax;
) E( ]0 e- k- P  A. p& rvar xPos = 0;
: [1 u' J7 r" L+ p$ C' I' wvar yPos = 0;' n. F+ M# p- x5 {
var xDir = 'right';
7 [2 x* p6 J% |: N/ R$ Z. Lvar yDir = 'down';
! H& A% S9 x- W! \! j; uvar superballRunning = true;
, b1 ~. }- r  Z1 r+ s  Q6 {6 avar tempBallSpeed;# p7 w8 t# |! A3 F, q4 o4 Q
var currentBallSrc;' E, f* f) ?  A
var newXDir;* J, `' y& C5 g4 m0 a; w; q/ r+ _, O5 Y
var newYDir;
4 ^) Q: J( o+ _1 v) e
& W  @3 _; `! Dfunction initializeBall() {
5 u/ P) C" K* G3 A   if (document.all) {! }: `. l2 y" m3 z$ ~
      xMax = document.body.clientWidth
/ v6 c5 F& L6 Z      yMax = document.body.clientHeight
+ {' l0 j6 \3 T* a      document.all("supertext").style.visibility = "visible";
( b2 {, l2 h6 k      contentWidth=supertext.offsetWidth3 L- D. o. A+ D1 u* h
      contentHeight=supertext.offsetHeight/ k) _9 x; U4 P) \6 q$ f% ~! O
      }: h9 \$ m4 S  I5 H7 F: m" R
   else if (document.layers) {# O9 W9 g" q! }" G  ?) x0 }$ C7 b) ?
      xMax = window.innerWidth;$ h( O' }) g. z. U
      yMax = window.innerHeight;
# a1 T1 j4 Q8 z" c, {      contentWidth=document.supertext.document.width9 u# X3 M+ z3 S0 o/ r* G
      contentHeight=document.supertext.document.height/ D  y7 G( o3 J$ Q3 W, a( q
      document.layers["supertext"].visibility = "show";
, F# K: P: x* Y- w% t9 ^: s9 g: A' h      }
) _. R7 d3 N! C7 l$ C- q( h. P. ^* W   setTimeout('moveBall()',400);
2 C( B7 i7 f7 U/ J1 o& Q   if (hidetimer!='')5 b) \* S4 y# `9 j; T2 D7 j$ Q- f7 \5 |
   setTimeout("hidetext()",hidetimer)
; C3 L3 o2 L' m3 b1 R   }. E2 w5 l; M+ d7 H! {4 i; b
! I* Q- S, |% f- w  @, e
function moveBall() {; _+ }0 w) h5 c9 _& m/ {
   if (superballRunning == true) {/ r$ \; D- Y- O
      calculatePosition();
7 a, l% t9 D, {: }) \' ^& j      if (document.all) {
6 i1 S+ d/ a: ~         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 Q+ s5 X; [, i6 Q" r/ q( q         document.all("supertext").style.top = yPos + document.body.scrollTop;8 w* Q( x; U4 j. A; Q
         }0 M% E) r8 w, _! @" o: s4 a
      else if (document.layers) {
8 n1 }' B2 W% ^6 a, \         document.layers["supertext"].left = xPos + pageXOffset;
4 W, H0 g% m8 I3 v- E+ w+ I- ]5 c         document.layers["supertext"].top = yPos + pageYOffset;
4 P+ v- D" E. ~9 ~: j; ~# w         }
% g& m3 U$ Z) P6 @8 C3 h      animatetext=setTimeout('moveBall()',20);
. S) l! X. J3 k      }
) J7 R6 X- I5 \8 A3 Z5 D( m   }
# N0 ~" D7 U% e1 v" |- B0 I. O# u, V9 }4 \& _8 T3 e2 e% ]
function calculatePosition() {
- S, q& u/ ], g% G0 C# b2 e   if (xDir == "right") {
- ?, _: k" o. \% \6 l2 s      if (xPos > (xMax - contentWidth - BallSpeed)) {' D9 X6 e$ g) P. |4 @+ l
         xDir = "left";* \; p* E9 [3 D2 A( B5 L
         }
* P* V$ i8 v* ]. L      }
2 W: k& M% W' W0 R; k! G4 g   else if (xDir == "left") {" P8 N( E9 @/ w9 P, x0 A' ?
      if (xPos < (0 + BallSpeed)) {
6 u! B# l7 e5 q" G         xDir = "right";; Y" ]& U5 j) f' U; U' Z
         }. f- q: S* J! P
      }1 n- i/ ]' J. k* ^4 H
   if (yDir == "down") {
( g1 c, ~+ _- [0 p9 O% @9 z9 b$ ?      if (yPos > (yMax - contentHeight - BallSpeed)) {: V+ l4 z* g- ?" D
         yDir = "up";* F# }" x8 P7 r6 B& m
         }, u) a( p# {( w- P% O1 b' |  U, L' R
      }4 `( @7 b; g# d. J
   else if (yDir == "up") {
. s- t) n  U, q      if (yPos < (0 + BallSpeed)) {+ W$ |/ W9 [4 L  H. g) L3 p
         yDir = "down";
3 V2 Z* L5 r- {0 u0 A         }
  L. y& X7 j, ?7 q9 m      }* t% z9 K+ A( i9 ?. G
   if (xDir == "right") {
4 _/ O% B+ n8 d) E0 S' G2 ~8 @# P      xPos = xPos + BallSpeed;
) Y, U, n2 Q. C  V; K6 m. [      }
8 W* ?( c( c7 I' T   else if (xDir == "left") {
* n; P& v( O# E9 w9 H  z0 ?0 R      xPos = xPos - BallSpeed;4 i9 _3 f, L3 e6 R  c
      }
- r5 t# x! P( d9 m" R" a   else {+ q) P0 j; K+ H5 l
      xPos = xPos;( g) ?$ b$ D, F  X0 `
      }
5 D" m9 D8 Z, |" g, w* S$ {   if (yDir == "down") {
9 @8 E! }0 `) Z" h. b$ _. V( z      yPos = yPos + BallSpeed;; E9 g0 Z1 M8 O3 D9 y$ o. f( ~
      }4 s2 V4 }: H5 Q) Q6 T
   else if (yDir == "up") {7 G0 V6 n# c; u6 @. h
      yPos = yPos - BallSpeed;2 ?- f9 U/ n; F
      }
! }, m6 D  ~2 a4 Q7 P   else {
! D3 K) L! d4 X8 f7 ]) B& Z      yPos = yPos;" g- b, u5 h, |8 q
      }
, e- V, i: U  F& C   }# f- k; E" A, M

5 h% T8 W' T; Q0 tfunction hidetext(){
/ z" `7 b7 q7 t* L; Fif (document.all)$ n6 q' K8 N- h* p7 L* Z* M
supertext.style.visibility="hidden"2 I( W( p5 _  z& ~3 Y4 K: l
else if (document.layers)
' @3 T0 X# a) |  u& t+ s1 ?% Y5 Kdocument.supertext.visibility="hide"
' V) L& a# F  |1 Z& TclearTimeout(animatetext)
$ e7 l4 E# r( u6 w6 Z* x6 h1 W8 z}
0 c7 n  p& W5 F* j9 D$ {6 @- h% ], C: m
if (document.all||document.layers){
  @1 Y' c$ T" e3 D& t* qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 c9 @- Q) w$ V# o0 y' Xwindow.onload = initializeBall;: r+ s; I. C3 a  U3 N9 R' U
window.onresize = new Function("window.location.reload()");
4 y9 B; b% I6 S& F}
0 x- g! z, q& N& Y" N% T# W2 w
' Q! o( ?2 @) u3 W</script>