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

zw2004

<style type="text/css">
( M' C& b# P9 o3 h; C1 M& j4 N1 e) I#supertext {  i. K1 ]4 i+ B* O
position:absolute;
% ]. q& A# `' ?6 G- ?left:0;4 h/ L' O$ m' t+ G5 x0 b
top:0;7 R* P$ N; W9 B' C/ G0 T
visibility:hide;: j$ o+ j7 n) \4 k- ^: K0 K
visibility:hidden;
, ~, G: \& h. q  w}, l, X( ~/ z/ _* F* e+ h
</style>
$ b. L& Y% P7 v/ p<script language="JavaScript1.2"># m& g% G) S# k& g
<!-- 改变下的字体的大小。颜色-->: F  j# g+ k2 @$ E" g) D# {# w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 f4 e* w5 A6 e
var hidetimer='';
+ @( S- F; I; r3 \1 @<!-- 改变下的弹跳速度-->
& J- ~: s4 S0 N4 [0 q: gvar BallSpeed = 20;# K3 j, Q' c# O3 q. e* p6 f# ~* ?
var contentWidth;5 Q+ h( w' x. _( h
var contentHeight;
+ h5 v+ z; s3 Q' x; l+ pvar maxBallSpeed = 50;
0 P9 o7 J% ^; M6 k9 E; U2 [2 K  q) _/ Q* {( L

0 m' y2 w+ H; @5 y$ P. s) evar xMax;
. @. t: @" ]9 u5 x# ~7 k/ s+ Q: O7 cvar yMax;
  t: r$ [$ s- O' T( ^& Avar xPos = 0;
9 i6 H6 |" V  \% Qvar yPos = 0;2 N, _- I! s4 [1 c+ @  n; h! W' c6 f2 g
var xDir = 'right';! g& z- P& Z5 m
var yDir = 'down';
8 C2 I8 l6 m) }$ @var superballRunning = true;% E$ i' f+ Q9 S& N0 d8 H
var tempBallSpeed;
4 P" S( L. z. gvar currentBallSrc;' K# k: z/ {8 v/ g! E1 w
var newXDir;
3 s0 U- t6 F9 a) R( Gvar newYDir;
5 d: J% u" @+ V" \1 J4 \1 p0 a6 {% z3 F" r" u
function initializeBall() {) f+ I$ D0 }/ J9 H) D5 N
   if (document.all) {6 N7 X4 Q5 J. x% [" C
      xMax = document.body.clientWidth: ]6 c) w# B8 w9 {: v" X; s
      yMax = document.body.clientHeight# R( z2 t; f9 B$ {8 E! P
      document.all("supertext").style.visibility = "visible";
1 l/ t9 [- C+ W9 U" u# Y      contentWidth=supertext.offsetWidth
, o3 ~. k8 X$ ^/ d% ~      contentHeight=supertext.offsetHeight% m. K4 P2 y" C; i2 _
      }
( s3 l- G+ j: h# Z  Z   else if (document.layers) {) R) [! @) q! e7 M
      xMax = window.innerWidth;
2 k4 a3 s& N' e: M# Q/ d      yMax = window.innerHeight;
; S$ G4 F9 Z2 g1 D/ Z      contentWidth=document.supertext.document.width, b- X5 j& m+ o9 C# e. q3 N
      contentHeight=document.supertext.document.height4 n, j" K- K6 _2 {0 X; F
      document.layers["supertext"].visibility = "show";
9 q4 V+ [8 T3 F1 _      }1 C5 w! \9 A" ]# e. P
   setTimeout('moveBall()',400);
  I- S5 d. H: Q! ?) ~0 s   if (hidetimer!='')4 y6 F+ i8 y* b/ `2 r
   setTimeout("hidetext()",hidetimer), [8 u! d. w+ J: X% h1 [# C
   }
- [, M1 c2 P+ _4 P: @
+ l& d: Y9 \4 b* {1 o* [/ ~' Sfunction moveBall() {, i: j2 q% W/ x9 \
   if (superballRunning == true) {, u6 e# P. d/ b! k, i8 N& J% P
      calculatePosition();2 N! S4 y9 ]# \; [% N2 X; ~
      if (document.all) {
- L$ o  G( D  f         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' K% C0 C6 x. E) f/ W- r2 a3 Z: q         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ o! i  g/ }0 e" Z3 S         }
6 R* g# J: T8 ]$ y) D+ U+ y) D6 I1 M+ X+ p      else if (document.layers) {* ]: t2 S, s; c# \6 T3 P2 q. i3 S
         document.layers["supertext"].left = xPos + pageXOffset;
* z5 i. b7 Q1 P. h0 O3 C6 [         document.layers["supertext"].top = yPos + pageYOffset;8 ^# N/ R! T# E) I, u5 Q5 y2 e
         }8 g9 Z/ T( C( ^' [
      animatetext=setTimeout('moveBall()',20);2 {( ^6 {. n* u" ?% z% u  f8 h
      }
0 w3 _# X/ r5 U" q8 A& l' n0 u( X+ h   }3 M$ F( O7 s( E5 G: u' `" v( B# ?- D
3 F8 X. G- p8 B: ^
function calculatePosition() {3 T" m, q3 {& I" r$ O' e
   if (xDir == "right") {4 |! k6 d/ Q+ a$ z
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ X2 `, R1 t% ^( A
         xDir = "left";+ Z5 _& A# p. s& j" R" w
         }
; ]' N6 ^& s. A2 M9 g      }/ V9 y- L. Y6 p0 q% p; E
   else if (xDir == "left") {) v% ^0 c, ?2 y- N6 @0 v. c
      if (xPos < (0 + BallSpeed)) {
9 ]6 E0 x3 [( [% t8 W* h' @         xDir = "right";
4 ?# A( u# C8 K. \         }
$ ~% r  a% X6 |' c% n* J6 k0 q      }
2 B% @$ Q: ~1 b0 \2 C+ v   if (yDir == "down") {
$ I3 d, E- ^1 }, v      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 O. {; M  L/ h4 g' ^. [         yDir = "up";
6 L. K3 S5 F5 r. ?: }: B1 \6 N         }! f6 R& G! q2 J/ b5 y9 F  s
      }: I- |7 d! ]# Y. x
   else if (yDir == "up") {; k/ I- G3 K7 M. u; d
      if (yPos < (0 + BallSpeed)) {: e* f3 m: Q0 H5 D2 r
         yDir = "down";
9 `' E' q, ^' y. `3 G8 K9 O         }
7 _; s- L+ J% |8 u5 X, e      }" `: Z$ W/ g9 S
   if (xDir == "right") {9 y  {7 ^3 {. k, ~  r
      xPos = xPos + BallSpeed;
4 [) d) a# i) Q+ _      }
' {' c* l9 y& A/ K   else if (xDir == "left") {# H$ g( E/ y! ^6 r2 l/ h$ R' b2 W# t
      xPos = xPos - BallSpeed;" b! h4 @1 o! Z0 c' [8 x) B! s/ _
      }+ x) |8 w1 f$ @4 c
   else {
  E: ?! j; Y# `( G      xPos = xPos;
; R! n0 i6 U9 _( R      }. x. A3 V5 G/ X
   if (yDir == "down") {5 u1 W2 u8 B" d: |0 h  y0 f. Y
      yPos = yPos + BallSpeed;+ G8 V# Y) S4 Y- ]& A
      }
3 O* g& x* J7 H( g7 o   else if (yDir == "up") {! |) m  o2 `: ?
      yPos = yPos - BallSpeed;4 z8 @& Z  \4 e1 V; E; \7 d, f
      }8 c% R% I  @- k! N- c# d% C8 d7 {
   else {
+ V. Z4 R. B. S$ W      yPos = yPos;
+ X6 {1 Z1 O# O      }
; I7 X0 u( }* j   }
7 x) ~/ d7 H% Z3 i+ A( F. s0 E7 u5 D1 L4 e% U) T
function hidetext(){1 ?$ O# C' Z" `, _% z; x0 [
if (document.all)
0 @+ t/ {9 d- Z! c& m9 U0 ~supertext.style.visibility="hidden"( M! n. n5 {; e8 a7 c
else if (document.layers)
9 `6 a. k# @/ b* x# ~: E) f5 L1 @document.supertext.visibility="hide"
) L$ Z6 i% [2 k8 KclearTimeout(animatetext)- L9 u* n$ S& [# H. Y: U. J, T
}
" v6 `9 o; I0 E. E( F% c# }& S
# t) p/ F: x7 I; P. ^2 }if (document.all||document.layers){: f8 Z. @. i' L, V7 S, g
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 C; c4 N2 r2 {( n" F
window.onload = initializeBall;2 i0 r7 j5 M9 g$ F& ]- [
window.onresize = new Function("window.location.reload()");
+ O7 Z# n+ }) V; o/ p0 I}
6 h7 n' v: R, U8 c% `. L& F" q* a" S) e. f
</script>