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

zw2004

<style type="text/css">
  e. a% I: T1 ^2 r#supertext {
4 ^* G7 ]9 _4 t) K0 S" ]position:absolute;& H) X8 Y3 w9 Z) h
left:0;, v# h5 P# M2 y! }# M2 F: T
top:0;
) Y" |" v3 ^$ O* Kvisibility:hide;
+ ?; _8 V5 Y& a8 r$ _; ?visibility:hidden;
& c* ~2 [! Q( @' ?& c3 p}
# ]& C3 C" @5 u) u( x1 ?3 r</style>  b3 A: j' I7 w1 i
<script language="JavaScript1.2">
" |3 K9 _1 a# t) c9 n$ I' ~( V<!-- 改变下的字体的大小。颜色-->
( c8 ]. m1 W2 J" X4 [7 C6 _6 Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 l6 F. U2 R( o( n. D
var hidetimer='';
" X: l. Y/ V/ m8 Z0 e9 c<!-- 改变下的弹跳速度-->7 u* J* V2 v' v: J9 y
var BallSpeed = 20;( J8 A/ B. M3 a" V0 M" ?) t+ H$ }$ {: ~, d
var contentWidth;
! Z; t$ D4 m) l4 s- Svar contentHeight;
- O& g  H" F: C- }var maxBallSpeed = 50;$ a2 C- G( z- a9 A8 \. w
1 R6 W( \4 C9 q5 I: w

% U0 l0 G/ h) d7 Uvar xMax;
5 i' p6 K+ e6 D4 `7 Dvar yMax;7 Y/ T5 G- \, m
var xPos = 0;
4 a( Z  b/ H5 D7 ~7 M, Zvar yPos = 0;
) X4 n( p( K* uvar xDir = 'right';
9 n  T7 e5 L3 ~! ^  R& uvar yDir = 'down';) w' k& Q/ Y6 G( g) j1 T% N4 u
var superballRunning = true;
- v% L" }* w3 h, s- A! Yvar tempBallSpeed;! `! P$ F4 @" ]+ m; c8 D# _
var currentBallSrc;
6 G) y- s. c+ S) {var newXDir;
' J6 {9 r# Q- @9 t# c+ Wvar newYDir;
4 ~2 q8 ]" u$ f9 Z( `
% W& k, r8 f4 `- |. zfunction initializeBall() {
  `! E7 y7 K+ f   if (document.all) {6 z# t* k1 v" U! a9 i" R& M
      xMax = document.body.clientWidth* _8 ~, |0 z2 C+ R3 V
      yMax = document.body.clientHeight
$ Y7 t4 o" ^& ?$ d2 N6 u+ S      document.all("supertext").style.visibility = "visible";5 m# x, P- I  |" T9 X
      contentWidth=supertext.offsetWidth. Q  r, E& `; P8 n7 D1 p5 |6 z; ^
      contentHeight=supertext.offsetHeight* @5 b4 H. o" Y. E  \8 b9 A  u( ~
      }
: y3 z8 w( I  R% i' h& g& f   else if (document.layers) {
) F6 i- [& n* [& j% K+ a( x      xMax = window.innerWidth;1 M7 _2 u; A9 d: y# {# ?* S
      yMax = window.innerHeight;
' M, l7 V4 E! \" `2 w      contentWidth=document.supertext.document.width
; w" B/ k8 N8 E+ s5 G# v      contentHeight=document.supertext.document.height, f+ M& x8 }, Z+ ]- P. U4 n
      document.layers["supertext"].visibility = "show";
* n1 h6 T  O( Y# Y% V! e      }
; q9 Q/ s, U3 X+ A6 R   setTimeout('moveBall()',400);
7 B! ^8 W3 P2 P' T4 P% h   if (hidetimer!=''), y; @$ n( T. ^- r8 p0 B6 b
   setTimeout("hidetext()",hidetimer)
7 V; y  `& G# n  m   }
- r1 u# o9 `2 ^% r# w# r
7 X, _3 z6 |: e- i8 afunction moveBall() {
9 ]. V9 J/ }& q* N  F+ z   if (superballRunning == true) {) p4 v% ?" ^9 W- }% n) H: E
      calculatePosition();- P5 G! D' L. J8 d
      if (document.all) {' t0 N. R0 c- g) @& P! c
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# S$ D0 A2 D* J# E         document.all("supertext").style.top = yPos + document.body.scrollTop;
& B' @# O7 g+ Z8 y         }# w3 L) @1 E0 P; E
      else if (document.layers) {9 {" y, \5 J* O! c2 Y7 h& ^. r
         document.layers["supertext"].left = xPos + pageXOffset;  x9 w4 ~* _9 A
         document.layers["supertext"].top = yPos + pageYOffset;
0 c; m+ w% T  ~         }
# W( G4 y5 b7 b      animatetext=setTimeout('moveBall()',20);# w+ ?8 Z& u; s5 t+ c9 u  J. d
      }
6 X; X+ o8 U2 ~& [. W$ e   }
! C0 M- L- x# [6 J/ a3 F4 M/ `2 s* s: k
function calculatePosition() {
  }7 s, v/ i# o. w5 P* x   if (xDir == "right") {) f: D, s" O6 C4 K
      if (xPos > (xMax - contentWidth - BallSpeed)) {8 f. \' X& S, }: ?3 F/ m# H* @
         xDir = "left";% M' j) V2 l* k# \/ ^
         }
. j+ o+ d) V+ k% |& @! X      }
, w! S6 q0 {# Z; l5 n7 x8 n7 l1 ]4 U   else if (xDir == "left") {& [& _1 i8 g2 H, o  _& x
      if (xPos < (0 + BallSpeed)) {4 m9 v. U# q# n/ W7 m) z7 B
         xDir = "right";
' B4 r' x8 m* x" F: N         }
) D, S- @& t- n6 Z6 ]0 }      }
4 O5 {3 p$ Z5 y4 m6 a  _3 [& j/ F   if (yDir == "down") {6 O# R. b; p8 S& k
      if (yPos > (yMax - contentHeight - BallSpeed)) {' ?  K0 [' v  i% }. z( n; E" {
         yDir = "up";4 m4 z# f# h* Q' A5 T. v1 V: u
         }
! M' C) |: l+ ^% F( g/ [      }
. d9 ~  Q) s. T7 M" d   else if (yDir == "up") {  D" i6 Z' v) l' j7 `
      if (yPos < (0 + BallSpeed)) {
! P( K* M  [$ r( Z' P         yDir = "down";" e+ G: r; ~6 Z* y7 N
         }8 u( l7 {; t# M6 b- {6 F
      }: o5 K1 J! G% |8 g
   if (xDir == "right") {
) t: u1 s: d# P4 r+ y      xPos = xPos + BallSpeed;
; a8 ?+ Q2 u1 w8 [3 {7 {( }      }
/ Z7 R( l4 D) I+ k& P   else if (xDir == "left") {6 Q/ n9 M* j3 F1 W) C. @: o
      xPos = xPos - BallSpeed;
" K4 k! S* Y/ K' O& q1 Z" B) r) j; c      }8 e% a! M! G$ |# i4 |: p, u5 A
   else {; A; K' ^/ u& T' q' E$ h
      xPos = xPos;
' B+ M8 D8 ]1 X/ t+ Z" @6 O5 N4 n      }) V) ^$ z) O) t0 y6 \: m
   if (yDir == "down") {" m% N( I1 p6 ~: j, c& [& G6 g
      yPos = yPos + BallSpeed;
- i. z7 \3 t2 K) q7 ]: B- Q      }5 ^6 X' F5 K- ]) Z% [! z  w
   else if (yDir == "up") {
* {/ _- Q) [8 ]; m, r# `      yPos = yPos - BallSpeed;
# i! v" m0 U/ b( e8 R      }
. k3 N( M" _9 {3 }) m9 C   else {
" N. \* h$ Z1 u* A      yPos = yPos;/ ]$ M7 z$ x- f2 G* j
      }
! {4 B0 A. J. p+ M3 U   }7 J: `: v6 @- J) E' F8 g/ p) ~
; C4 Q3 K9 N, B  g- w
function hidetext(){
, ^% `* q" g$ A4 p" ?( R/ Gif (document.all)% p: f, l; H1 Y1 W- x
supertext.style.visibility="hidden"- A& P& V$ J, T2 Z3 p
else if (document.layers)
. X/ q6 Q, T0 H+ f4 `% J* f( l6 kdocument.supertext.visibility="hide"
" m' ^) }2 |, e. WclearTimeout(animatetext)
5 O7 t+ J( l! J8 f5 [% ?9 {}
4 J; f  A+ a4 f- E% P' b
5 n6 i$ z/ N, g* iif (document.all||document.layers){/ I8 [9 k; F, `$ Y  n0 Z# `! Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 ~/ G4 T% z7 Q& h% ]9 jwindow.onload = initializeBall;) B, H6 y9 \# F/ g
window.onresize = new Function("window.location.reload()");9 R7 w: t1 O+ _- Q( I
}  ~. W  ?* n1 i1 \
7 \+ D# I# c0 u: ^  @6 o
</script>