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

zw2004

<style type="text/css">6 F6 F% I' h) P" ^6 j& S. [
#supertext {
! C1 d& p) P+ Eposition:absolute;! u/ [9 L- h/ K8 I  {
left:0;. q5 Y7 t$ z- r- k3 x: X
top:0;6 b% d( s3 l% i( ^9 i4 g" K2 J
visibility:hide;9 f2 j: O6 y8 `" Z% s
visibility:hidden;
* }' j: u0 H$ d( h}: ~# P0 c; x& ^( I. J# S7 I
</style>7 k! t3 N( c) D. H
<script language="JavaScript1.2">
/ T- [' a3 j7 x' g<!-- 改变下的字体的大小。颜色-->5 I$ x9 p3 q& m6 E7 C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 O- Z  \: X0 b; k
var hidetimer='';3 G1 ?. t' K7 u0 ]9 o2 y( j1 g
<!-- 改变下的弹跳速度-->
+ N& Q( x. F; Q# \& w  y( Yvar BallSpeed = 20;
; J% Z* s& C+ \var contentWidth;
4 l; B  r( }; E1 F# s. p" S  V; @var contentHeight;
" R9 j- V$ z6 i) Qvar maxBallSpeed = 50;, V, K% r9 |7 J, G6 t

* F4 r  `& r# B+ |# m
6 e- W# @4 R$ a9 t; j9 Evar xMax;
" a# d; J( Q( m$ L# G( Q8 Ivar yMax;3 T% n' N/ l( }8 ~% x  S! g
var xPos = 0;
2 a3 J5 z: t: K4 ^  [var yPos = 0;
# N& t# N  r. f0 _4 B( ]6 m4 q# ^var xDir = 'right';: J. b; i' L# t& n/ i
var yDir = 'down';( c8 u8 ]4 r/ k, t; K
var superballRunning = true;/ Y  z) I' g& _6 B
var tempBallSpeed;
: B9 e% p" X% Z# s+ |9 u& Qvar currentBallSrc;7 G. _4 N. R, H8 S( K
var newXDir;
' q+ t* |; G: J: S! O9 J6 lvar newYDir;
! A3 t# r2 m4 x! d  h, G9 Z; t# Y: d! |* n( g$ r* @
function initializeBall() {
8 {5 X( r) }- c+ b8 w" H0 p   if (document.all) {/ a! x$ X4 d5 b) Z5 q9 s
      xMax = document.body.clientWidth
0 d! `; X7 P0 C4 Y9 i      yMax = document.body.clientHeight" J/ F  I& t# o6 g- q) _8 @- D
      document.all("supertext").style.visibility = "visible";
  z/ L" B2 z  U      contentWidth=supertext.offsetWidth
( i( w6 c6 G5 s$ B. c! X      contentHeight=supertext.offsetHeight1 o. ?& e5 M6 z4 O
      }  a5 W' O+ D$ ]( i; V7 o
   else if (document.layers) {0 I* X0 s- a& c8 k0 }6 X
      xMax = window.innerWidth;  A5 F: T+ h# S6 O# L- G+ a
      yMax = window.innerHeight;
) c8 {' z& ^/ t# A$ ^) f      contentWidth=document.supertext.document.width
! X8 S( Z; u  z* c6 g$ d1 k      contentHeight=document.supertext.document.height8 F; M& R0 }& f# A
      document.layers["supertext"].visibility = "show";
+ _& z9 x) O8 D# u" ?1 @, `2 [      }
+ ~/ k; @! d3 F, A% @   setTimeout('moveBall()',400);
; ~: n5 k$ m& J) U' L   if (hidetimer!='')
/ _, n( m1 \1 Y0 d; Z8 [   setTimeout("hidetext()",hidetimer)
0 D; b, r( E- j) A3 H! q3 C   }
! G: v' R9 K& Y/ J+ h9 ?( R
$ {7 y3 H1 J3 n" s- B; Kfunction moveBall() {
, o3 y7 U5 _3 h0 v, T6 @' ^   if (superballRunning == true) {/ B7 H- s  j3 x9 {
      calculatePosition();
8 G( ^: H2 p  \: U. G  C      if (document.all) {" ~. {: ], t3 A6 W! R: y' R3 ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;% ]3 l* Z. H* n3 x9 Z+ B, W
         document.all("supertext").style.top = yPos + document.body.scrollTop;
" O3 i9 u& Q2 S" v* U/ P" Z6 l$ ?/ ]         }) Y3 I3 D7 c3 K/ j
      else if (document.layers) {% I% o( I' F( e/ ~; ~4 p9 g
         document.layers["supertext"].left = xPos + pageXOffset;) B" r6 K% ?3 I- _! E/ X1 q3 r
         document.layers["supertext"].top = yPos + pageYOffset;7 K" R5 q1 }4 P' [' s! o/ b- G5 z
         }. o# p7 c7 U8 y; i6 ]
      animatetext=setTimeout('moveBall()',20);' u* i% f1 y% t
      }
8 }0 i. ?0 M, p7 X- J   }
2 a4 U4 i* I( d% Y! V- D
3 F$ o+ |: h( O* w* ^6 U9 P# X9 hfunction calculatePosition() {/ o% G/ e$ e; m. o
   if (xDir == "right") {5 M8 z$ i' G6 T' v. p
      if (xPos > (xMax - contentWidth - BallSpeed)) {( `9 L  l  Q  u; K) c4 K
         xDir = "left";
1 q  y7 w6 o# y* x- ^  A6 T/ r         }5 o# _0 a: B8 |, U. s) u  e
      }
  T  u( [7 J) r) {1 \   else if (xDir == "left") {# b1 n1 a* y8 C5 `8 G7 i" v
      if (xPos < (0 + BallSpeed)) {
" u7 x: `5 Q- c6 u/ h. O, e         xDir = "right";
; {+ `- i- z5 l& }. o0 i: \- S3 [! Z5 D         }
! N- G% V/ Q; D$ n8 k' u# ]      }; P' S. u) b" M$ ~" K! V( ?; m
   if (yDir == "down") {; r$ Y3 j) a) x3 \
      if (yPos > (yMax - contentHeight - BallSpeed)) {) L3 D; K) r3 E$ X  I
         yDir = "up";: D' N6 `/ L# P7 U, B* f  n( [4 u
         }
" c. t8 H7 s: l5 K+ b1 ~. o! ?      }
$ C7 m) ]3 P& k0 p, L: R4 o   else if (yDir == "up") {/ T9 g% S6 l# C+ ~% a, J$ [  q
      if (yPos < (0 + BallSpeed)) {
- N- ^9 z$ L1 m7 @         yDir = "down";
* y6 D0 `, ^3 B. T* v& `         }
* x8 @! v' _* s. P" \# f- a" A      }
" |4 ]& X) R* g/ A* \( M   if (xDir == "right") {/ I* {* _2 e; [) U2 N
      xPos = xPos + BallSpeed;
& |/ h8 q6 h; X! h* u      }
1 C. m4 H4 z3 l: o$ ?   else if (xDir == "left") {
+ ], p1 `/ d: g  Y: v- D9 r      xPos = xPos - BallSpeed;
  Y4 ]& L% _' J! k      }7 L, d/ y# ~# B8 C$ ^. E8 S
   else {2 E, W. |) d  y2 h; N4 g/ |% @2 F
      xPos = xPos;' N* y8 w: t$ g, s- o4 n
      }7 X& Z! H" t: c* e# M
   if (yDir == "down") {* e1 _/ R$ _. c  H3 v& v* i. @
      yPos = yPos + BallSpeed;
$ y5 m( X/ `% i7 D/ m$ Y3 e      }6 N) d" K7 D+ t$ A/ w
   else if (yDir == "up") {: {! y  C1 n1 M, _# t4 e
      yPos = yPos - BallSpeed;
4 B& Y2 M  W8 j1 E+ w: ]! p      }* G+ X9 M8 \& H7 ], q( N
   else {
0 v0 _' \' E3 l) p  V0 E      yPos = yPos;& R; b6 @0 N. [
      }
. @7 ^" ]; G$ @9 @' A, T2 x& A   }
; X1 S: ?& y5 W1 I+ g9 y
7 @4 S2 d  g( G  o+ L8 w9 V0 afunction hidetext(){$ [4 W$ g7 s. P8 s
if (document.all)
' l) Y7 k3 V" Z. T! r* osupertext.style.visibility="hidden"5 h0 ?# W; I" P3 L) w! c& L' p
else if (document.layers)
, I" w4 G% X) ~8 n) b" o- ~: jdocument.supertext.visibility="hide"
; T& p1 @& e( X+ u0 CclearTimeout(animatetext)" I# Q4 _: z# T8 u' B
}+ X/ ]+ ^6 c4 y

; s2 [! `# J4 j+ A! Q& c1 j7 Gif (document.all||document.layers){
0 P6 \) i1 H3 s) q5 X6 _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, j4 f4 @- d7 K2 H/ _. |% }6 Awindow.onload = initializeBall;& t$ i4 l) V' D; A1 J
window.onresize = new Function("window.location.reload()");
: P+ O& _. \" \6 f; p}
& h/ {- B+ j. H& _7 C, _) E
% D8 `# u* w) I- w/ |# s) O</script>