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

zw2004

<style type="text/css">& z: y3 y  I# q! I# R
#supertext {# C. t' s# e; E" E; J5 G
position:absolute;1 u8 O+ a! v+ j, r0 x  G0 V  ~$ w9 _4 `9 @
left:0;
* p8 C, C" M$ d# c1 Jtop:0;1 A# Y1 i0 _3 ^8 O0 ~3 t
visibility:hide;0 Y) t) ~6 U7 l2 n' p, o
visibility:hidden;- N) Q: c: M" U% P# v+ `
}  M  ^# V1 l, k4 l9 a
</style>* o* V& }6 g8 R2 Q% p' _9 m
<script language="JavaScript1.2">" k! G! A/ d2 o  z7 P  X
<!-- 改变下的字体的大小。颜色-->
( g! C  p7 U3 G' r+ u. Qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 A  T4 f: \" k* p# W9 v6 `1 D7 fvar hidetimer='';4 Y0 P5 u& m1 O) ?# @
<!-- 改变下的弹跳速度-->
( v% X4 I# d( vvar BallSpeed = 20;
3 s0 X# \" `7 c8 r+ kvar contentWidth;
" t8 h- {* a$ w; D7 k3 P& ~var contentHeight;( U; Z/ s1 s) j4 n1 ?* M
var maxBallSpeed = 50;
$ C9 Q/ G6 u  k+ u+ t% |
9 x  Y: S$ L* _* {/ Q  d9 F6 c: y$ v( i
var xMax;- z: `$ t6 A$ {; ]6 l
var yMax;
5 J* X& F8 _& v( tvar xPos = 0;
. |4 w5 @4 O, w- Kvar yPos = 0;7 p( u% z4 H* g- B: F
var xDir = 'right';
/ r4 Y: m' P$ zvar yDir = 'down';( ~% a0 f# ~+ p# A# d
var superballRunning = true;
. l/ E$ g2 ~9 y; t5 _7 D; lvar tempBallSpeed;8 c0 u9 h0 W2 [3 y* A2 l
var currentBallSrc;9 E& H! L7 W: u5 c
var newXDir;
# x$ q, G5 |$ @  N6 ~  cvar newYDir;; v. L9 H8 ^, N9 k7 d: J2 t  C; S
' @, e0 h- W) i
function initializeBall() {" m4 o/ W. v: g7 |# m/ i, x
   if (document.all) {" {/ G$ j! {) ]+ p) e5 \3 r* S
      xMax = document.body.clientWidth
+ B9 H! `' J8 @$ h8 k& H      yMax = document.body.clientHeight
" L3 i0 _0 \4 S: l, s, b7 \. Y      document.all("supertext").style.visibility = "visible";
) w: t9 A+ g' k$ k; f0 r" x      contentWidth=supertext.offsetWidth( i( @* \- r' S$ S) O, f
      contentHeight=supertext.offsetHeight5 x7 P( i  e4 D  ^
      }% |+ f8 m/ B4 S1 G8 g
   else if (document.layers) {
  f2 p2 ]1 U" E" e4 M# F4 h      xMax = window.innerWidth;  T, d% H2 r, _8 o/ Y2 z. ^) ~! t! D
      yMax = window.innerHeight;
1 V4 p! V- ?) \      contentWidth=document.supertext.document.width3 q. ?# e; j$ Z& `0 _2 x- i. g
      contentHeight=document.supertext.document.height5 v0 K. y" S% l) ?+ Y6 E4 U
      document.layers["supertext"].visibility = "show";
# _: i3 Y; h7 [  ^% B; W      }
  [" E5 A& V. [  ]) h# c   setTimeout('moveBall()',400);
8 f# v2 \* E, \$ V2 b! Z( Q# R   if (hidetimer!='')
* }; g# B' M! ^9 s. l   setTimeout("hidetext()",hidetimer)+ R4 D$ S2 Z% U3 Q
   }
