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

zw2004

<style type="text/css">+ v5 q+ X6 j* T- \3 v- \
#supertext {
9 v5 S* f" Z& k$ E6 S" ?% Uposition:absolute;0 y0 [0 M8 g$ f$ I, G) S/ |
left:0;: }; T" q4 I) }/ l/ y/ X( s0 F
top:0;: g  h6 m$ b3 J# \5 ^9 `, M
visibility:hide;
$ x5 X" S3 N/ Rvisibility:hidden;
+ _1 O! ~: b( |4 j' Y}/ j$ R9 T0 E7 c% `4 i
</style>3 L/ w: N3 g( T6 A. j; _9 D
<script language="JavaScript1.2">! l) @, l' g$ ~3 Z3 F( `" m
<!-- 改变下的字体的大小。颜色-->
9 t* B$ J, x' |& uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 ]! o3 T6 c- c* v6 o+ [* K9 m( lvar hidetimer='';
' G1 {6 `" J+ x% `<!-- 改变下的弹跳速度-->! Y: |" ^; g4 G2 W& K
var BallSpeed = 20;
: ~* \) ?4 ~- H4 l4 Fvar contentWidth;: u: n/ t$ L0 Z
var contentHeight;
4 j" f  R, U, @+ a% S. a# s3 Nvar maxBallSpeed = 50;
  ~0 v" ?. E; G
