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

zw2004

<style type="text/css">
, Y: t  c8 T' e1 t/ W& Q#supertext {) v- |% {/ n+ v8 f* d* B
position:absolute;
+ ~, J& v  \+ N0 Ileft:0;, p1 T* P8 ^5 ?+ ^- v8 }1 X' k( t$ [
top:0;3 ?# L5 U/ A# Y" e' x* ]
visibility:hide;& [9 U; }3 q: V# y# |
visibility:hidden;
* L# N$ x5 B- h. ?# X# J$ y8 Z}0 s9 _1 B  K2 Z9 A6 O
</style>
" c9 |% D/ }( _<script language="JavaScript1.2">
0 _- C' F! V0 U<!-- 改变下的字体的大小。颜色-->
; j- ~7 J# _! U/ j" ]9 gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. F( ]; ^1 D7 J! O2 S* Nvar hidetimer='';6 C( V6 o/ O) {5 V
<!-- 改变下的弹跳速度-->
' _0 `  B, g  L, Ovar BallSpeed = 20;
. h: F1 d/ @- Z6 bvar contentWidth;
( h0 {: H/ o2 M  }6 ~  F' U) jvar contentHeight;/ L+ N+ v7 Q! L/ T+ t! c9 _+ G' [2 J
var maxBallSpeed = 50;
- D' t* R! V. G& @6 u2 w- K8 Q& `+ {0 s" [8 |5 R$ Q& P

5 o0 a4 q4 _- k, z. K  Tvar xMax;
6 |, N; ~3 T/ Z6 y8 Rvar yMax;
/ D% g! ~7 G# ?/ t) Vvar xPos = 0;
. o: M* g5 d5 p7 Mvar yPos = 0;
! t2 C- E, i. }7 O0 tvar xDir = 'right';
: a% X( s) l5 X+ x! rvar yDir = 'down';: O/ P2 V8 [! A+ \3 b! W: f
var superballRunning = true;5 ?! m' ~8 J* Z6 p/ M( e: t
var tempBallSpeed;
% M; S/ Q4 u5 s( E$ P; D0 Bvar currentBallSrc;
( @, S- O* W& a' z6 mvar newXDir;. c: D8 k; f/ s1 Q) T% Y0 ?3 u9 |
var newYDir;& M4 `' x2 I+ J0 r. l
' U) ?+ S5 v& F7 F% Y( o
function initializeBall() {
! L$ P/ @$ K/ U& r  A# @   if (document.all) {+ g+ W$ l. U8 R2 H1 ^$ s- X
      xMax = document.body.clientWidth
* n: n( ^6 p9 H8 J! T  u. V      yMax = document.body.clientHeight; n+ Z. C8 f$ k6 f& a
      document.all("supertext").style.visibility = "visible";) ^$ f; K* }( y8 T$ r
      contentWidth=supertext.offsetWidth
2 ?9 A, v# k6 ?7 F/ R& m2 {5 t( o      contentHeight=supertext.offsetHeight
! r/ G  V8 l+ @! A4 d6 W1 {- m      }- x& L4 ]! a; u- N$ k! f0 Y2 r
   else if (document.layers) {  o  m# q# Y9 B
      xMax = window.innerWidth;
+ m: ]- e/ w* W6 \      yMax = window.innerHeight;3 S- `$ f( w( t/ w0 C
      contentWidth=document.supertext.document.width' n- N/ u) ^- ~/ _
      contentHeight=document.supertext.document.height
- w' s! ~' b- J  i9 i2 Y      document.layers["supertext"].visibility = "show";
1 N8 t7 c7 K  O1 y$ o% T      }: Y/ F/ s8 N, ?+ Q2 V* K
   setTimeout('moveBall()',400);* S: F  v; f+ K* ]. j! w
   if (hidetimer!='')( `5 D0 v% U* N4 i+ M( G. f
   setTimeout("hidetext()",hidetimer)
8 y1 K  h; w1 ^+ d- k6 z   }
( f7 I7 E: N, Y0 y7 X, a0 Z
  ?( G: ]: O( \! t9 tfunction moveBall() {8 C  r# T9 B3 o- A
   if (superballRunning == true) {# v4 `+ t+ v. K
      calculatePosition();
8 E3 _8 ?0 v/ y% K  m+ |: A      if (document.all) {
! K: Z7 E  P  O" u; t/ [' Q! H+ \/ c         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 n. U& E" \1 Y/ U* O4 j
         document.all("supertext").style.top = yPos + document.body.scrollTop;) N* f2 ]" ]: N# `& W- V2 }
         }, T0 e6 `9 t! t3 d  j) B
      else if (document.layers) {; i3 G; p" O# d' G1 C6 ]$ C& h
         document.layers["supertext"].left = xPos + pageXOffset;! S% `( m# {+ M; U' w, w' v
         document.layers["supertext"].top = yPos + pageYOffset;6 V4 F# B1 j! R4 A" X% A" z
         }
3 x  `- {; R: [      animatetext=setTimeout('moveBall()',20);- G% @- Z7 z8 l" n5 j
      }5 F7 a) W: \: V' G( X
   }: z: ]" x6 n- F4 S. I, r0 i- {
$ u+ @& Q# a5 Z
function calculatePosition() {
+ _( w+ I5 s* Y  ]   if (xDir == "right") {
' {1 j; K$ e3 ~7 P: y      if (xPos > (xMax - contentWidth - BallSpeed)) {* v5 _6 T" s  a! D2 c; j
         xDir = "left";
% S% l, m$ B4 |9 y( ]         }6 P8 X, g7 b0 x  ^0 {0 m
      }0 K6 ^# m- O% ?& G4 c& b1 A
   else if (xDir == "left") {
6 j4 k0 f2 J: v5 y/ q      if (xPos < (0 + BallSpeed)) {
" q$ _4 E, Z+ K+ p7 y         xDir = "right";
+ L' {9 {& N, I3 r% k! {         }. @4 Y# c* w3 {  ]+ A3 B6 Y; G  e
      }
* a( k4 k: G3 a2 e" D; U   if (yDir == "down") {0 L- l) O* j* R( r4 }
      if (yPos > (yMax - contentHeight - BallSpeed)) {0 a: J. G; _9 }% @1 w* H! u
         yDir = "up";% Y7 |  ]) x6 l# @# p" Y' B; B
         }. T/ t/ W( G8 {
      }
+ h1 \/ i' A# r8 F" {& ^   else if (yDir == "up") {
4 W0 [7 v# i$ O2 B$ H3 u      if (yPos < (0 + BallSpeed)) {
2 k6 ~+ K& d3 A8 n: s. b         yDir = "down";8 d8 H) [6 z0 `& S1 ^) r$ I: W3 |
         }0 j0 k# v6 l( `+ D  T! d
      }$ u* E* a1 H& V# Q) ~/ f! u
   if (xDir == "right") {
' Z- }! n4 T0 e3 p      xPos = xPos + BallSpeed;5 r* I7 e7 z" g: x  T! E3 p' C" B9 Q6 U
      }( b1 A$ I) F  X  p( j
   else if (xDir == "left") {
# m$ Q6 Y. R8 G, e      xPos = xPos - BallSpeed;$ i: D4 M+ r- f9 i1 a
      }' S: t2 m* |0 b; y% w9 x
   else {
" j9 W0 Q9 s0 X3 h      xPos = xPos;) B7 e: w# s3 Y! U5 X" O5 j
      }
: I3 ~, N; ]6 s3 _: u' h3 v- w3 b& Q   if (yDir == "down") {
' ~3 o/ F( B- w' T: R+ K      yPos = yPos + BallSpeed;
- D- m- h+ S- v  k9 J% R      }% ^4 n- r1 W: N; x0 J* @
   else if (yDir == "up") {
* c2 a. t! O- n: W$ g& z; U5 O      yPos = yPos - BallSpeed;
8 D9 p4 x! A6 \9 d  T+ P5 W. v. r      }
+ k+ p9 I* `# t( Z   else {. {* c7 j  |- K, }* h  f
      yPos = yPos;
! Y$ I7 a- L4 k$ @- o# K+ i      }
  C; V1 G) @: E$ }# v. I9 t3 e   }. m: W* y  ^! Y1 }8 C0 n

! r3 `/ }" l2 {7 ~, D& F" _/ Kfunction hidetext(){
7 H9 H$ i9 F! @5 Yif (document.all). f- ~% X( ]: X/ h
supertext.style.visibility="hidden"
2 U3 A. ?4 l( Y5 H1 I" `# jelse if (document.layers)( y& j3 ^, G" r% j
document.supertext.visibility="hide"
# H$ o$ h+ J! e# t" UclearTimeout(animatetext)
/ D/ L; T  m- k# o+ u: N}1 _  I+ p( u+ p7 K
' t0 X, V' Z9 s6 \0 d
if (document.all||document.layers){2 J8 P  r8 F( @! y8 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) c4 Z( p; K4 y7 T* ]window.onload = initializeBall;
; Z  k. t" f* v5 r, @# W9 Z+ mwindow.onresize = new Function("window.location.reload()");
; W% N/ ?) f- |}
3 }; U! O$ ]( _/ @! E1 L# ?4 S# Z) ]7 ~* p8 B
</script>