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

zw2004

<style type="text/css">
; e- ~1 \& a' Y& I# C#supertext {
4 d* K4 j. A, E" Iposition:absolute;
$ Z8 F2 C1 x  F5 B. cleft:0;( R# p6 e! S( Z: P7 x
top:0;+ h7 @' Y# m. X
visibility:hide;
2 t! Q3 s4 |4 U. {; A! uvisibility:hidden;
9 J( ~, [# I* k, A3 f' a}" \# G9 R- A7 X0 f" F  J
</style>
5 M2 k! L' B0 P6 E* r<script language="JavaScript1.2">
1 S) V: B8 v: v" p<!-- 改变下的字体的大小。颜色-->
# k4 Y) p/ K' w5 Zvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. f2 c' D9 D. Lvar hidetimer='';% Z: y, g0 k8 v8 `1 v
<!-- 改变下的弹跳速度-->& b9 q" F. l2 F) i; K& S4 K  _
var BallSpeed = 20;
) A  j0 m  K8 n1 Y. g# Z/ S. Cvar contentWidth;
2 o* ?5 `: {4 D7 K" Mvar contentHeight;% T" F+ W' d# x2 ~) |
var maxBallSpeed = 50;9 f! w) x+ Q" W  W% x. T

8 w+ H' q3 T* Y
" v8 F8 Y" _$ P& Qvar xMax;
, B+ k; R! ^2 W8 u3 `3 kvar yMax;
% v$ H+ I/ e" b4 `, M( g( qvar xPos = 0;
! R5 y4 j, l8 G' X8 o5 ^var yPos = 0;: t; w0 T) _% t* n
var xDir = 'right';) N4 `. M2 v& N. Q# Z; ~
var yDir = 'down';$ J. N1 J8 K) ?) m
var superballRunning = true;. o0 i* d' g( V  E" m
var tempBallSpeed;
! e; }& t5 }* W) D& ?6 ^* d0 Svar currentBallSrc;
# @/ ?( s' i" X' X  F1 j* ]var newXDir;
4 d1 ^' j! \. K5 T% Mvar newYDir;( o; }8 D; Z" N4 _
# _& J( ^' ~* O! d
function initializeBall() {' l9 \9 k: k6 ~/ U# G( X- s9 E& T
   if (document.all) {
+ L# `0 L( _/ ]      xMax = document.body.clientWidth
% k: E8 ~( S1 c+ ]      yMax = document.body.clientHeight
+ u0 I0 E4 ~$ h$ k: r* }& v      document.all("supertext").style.visibility = "visible";3 I' r' h. \0 n" i
      contentWidth=supertext.offsetWidth
