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

zw2004

<style type="text/css">
0 w5 h) O# a5 K  `6 y# }/ V#supertext {
- B  `- ^5 F( E1 rposition:absolute;
* `1 m4 W" t0 v* }* fleft:0;
) m! S" ?; n5 D+ L: }! @: vtop:0;
3 m: G% q. W3 T1 ^. Kvisibility:hide;
" z1 a7 a& t( Avisibility:hidden;, x! T; U3 M% r, v' Q- T
}3 g# Z0 f9 w0 E( U0 z
</style>
( x* E# ~9 S, B<script language="JavaScript1.2">4 O9 H- D$ k7 S' `1 m
<!-- 改变下的字体的大小。颜色-->
3 e# G% G6 {8 _: d) s; k. x/ `* k) x7 Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; i/ G1 y" a  }var hidetimer='';
9 ^. k5 K9 f# w<!-- 改变下的弹跳速度-->( x% l+ j1 Z6 U. {% j1 m5 q8 @) G
var BallSpeed = 20;; m! L; ]; h! b3 o
var contentWidth;- s2 d7 M' R7 ?6 u" t
var contentHeight;: D' ]3 {, [! M" T' X, H
var maxBallSpeed = 50;
" v& P4 N+ m( Y" O5 w$ }2 _  U9 f, A3 J; h9 E