6 ^: B+ Q: t- U  ]
( ~, k$ D- t4 y- ^0 Dvar xMax;
, }. R( j0 K, r# k) e& Wvar yMax;7 w$ b0 K" i; U+ x
var xPos = 0;
& p! _( ^7 }! T7 C9 D$ svar yPos = 0;
+ J" z$ ~2 o) R9 E& c  S% tvar xDir = 'right';
& S% S+ M) w+ l8 L3 L! d/ svar yDir = 'down';, q8 v# @2 k, U: S) Y
var superballRunning = true;9 [8 C$ W) B8 {% d8 ^. C  G& _
var tempBallSpeed;
4 u) c$ K/ I- ~4 ?6 y0 `var currentBallSrc;  g, ?7 E  C( i
var newXDir;6 k7 k4 x" \& d& Y
var newYDir;8 D  F' J7 V3 O2 K: [$ z% V) f

. f2 N. f! ]" U$ qfunction initializeBall() {
8 P* [6 w1 K% m) N. u* W* p" K8 w   if (document.all) {+ I2 A& C( [# N7 o, U
      xMax = document.body.clientWidth
: T) \2 Z9 j" ?) E+ V+ A5 a. ]$ B$ I" y      yMax = document.body.clientHeight+ K. d9 |2 I$ s1 n! W% Y- N& n/ _
      document.all("supertext").style.visibility = "visible";7 t- i& J' J$ I( D; Y5 e1 g
      contentWidth=supertext.offsetWidth
* w  ^+ J, u; \, }% W7 d4 m; u      contentHeight=supertext.offsetHeight3 `+ g$ e& c. P; Z$ ]9 F* T  ^1 Q
      }) r2 z: A: `) d8 f8 y+ V% H
   else if (document.layers) {! C0 Q; X' w8 n- {) i
      xMax = window.innerWidth;# J8 w9 D2 o& y- x+ x8 |
      yMax = window.innerHeight;
( \) y, C' v) A3 S) N& A      contentWidth=document.supertext.document.width" }5 ~1 G! }$ X) F+ K5 F: d
      contentHeight=document.supertext.document.height
. K5 ^3 |$ p. }: X- ?" m) r5 S      document.layers["supertext"].visibility = "show";# t3 G; B. p* j1 R! V0 l3 H
      }
5 Q% M1 |- J. t/ J   setTimeout('moveBall()',400);! K$ v$ O5 G2 J5 ?: a5 k
   if (hidetimer!='')$ ^" Q" r( k/ D
   setTimeout("hidetext()",hidetimer)# Z, e: S+ g  x; v
   }/ l0 h0 J! {* I- j8 J. p
, c0 ]1 f* _6 l5 C# E/ n8 d3 p
function moveBall() {' a- P! Q3 h; ~" `0 @/ m
   if (superballRunning == true) {
: {4 J, Q! E; v* H- B& L      calculatePosition();
. a" {9 u% h: q) Z3 j6 O/ j, U      if (document.all) {
4 A1 r8 R# g6 ?, A         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 p' G7 D9 C/ R4 j: Z/ H( X+ N
         document.all("supertext").style.top = yPos + document.body.scrollTop;
* ?4 P( q  l' S, n9 q2 I# x         }1 |- q- e5 O4 e) p, K8 e
      else if (document.layers) {) Y: H6 _- H# h: H' O. m/ C
         document.layers["supertext"].left = xPos + pageXOffset;
7 y7 {/ n& s( d9 H- y# i- m         document.layers["supertext"].top = yPos + pageYOffset;
! |! H1 v- T/ G; v         }  x! B( w/ g5 ~# q5 ^' \
      animatetext=setTimeout('moveBall()',20);% G. w0 O) w; X' r3 p
      }+ G" W( @, q2 L) ^/ ~* h' j
   }
$ W- |: c- ^. x1 Q1 }% i3 i# `0 k# U: ~9 E" z, y6 C6 v0 i* ~7 t4 L- k
function calculatePosition() {
: n3 W: {2 ?  q6 _   if (xDir == "right") {1 H8 ^, N1 `. ^2 B
      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 F4 u" R& T' o6 Q         xDir = "left";
/ m+ C& M# I2 P# V. ?  @         }3 I# E& Y1 N! o0 W. T1 W) R
      }* F9 Z1 G- O% I- U
   else if (xDir == "left") {
9 X9 T9 X, \: L9 d5 L' f3 O      if (xPos < (0 + BallSpeed)) {
3 Y' o% i. ?# z2 z: w$ B         xDir = "right";
% G9 [) R+ r- k         }' `9 v5 v( a/ G: {
      }
7 g4 e9 I2 U9 e( n0 h! g  k   if (yDir == "down") {
! e2 j: j" d" S8 R- u: s7 J      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 m% i3 S7 M; p( ]- _         yDir = "up";9 h/ ^1 E: A) s- ]5 v7 H
         }
% K4 Q* p8 S  l, Z( @+ C: M      }
0 d& a; M0 ^  J   else if (yDir == "up") {
1 k9 |$ h) _2 G. j2 ]9 }5 `# L      if (yPos < (0 + BallSpeed)) {( ?* u: G* W: b5 Z. F& [
         yDir = "down";. f+ ^. Y- f5 p# M2 @
         }6 O9 F! y) ~# ]) g
      }" v7 ~, Q# w, k$ @8 K7 H0 C
   if (xDir == "right") {
/ [5 S1 L% `! ^* U( Y2 m$ t      xPos = xPos + BallSpeed;  i/ x+ Z* A- W+ n% ?+ y
      }
5 l7 j+ r" ~+ }' I- ]* @$ n$ l   else if (xDir == "left") {4 S$ w0 c; b2 L& `, d
      xPos = xPos - BallSpeed;
. c6 u0 Z- @$ ~0 t      }6 p' h1 g- L8 y7 _  ]
   else {. h) z% J$ O2 ^! x7 A
      xPos = xPos;
, i0 ~* E/ H# v' y* Q      }
( m) W2 R: K2 I; e1 _   if (yDir == "down") {! T8 o+ X2 B3 D1 V: j
      yPos = yPos + BallSpeed;
/ l( Q% X- y- D' N* A8 u, `7 q      }0 \5 r5 e2 g# F: L
   else if (yDir == "up") {( \- G7 u1 ~3 H% ]
      yPos = yPos - BallSpeed;
- J$ I3 O" L+ ~+ v' z: ~. ^      }1 {2 N2 H& ^; \7 y: @( E( d
   else {
, a# k: c7 W5 z6 x      yPos = yPos;, G. N1 R0 T* S' ^, B" H  `4 P
      }- C: P5 w0 {0 Q5 D' S. [: ?
   }& E- r$ p- D1 ~7 _! X" q

9 o' d( D% z8 N; `function hidetext(){# n1 |& x  V! z/ A# e# Q! }
if (document.all)
! ?6 o( B( ?7 }supertext.style.visibility="hidden"* d& F1 ]0 s  G& U+ i% H+ I
else if (document.layers)) ~6 B1 n, ]; G0 y& [/ i) I$ A
document.supertext.visibility="hide"
  D; z. f/ V+ ]0 G% r& XclearTimeout(animatetext)' z2 @, w9 z9 Y5 u5 {) Y
}
$ O+ L* K% j4 v, F0 X9 O, ~5 V3 q
# ]. c! ?% ?" o3 ~( X+ bif (document.all||document.layers){
, s9 M( z; p. {. b, o& Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# S* @3 |/ A" y& B
window.onload = initializeBall;" T4 d0 S9 M/ e# }" Q
window.onresize = new Function("window.location.reload()");- l; o4 {: R7 u& t" Q" G& P2 U
}
* K4 U( @# ~8 j7 A, S) D% Q$ @* C% i- P' j( r
</script>