7 z% ?9 Y. d6 z" O      contentHeight=supertext.offsetHeight
$ E% r+ k' A- G/ I# }( ]      }
: B, r  R7 L9 \0 L3 _! W   else if (document.layers) {& R- e3 W" j' o3 R( z- X
      xMax = window.innerWidth;
; |+ Y7 c2 c1 f      yMax = window.innerHeight;
0 D9 Q. F, d7 ^( G( N4 J      contentWidth=document.supertext.document.width9 z4 s% u0 L% Q6 |
      contentHeight=document.supertext.document.height: a  V# L! `! {8 [! S1 \& p
      document.layers["supertext"].visibility = "show";, x9 P& w- _; B) [* m6 {$ f
      }( ^/ ^2 l2 {7 I/ v- A
   setTimeout('moveBall()',400);' N& i+ r3 u' H+ O0 S
   if (hidetimer!='')( R: J3 F3 p1 L' l1 d! X. z
   setTimeout("hidetext()",hidetimer)
4 o1 G& K0 e; @6 H2 ^# f   }. a2 v; I* I1 z/ F' |# {

! ^" }/ \  z/ M" g5 Afunction moveBall() {+ ^6 Z2 ]3 }; M7 E
   if (superballRunning == true) {
! H# ?; H6 J. O$ C$ c" U      calculatePosition();  ]' T5 t8 [8 U$ J3 }
      if (document.all) {  {; N( Y, w* K3 n( l6 l
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) `9 y& M9 ~2 `: ~
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 ]6 K! |( Q5 w" G3 O: ~/ t+ T2 M
         }$ \0 }% [  g+ P: E
      else if (document.layers) {* |; D* w  ^! @5 `7 ~
         document.layers["supertext"].left = xPos + pageXOffset;3 g& _: E0 E; S  p1 B' J
         document.layers["supertext"].top = yPos + pageYOffset;9 X% D, B6 E, D( x8 t
         }2 [2 a3 I. b( d( Q0 u" d
      animatetext=setTimeout('moveBall()',20);+ r9 p( [0 c4 y* M) B! A
      }5 z' S( h, A3 z* _8 ~
   }
, G  }% ]! e+ ^, U: R* s
8 x0 w$ I% _, U$ _" Efunction calculatePosition() {
! p% f- E( I9 W! p. @4 Y, @   if (xDir == "right") {1 k6 o& E# @9 S  @- t$ [4 G2 `
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 D9 X( M2 q( y8 N% A% [9 d0 T9 d
         xDir = "left";
( [6 j, U" @5 ]& D0 L* E; @         }* @7 Q$ U, d, \
      }$ ]& l$ G7 @, O& _) [
   else if (xDir == "left") {
; V1 ]' E0 b- Q      if (xPos < (0 + BallSpeed)) {) A2 h! D+ u, N, B7 N
         xDir = "right";* V! X# f0 j( x( K8 g1 V+ n
         }
* M1 O; }- f# a3 O8 _. f4 S- o4 p      }( g  Z! H1 R% V
   if (yDir == "down") {$ {& x; D8 y6 Y0 U( {7 s
      if (yPos > (yMax - contentHeight - BallSpeed)) {
% w/ T1 W& G1 K4 V3 z5 c* x- ?         yDir = "up";
" `3 `/ Y# {' r0 t, }2 K         }
  q: i6 N( C& d; g8 J9 J& k      }  h0 [3 P/ m( p5 |
   else if (yDir == "up") {7 j) k2 g( k$ @) g0 c
      if (yPos < (0 + BallSpeed)) {! D. j  G. X, O, i* W
         yDir = "down";
/ w  `- s+ }% E1 M7 o# K  m! i         }  }. P$ H1 f7 J/ V- X
      }
8 ~6 I. M$ _5 r/ ]8 U   if (xDir == "right") {
& D5 Z/ o- c& t  |' Q/ m) O9 f      xPos = xPos + BallSpeed;$ ^: g3 j- b8 |2 X+ i5 @; P
      }
- l6 Z3 z! V. e, {   else if (xDir == "left") {- D: j( B, e8 w. q( c
      xPos = xPos - BallSpeed;
8 u# E4 g$ Y( r6 }$ P6 i. p      }  L! Z2 X9 ?5 H+ U) ^9 j
   else {
; R( r# y5 L& e5 k# C      xPos = xPos;9 ~, W2 b7 j6 @1 R) z# O
      }: D$ h* Q" }$ w" R
   if (yDir == "down") {
8 \1 b/ ~6 I+ ?; A6 [) b  b      yPos = yPos + BallSpeed;
4 X8 V) k0 I6 `& @      }
' P. Y9 Q! n$ A. ~) ~( x7 G   else if (yDir == "up") {
+ A  H- g# g. |- @2 M+ {      yPos = yPos - BallSpeed;# q% E1 o# ~" G# U, z
      }
8 k6 v2 }, o" z5 R   else {8 {, I5 e8 h' t& y6 I0 s
      yPos = yPos;/ H/ ]! o% B8 p1 r* @9 C- @
      }+ r( X6 s6 M7 T; T5 B* J% G
   }
5 j/ r; Y$ P' D2 z+ y& t# l7 z# [# s1 e! j6 P, h
function hidetext(){
" S1 a) C' l. w8 ^  x3 Aif (document.all): W. C. d) @9 T5 E" e) p
supertext.style.visibility="hidden"
' e6 {  f. I$ M$ Oelse if (document.layers)7 d7 T4 c0 Q8 \! H! W' p2 \% R
document.supertext.visibility="hide". f- g. t' e$ N
clearTimeout(animatetext)! o( o+ y/ b2 u. w9 D
}1 V* V- T( j6 G0 b9 ^

# _% d3 d  ?. {4 eif (document.all||document.layers){
$ n# ?, y( ~- W: V5 ]7 i% i, l# mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- k" v9 h  ?8 D0 w2 V( x+ p
window.onload = initializeBall;) c6 U' l- `6 u/ m$ ]3 p& `
window.onresize = new Function("window.location.reload()");' L2 f6 k1 F8 Q: t
}
! Q  @" x, H* I3 F) x: S% K2 A. i  [4 [. o  w
</script>