/ {+ A7 j/ C+ G1 F1 Nvar xMax;
/ Y( h. i- \8 l+ xvar yMax;7 }/ {1 P0 k  U; A; z: `
var xPos = 0;
* f6 t0 H& i0 ?+ C+ {var yPos = 0;6 `! f1 c) ~% P
var xDir = 'right';
5 Y+ Y( E+ W; K& U# I- g* wvar yDir = 'down';) C  U& C# D- |( f; X% V  U
var superballRunning = true;5 z0 \6 H' s. ^9 j7 R, d0 ^
var tempBallSpeed;
; r' d  y0 j1 ivar currentBallSrc;
* v* u8 B) r! C& r$ wvar newXDir;' m9 Z/ h5 D! r$ L
var newYDir;
* u  q9 B& Y* N: f2 x) w* J) V* C2 P3 O- Z
function initializeBall() {
% c3 O3 Z! R8 \% [8 w; {- F0 F   if (document.all) {% j" o/ }: ^& Z4 I6 ]& r$ s! t2 X& e
      xMax = document.body.clientWidth
7 @7 M) O+ M5 w4 D8 c( y' _7 s      yMax = document.body.clientHeight% \$ }9 f( S. |, g, l1 T9 q: c
      document.all("supertext").style.visibility = "visible";
/ ^. j1 ?. r* R* T4 k      contentWidth=supertext.offsetWidth, T+ l2 k7 ]3 j% y5 S+ O9 t
      contentHeight=supertext.offsetHeight# [4 k9 y2 B( F$ g$ ^/ s+ N/ a2 @
      }
' c" f2 g. U- x6 ~/ M. ]  e/ Y   else if (document.layers) {5 i+ H+ t" T( S
      xMax = window.innerWidth;5 D7 o1 L3 l+ l3 W; g( l
      yMax = window.innerHeight;" y. K$ p4 s& d$ Q9 `
      contentWidth=document.supertext.document.width
  h$ O* J+ M) I      contentHeight=document.supertext.document.height
! \3 i! \% _* K% S7 @$ U      document.layers["supertext"].visibility = "show";
, y; e' x+ b% S- Y      }
# q' ]3 j+ t) b5 Q, M+ ~   setTimeout('moveBall()',400);
! R2 B8 j9 z) l! v' C# c2 w: Q   if (hidetimer!='')" [* _2 J- l4 G, i+ K" }- n+ H$ s& v
   setTimeout("hidetext()",hidetimer)
9 J; @) @3 s2 V$ b( n) ]6 E   }
7 w3 {! Q5 N8 U) s0 C6 B2 H  h$ a0 A( h& T
function moveBall() {3 P& \( E2 o  B2 F7 ?
   if (superballRunning == true) {
9 d! c5 {: r3 ~) |" S1 a( k! U      calculatePosition();
! W' x7 Z8 ^1 N7 K      if (document.all) {) U8 u1 [9 P) k: |! g( q2 J: y8 p
         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 R* c+ O+ ?/ l. V- h
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& v2 J- B1 N1 ]3 j, i. [: u         }+ t; Z, g- r  y
      else if (document.layers) {
* ]. w$ k& N; [  n6 S" n         document.layers["supertext"].left = xPos + pageXOffset;
" D9 t0 G8 e& G6 j5 s) f1 O         document.layers["supertext"].top = yPos + pageYOffset;: C: X( ^: h1 C5 S
         }
% r& X5 I( l& C! b& ^: E( \      animatetext=setTimeout('moveBall()',20);
* p3 k1 o. Y- w3 r      }* G; _- @! W+ s. V2 i  ?2 V( i
   }6 I1 O7 B1 N% Q" `( D! p

( P! Z3 h9 g7 \' l, Kfunction calculatePosition() {+ u+ ]5 ~( ~. @/ [- Q
   if (xDir == "right") {& {) l  Q0 s+ Q/ G% V) i* b3 K
      if (xPos > (xMax - contentWidth - BallSpeed)) {, L; M  B, u2 O. R& x! m% V
         xDir = "left";
+ e+ i0 u% z6 Y- V2 h; d         }
- A' b9 |) A! ^6 a& ^0 U  t! l      }4 D2 m$ X$ I# n
   else if (xDir == "left") {# g6 u7 [; u5 u# F0 D
      if (xPos < (0 + BallSpeed)) {
. Q' p6 _- S1 F+ v- s& g0 Z, w+ n         xDir = "right";$ ^  N8 d9 {- z
         }4 p# T7 x& ~4 ^5 B
      }/ U+ q+ _3 z& z
   if (yDir == "down") {& I4 T6 r8 H9 E! k9 y9 [- f4 A+ O
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& C' Y; I0 T! {2 x/ a0 G         yDir = "up";
" t0 u8 P9 ]5 i3 t6 a: z  B         }
0 J7 H+ n4 q0 M5 K* w- P3 d      }0 ]( F! _4 X! w$ D
   else if (yDir == "up") {( r" n, S+ j# o9 ]% n' D
      if (yPos < (0 + BallSpeed)) {0 x- o8 E& i* y/ G# L# ]- r4 w
         yDir = "down";0 i" L+ S+ ^4 J. f* X+ a3 z
         }0 d8 Y* q' `: {! f* c" F
      }4 }3 j% w: B( \" B# U
   if (xDir == "right") {
2 S. P5 A9 i0 f" a1 S$ i0 Y      xPos = xPos + BallSpeed;
, |" H: Y7 N! V$ n" Y7 j( q% _7 F( h+ L      }
' e+ }1 b- M7 Q( ?' G   else if (xDir == "left") {
* U3 _. D  y( ^      xPos = xPos - BallSpeed;+ B: h8 {/ P4 w/ F( G
      }! m6 ^3 \6 h2 G, }; f( Q6 p* [
   else {  i$ [) ^; H* O) Z" t$ ]
      xPos = xPos;9 }3 d& ^" g4 p4 w
      }
4 d3 g( N  _1 q8 A* s& T   if (yDir == "down") {
( z# h: \; P1 O4 k" Z      yPos = yPos + BallSpeed;2 ?' C- E; W9 j* a6 ?
      }
2 I: v' `7 R* o, T% b   else if (yDir == "up") {
' \; U+ m7 e# r# N3 O2 D      yPos = yPos - BallSpeed;
) O! u  O  @1 |% @3 q# c      }
/ ~# j6 v0 ^7 d' E1 O" }. G   else {& T- I6 w" A% @! x/ B5 t! ]( Z
      yPos = yPos;
( Y) \& S# U% g/ C# O+ M! h      }- t, y" `7 P. U' F5 k* V, G4 H, P
   }
3 u2 y$ _6 k0 y9 G& c4 X+ \( W* p1 w4 q$ E' A2 Q9 X9 ]9 u
function hidetext(){1 e5 A. a  j' h9 ~
if (document.all): t9 c* z& h) d" J8 z
supertext.style.visibility="hidden"( w# c: I- d, c7 a
else if (document.layers)
; l& L5 v* |/ o. Idocument.supertext.visibility="hide"& s% L/ `. u4 ^2 y* s
clearTimeout(animatetext): B2 C# }3 V$ x5 X, z9 E) Q
}) L/ W) Q5 F8 K, ?5 Q3 L( d

! G% b/ b% i% z8 }7 g4 s/ @if (document.all||document.layers){
' p& j# R3 V. e( Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  d4 n+ S' W! W
window.onload = initializeBall;
2 F% A5 C. u- i6 W' [/ x8 Dwindow.onresize = new Function("window.location.reload()");* S9 ^3 T) ~. c; h" L
}
( m. i' }' Y1 t$ r% y$ i& P/ z3 |) ^3 u
</script>