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

zw2004

<style type="text/css">
1 M' j2 S% `3 C& a( a0 c5 U- b#supertext {
6 Y3 W3 G  j" v5 u7 `position:absolute;3 p9 j, ~' m7 u3 @7 Q
left:0;
. V% e) C' c/ itop:0;
( f1 b, m) W9 U9 lvisibility:hide;7 }# G; b$ T" x
visibility:hidden;
! B5 z' N  {/ i% j& D) `  w* k}
1 p1 a* G6 Y% d4 T4 _% i</style>
1 `) r* U0 N+ a! S- X* ]' p<script language="JavaScript1.2">; n. M. w% D9 t/ R6 h" l
<!-- 改变下的字体的大小。颜色-->2 @& X/ h8 ]3 T  O8 x8 |$ U: `
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% e2 s" d- u# {1 U% Y
var hidetimer='';
4 e, A# |) F9 p7 J* }<!-- 改变下的弹跳速度-->. q4 E8 q9 @- i7 Y7 t0 C1 A
var BallSpeed = 20;
2 y) l2 K( t8 ]+ H8 uvar contentWidth;
+ ?$ T" V+ x- `var contentHeight;6 p6 D& R! A, s% I  {( l
var maxBallSpeed = 50;
8 w3 @3 V! P7 L/ ]9 q# r4 S( ~- }
, b& t0 n) E; {+ z2 M# f
6 J9 W* `; B) ~) Yvar xMax;
9 j" A! j  Z0 ?var yMax;
1 R9 u! d  E$ Uvar xPos = 0;' g' N: x! W2 K9 o% v
var yPos = 0;
7 |: h5 J+ x* l1 `. n( g( \" B& lvar xDir = 'right';0 m% M6 \/ w. u7 s- T
var yDir = 'down';
2 ?0 E3 h  o  q6 g0 Z/ l! p3 Q. e. \var superballRunning = true;- \7 P0 \" E- R# V4 i/ E0 s; @
var tempBallSpeed;: [* I4 k% X: U) j
var currentBallSrc;/ b" }) j( a$ _4 ~. }& T& H1 d( [4 Q
var newXDir;& @  `3 Y% H. V% @: W0 H4 a
var newYDir;
, s% ?- Q! c; A% E. \. J8 p  f
& v6 e. Y/ p8 Y: O+ Jfunction initializeBall() {4 O# P; C" B7 E" ]& M" ?- e& Z
   if (document.all) {
/ W8 z+ l( l0 L, ~# Z" u/ N      xMax = document.body.clientWidth  N1 }# z. x' J: H2 X) s: z: V# ^
      yMax = document.body.clientHeight
4 r$ z5 N6 J& |0 _) `- I9 n' S      document.all("supertext").style.visibility = "visible";! `: ]( e  d, M# w
      contentWidth=supertext.offsetWidth' i' T  o! m8 E/ d5 `
      contentHeight=supertext.offsetHeight
+ Z2 b0 A$ ~+ p      }
7 c* A% V8 j( _& t# b) y   else if (document.layers) {
3 d: [5 ^% j5 {' M* _+ z      xMax = window.innerWidth;
" s7 B" u2 n3 T  h" C) m      yMax = window.innerHeight;
# J! O8 y4 X, K6 j4 M: {& P- |      contentWidth=document.supertext.document.width3 [* h& `. P" _) n
      contentHeight=document.supertext.document.height/ P2 W8 j7 {2 e6 y- ~2 Q  O* e
      document.layers["supertext"].visibility = "show";: M8 Q5 D1 E. c
      }& u* H1 X- O3 S9 Q
   setTimeout('moveBall()',400);
* S! i2 M5 J! o+ Z   if (hidetimer!='')% Q9 x0 t2 G# m3 E
   setTimeout("hidetext()",hidetimer)3 W: n! Q4 v, J/ i3 s
   }
0 l, E  v0 W+ G- r# Z- R4 }5 h4 [8 O! |8 _
function moveBall() {
0 C1 T# \" O0 b8 J   if (superballRunning == true) {
0 e# q! I7 z  U9 G8 ]      calculatePosition();
4 J: F) n1 z  O8 d! M- G0 v& V8 o      if (document.all) {( r. j3 u: k( n% [
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 ]/ l/ G8 w5 h         document.all("supertext").style.top = yPos + document.body.scrollTop;
, L+ l; l6 v: T, ]) m* R         }: X; g9 v  _9 @: ~
      else if (document.layers) {6 A3 m5 t3 x! P  n5 x& O) j
         document.layers["supertext"].left = xPos + pageXOffset;
# W- y& t6 N  l1 H         document.layers["supertext"].top = yPos + pageYOffset;
- N$ q6 z" i& @; E% ^  y         }- Z" P1 ?$ E, P! e9 J2 A2 I& k4 M
      animatetext=setTimeout('moveBall()',20);. ?0 o9 ?& d2 T
      }
; d' i4 g& C) r$ I" C/ m   }" ]3 `8 C: \6 p! i5 w" f. `3 z. P
- ?2 t8 |. n5 f
function calculatePosition() {
3 {5 R  f7 I* q2 U2 X% s0 L   if (xDir == "right") {+ d# c% R2 ]! Y& `8 _
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! x+ h: E5 O& z         xDir = "left";! a" h4 L( W/ k0 O) i
         }5 S- v& N$ K( L  V- h
      }6 r$ F, w4 [6 _( V0 g- ?6 W
   else if (xDir == "left") {  q6 f6 \" N4 S% |1 z( U
      if (xPos < (0 + BallSpeed)) {! j7 i" ^$ ^+ R3 v. d
         xDir = "right";
0 e" T" O- x" o& {         }
' @: r! m7 [) v9 {& N/ S$ j      }
3 T( _4 c$ k+ a8 e2 {& i5 W& ~   if (yDir == "down") {3 {2 D& R, _+ G4 r, L4 z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& N% ]' d% t# }  T* Y- N* ]         yDir = "up";
7 a5 F+ |) e3 x2 L! k* Z% H9 \         }
" M. A7 _, T' ^& _$ Z; D      }
, `% `2 ^* Q6 A) [1 s   else if (yDir == "up") {
% ~' i2 B/ X" G' Q8 }/ I2 f: Y& c" O" L      if (yPos < (0 + BallSpeed)) {  c! B& B2 R3 t( z! A
         yDir = "down";7 a, x6 p. A% R
         }
$ |5 a; z% z/ H      }
/ X) V/ [5 |3 e. n" S; H   if (xDir == "right") {
1 F; P# E8 U/ _# Z% o" E0 x6 }0 s      xPos = xPos + BallSpeed;
4 k6 e# ~3 m; C4 u      }0 h4 }! _5 t  L2 g
   else if (xDir == "left") {- v! ~9 w+ k8 L' j& d3 h' C
      xPos = xPos - BallSpeed;
& V6 ^3 @! }6 ~: t/ o3 v      }6 q; R5 \4 O1 G! j) d3 E5 A
   else {; W4 x# K2 N+ \" F. P# B* d, X
      xPos = xPos;" I: p" @4 |7 d+ C/ q
      }: ^; K9 S/ G5 m1 P) g& n
   if (yDir == "down") {/ K( z7 Q/ N4 G2 X* e; J
      yPos = yPos + BallSpeed;
! s$ s+ s6 A8 b; E      }# }0 v0 |' q  ?5 V5 ~
   else if (yDir == "up") {
5 Y. p  a% U7 |" \8 A6 W# s      yPos = yPos - BallSpeed;, z- k5 d' p7 [( A6 ?  i; V
      }% }% a% o7 [0 K  |) ?: m2 K
   else {' B' A7 n7 A* K8 I- G5 L
      yPos = yPos;0 x0 R' P/ ?( }! ?
      }
. _* G* n: N( ?1 h   }
( x* P! s4 c  |8 V# H- H1 s
3 u2 T5 C2 Q7 E* s$ C+ \function hidetext(){
6 }1 H* E" @. l' x' D+ ^& R* aif (document.all)
# I* M( v  h# j# O+ W; E/ rsupertext.style.visibility="hidden"
, }5 d5 n$ o% m6 u7 Z. |! {else if (document.layers)
' N6 h, h2 {# N% ndocument.supertext.visibility="hide"7 R+ M: Z7 L, h0 q
clearTimeout(animatetext)
9 P/ K* V2 n4 C& m: \}
1 T. L5 K5 x7 T' {% r3 z; e& T9 c6 D+ o) v# A
if (document.all||document.layers){
) R2 l9 Q. ~) |$ I5 T  s9 W# R) cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 R( e* W* U$ U: [
window.onload = initializeBall;
4 W! C) `, z/ F" w2 S+ y6 Dwindow.onresize = new Function("window.location.reload()");0 L# e. c) Q$ _
}5 P' M8 }# A' l. i0 t* Z; L
+ O% f2 ~1 o4 f2 X
</script>