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

zw2004

<style type="text/css">
# X+ ~$ K$ c! H% x: @. H8 b6 j. Z- p#supertext {/ t9 S+ A4 T9 ~, Z; a8 T
position:absolute;2 N+ o/ n4 c( Y% I2 {6 M0 b6 N
left:0;
, n! Z2 X5 @  M% p7 @top:0;
( u( l6 J& O, X* p: k5 }visibility:hide;
/ \7 C0 l9 f4 e, `; P7 N/ [& zvisibility:hidden;& E* p" T3 ~, c4 g
}
# ]0 q9 W1 g  u5 \7 c4 ?% |1 w! Y</style>
$ V0 L+ \# x+ N! V4 ^<script language="JavaScript1.2">4 a4 @' ^) h4 y5 {6 O0 h6 I% e
<!-- 改变下的字体的大小。颜色-->. A; t2 E* x, {, U/ R- R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 \4 f! ]0 R& X2 Rvar hidetimer='';$ Z1 L+ m& s0 j. J
<!-- 改变下的弹跳速度-->
& R# a- A4 `6 l+ C5 kvar BallSpeed = 20;
0 o, ^2 {9 G! Nvar contentWidth;- \+ a  h( {+ F5 Z% c" [
var contentHeight;
7 x; M, c2 h4 g. Evar maxBallSpeed = 50;
  }: b9 W0 g! v1 m/ Z7 t
$ y% Q  D: b: P( j( g# j, ~; E, _" M! n0 z( ^
var xMax;+ O9 E3 [6 y9 n2 d
var yMax;
/ X5 Q/ P6 O' N: v- P! e/ ivar xPos = 0;9 ~9 f0 Q/ R9 C! F6 q. c
var yPos = 0;
$ m7 L" K9 y: R8 A' _2 Uvar xDir = 'right';
6 m% O! d+ g3 _; U  Z3 d* N7 H, dvar yDir = 'down';3 Z! _! N4 j* X  o
var superballRunning = true;/ j4 K- B. o& H, |0 d8 w1 Y
var tempBallSpeed;3 K( Q4 ~/ g* X8 D. z
var currentBallSrc;
& |4 [- ^# q$ Y" |# Fvar newXDir;
/ E8 S) _5 m( ?var newYDir;, Q  i4 Z" H% _# g7 p8 k6 }
5 j. N3 u. \. }! [
function initializeBall() {, {2 a/ L$ W- ]2 t/ w9 |
   if (document.all) {
' ?  F- s1 r# N4 q- l* _      xMax = document.body.clientWidth4 ~2 @( @) Y1 S  I
      yMax = document.body.clientHeight
* W0 t) Q9 E* g" s) W# R      document.all("supertext").style.visibility = "visible";5 P$ E- q6 {, Q3 s/ ?4 R( ^
      contentWidth=supertext.offsetWidth
) B" ?- t1 f0 I  s2 ~      contentHeight=supertext.offsetHeight
, k3 J# ?& k- x3 D4 [# {1 T      }
3 ~$ u0 r2 S' N# X0 Y   else if (document.layers) {( \5 p) [( c2 t- y& C8 F' z( H  P+ W
      xMax = window.innerWidth;% c$ v& d. l1 B
      yMax = window.innerHeight;
9 [6 P( _$ P. k      contentWidth=document.supertext.document.width. Q$ |9 V8 Z% k9 t# Z
      contentHeight=document.supertext.document.height! B6 F1 J( [: o7 ^
      document.layers["supertext"].visibility = "show";
! G8 m1 R( ^6 |: D- j      }
* h$ E. C1 Z4 e2 X( q0 L2 u   setTimeout('moveBall()',400);( n3 Q: T6 o- @$ |/ z( @) Q
   if (hidetimer!='')  m* G" i' x) f$ i2 t$ H
   setTimeout("hidetext()",hidetimer)
- {3 z- S4 m$ Y9 W+ P/ w   }& N) C! ^! R* g& V  t3 {* L
- X  b1 |5 d" Z! ~/ p% @8 ]
function moveBall() {9 Y2 M4 c0 K! v
   if (superballRunning == true) {. x2 Y0 ~' J2 P+ c/ O
      calculatePosition();- T4 A- F5 v- e5 P
      if (document.all) {3 ~: J1 X. q8 B4 U
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; I( }/ R4 ]. Z) c         document.all("supertext").style.top = yPos + document.body.scrollTop;: o5 p( \; J. G$ @
         }9 f" C# i' `$ J5 w3 \, f! k
      else if (document.layers) {
8 y$ v+ L, c% z8 E7 ]! j) |1 M         document.layers["supertext"].left = xPos + pageXOffset;0 `9 R' |2 l/ n" E
         document.layers["supertext"].top = yPos + pageYOffset;. c1 J: D1 A6 i4 W
         }* E5 ?2 J; A" ~' r6 k9 F
      animatetext=setTimeout('moveBall()',20);+ {8 n+ u0 P* U
      }
+ k8 x. V  h, W; s; Y" g7 R   }
- H1 }. ^+ ~/ l3 j  X- b! D" f- T# H  W- L3 Y0 {
function calculatePosition() {
8 f/ I; p% x6 _5 E: b0 E2 O; e   if (xDir == "right") {
9 s7 b, S9 C# z& f      if (xPos > (xMax - contentWidth - BallSpeed)) {( W2 I3 x( N6 {3 s
         xDir = "left";* w7 T0 Y0 B- I) u# f
         }+ Q6 Z4 Z; s2 Q3 V
      }
/ C/ @( _. M- x4 n) S1 j6 ^   else if (xDir == "left") {
& k5 o5 N+ g" R) q      if (xPos < (0 + BallSpeed)) {. |; O5 y% ~! S1 [
         xDir = "right";
. b; {* a; [8 ?4 T/ C  F% a- K# {         }
) j% }9 j  j1 ~1 t# A5 u  p      }" u" \- @7 }# s7 S, u
   if (yDir == "down") {
' y" k. X2 [2 U9 w4 O+ v8 f2 E      if (yPos > (yMax - contentHeight - BallSpeed)) {" L" L1 l1 U1 T2 q% ?7 F) F( e% g* Z* T
         yDir = "up";
3 N3 Z* ^' a; H2 z" d         }
: |* B4 t; q7 r      }# H( e# h7 w7 {5 c: e1 k9 H
   else if (yDir == "up") {
- Q9 H- D+ l! i+ p- _8 J      if (yPos < (0 + BallSpeed)) {
9 j8 Q2 I: u2 Y5 Q8 _/ N         yDir = "down";5 i! X6 I- u" I) ^! w' B
         }4 i5 n6 u1 R/ M& [
      }/ o: J/ [( v, H& j1 O: L8 Y1 z
   if (xDir == "right") {
& @. t& j. z2 m/ p$ p, }# b      xPos = xPos + BallSpeed;
5 i9 y2 u" v$ g9 \0 a      }. ]  d6 A& b5 \8 ^
   else if (xDir == "left") {, [6 E& E5 h; G' z& N2 ^% o: @: |5 H
      xPos = xPos - BallSpeed;
" E7 F: n$ H6 E; P3 w      }
3 W8 ^+ E+ j7 y% y( b   else {& y  l" w. b4 n
      xPos = xPos;  L+ N/ |" m/ ]3 _) T* P
      }" Q3 u# K4 z% m4 f
   if (yDir == "down") {
' G  X2 e* e" |& R& L* ~1 T      yPos = yPos + BallSpeed;" A0 E# S4 ~* O& r+ T
      }
: K. o) t5 l/ E4 A   else if (yDir == "up") {: i) ^) S4 N9 I; X  B, Z
      yPos = yPos - BallSpeed;  U3 x& c  _7 W& E' p$ T! V' O* ~! ~
      }
4 V) u; J: `( U  [9 I: T/ u1 _   else {7 O$ m/ `& r$ I. r; v/ ?
      yPos = yPos;
: D$ W! H6 c; V      }
0 {& N  [$ z/ v- M' i   }7 w( k" L) p9 }& `9 [" ?

4 o7 R! w! i: Y0 Jfunction hidetext(){$ l) Y6 i  e) L; }- V: ]/ r$ F1 v
if (document.all)  p! y- c0 N$ v9 f
supertext.style.visibility="hidden"
9 B# [# G; u. O( o6 welse if (document.layers)
  X% \3 o# {& @4 c6 E* u1 Zdocument.supertext.visibility="hide"; C, A% D" d7 a9 W" i
clearTimeout(animatetext)! b$ K7 j8 w0 X5 q
}8 t! v  B. t6 G* G

' h9 i% G& `4 d  ]+ A! bif (document.all||document.layers){2 @) W1 Y  ~" F# @7 F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  U% j% J1 l- M& x7 kwindow.onload = initializeBall;; Z2 i5 M* S5 }3 j
window.onresize = new Function("window.location.reload()");
& p  b; F: g2 O, i}- Y: ?2 {2 c7 ]  H0 d+ z

7 i0 q" Y0 {# o, P) i8 H3 v" A</script>