0 h4 K1 C  k: N$ r* M: B2 A2 F- N* o: b
function moveBall() {8 |4 |3 c: S: i& P1 n8 ~
   if (superballRunning == true) {2 }( ^3 A5 {  X" W9 o) X: K! K
      calculatePosition();
. x4 T$ h$ D  Y# r' Q      if (document.all) {. u& }5 L3 s& T# _- j% `. P; J3 s
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 i3 g" U8 {) s/ f% d* _; _
         document.all("supertext").style.top = yPos + document.body.scrollTop;' B0 s: [; B# Y0 R
         }
' e7 c' c# g2 Z- z% ]      else if (document.layers) {8 A+ X9 M* l8 ^: }' b
         document.layers["supertext"].left = xPos + pageXOffset;2 [; v  D8 \1 w# Z, t* r
         document.layers["supertext"].top = yPos + pageYOffset;5 P* n1 X, ]3 `' f
         }( m- y# i$ D8 R/ p* p$ y7 y
      animatetext=setTimeout('moveBall()',20);
- l/ |% a& Q0 j" S! Q5 S      }
! _8 y1 b6 a& X9 g# m0 v   }% @* [1 y( K, l' U3 i+ [( x

8 g! ^0 |6 J: L7 O( qfunction calculatePosition() {: F2 `% n8 |5 P+ m$ s
   if (xDir == "right") {) E3 K- q' t; G2 W* M3 w
      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ V. p' F7 U1 [* ^4 r         xDir = "left";
: u. x1 i' `3 J8 v         }4 Q3 V% ~6 e0 r! Y6 X0 C6 @4 t
      }
: c  y$ Y( n" `9 X; I6 ^4 b& ]. y  t   else if (xDir == "left") {
7 O( X" r9 @; d% u0 P  C      if (xPos < (0 + BallSpeed)) {
: r  {* o2 p5 x, O$ m  M  q/ ]         xDir = "right";1 o1 g6 ~$ l* P  g7 Q# s
         }* @) n5 O+ b  D/ q6 c7 D
      }: ?& _3 y4 t' N( y) m  X5 A
   if (yDir == "down") {2 y4 G8 d- I8 B7 s& [( \
      if (yPos > (yMax - contentHeight - BallSpeed)) {# e. x7 w- o+ t+ r
         yDir = "up";
/ x( `5 c# [% J8 m' E         }# s1 o8 ?' t( K+ a8 k. `
      }: W2 B& l* g- ^
   else if (yDir == "up") {
2 _- F7 g, ]2 X/ @1 o      if (yPos < (0 + BallSpeed)) {
( e2 R$ {4 b  Y6 R; E         yDir = "down";
0 @- h" q( @0 b3 y( x/ ^         }
7 k. j" m1 m, b8 _$ w, g      }
& F* a: J& q* `2 a3 n2 R( ?( e   if (xDir == "right") {
$ J, ?8 A& O$ G: n$ C$ D8 ?  b      xPos = xPos + BallSpeed;
0 ^9 O2 }7 p  k, L0 N( o; ]/ ~, M      }
, D! W& X% P! t4 Q' L+ g   else if (xDir == "left") {2 |9 e% c' t. s' b9 q: s# c  M
      xPos = xPos - BallSpeed;
" |5 M  k# V! t# D# P! D      }
4 W) m6 P! J# S' X   else {
! F! Q- U1 I8 [4 q9 S      xPos = xPos;
, H/ Y) v. E7 W% W. Z: t, K' y) J      }& o7 ~: Q3 K* f( d8 D* a7 T4 v% `- ~
   if (yDir == "down") {2 y8 X+ N! ~# P7 [) L
      yPos = yPos + BallSpeed;
  z3 W$ a. h- f% s8 G      }" ^3 F9 }. }5 z$ G) ?+ \
   else if (yDir == "up") {
. ^5 p$ F; B: w/ T6 C9 n0 N4 @      yPos = yPos - BallSpeed;
6 O6 Q  U: J# x      }0 S( a1 t' |* ]' _" o1 Y
   else {1 u5 }" l: z8 O* B6 G5 ]" W3 G
      yPos = yPos;
  Y+ F7 y6 ?' Y/ @/ z, T2 H      }
1 F8 B9 O7 K9 x   }. r  z- {+ q" J+ U7 d4 F

# J* c( Z; H9 N+ `function hidetext(){) `' }5 g1 g" ~0 \
if (document.all)" F* Y# W' B1 k! f
supertext.style.visibility="hidden"! h# j8 j, y( V+ W4 D
else if (document.layers)
3 u& ]4 y6 b; B% pdocument.supertext.visibility="hide"
: a2 V, P6 q3 V( Q6 j7 ?clearTimeout(animatetext)9 }" h7 |$ d" A0 a0 g& t
}) m9 u+ O5 S" Y# {/ ?* s0 C2 ~
4 U+ y1 e" ^' t: ?
if (document.all||document.layers){5 z! W/ O4 D5 J3 ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( C: U9 \2 s2 Q( \# O( ]$ J/ k9 {. ~
window.onload = initializeBall;1 I- _, a" H0 L. J! i& {, G
window.onresize = new Function("window.location.reload()");
: M4 n1 e6 r- _. D) R* R) A4 [}
; _. J3 y; M) Y) E" h
& N1 ~5 E' _( A+ O# r$ a# |</script>