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

zw2004

<style type="text/css">% p" F3 \+ R9 p+ L
#supertext {
7 p4 v9 t7 R& Cposition:absolute;
6 `6 Z( e  l  Pleft:0;
/ ?; B0 V* g/ H) d  A6 }top:0;0 _! I8 m# V3 M2 f  D" ~
visibility:hide;
( z9 N6 @! c: K/ x& B! qvisibility:hidden;' v3 Y! K' F- X# n
}  l# ]0 Z6 }0 Z2 c* W
</style>+ x- x1 ^! D9 w+ y" [+ i4 F
<script language="JavaScript1.2">2 }: M6 B7 A# C- v/ o* D
<!-- 改变下的字体的大小。颜色-->* r' T1 C6 d' i1 y" ^0 i2 y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. B- N% T4 U. E- mvar hidetimer='';' i: T' x, l1 ^
<!-- 改变下的弹跳速度-->
4 Y) h# q. u4 ]. Lvar BallSpeed = 20;
) P9 J# y# M5 ^8 r% W+ S) hvar contentWidth;
( B& n2 x: t7 D" `var contentHeight;
4 q2 m& _2 D6 m% e& ^  Mvar maxBallSpeed = 50;% f# x, J5 g  ]- W/ v9 w, y7 l
; C5 S" C; s) }% n3 u
1 e; D6 x: O# r, E9 W
var xMax;3 k, @1 v! N  j6 N# A
var yMax;
0 O. @6 w" O- o& L) Wvar xPos = 0;7 T: b! g6 ?2 c3 o' Y$ F0 U, R; ?
var yPos = 0;$ }) D: `9 a5 w! l
var xDir = 'right';
; p% u9 f9 D! M5 z1 H9 X' avar yDir = 'down';
! T& I% n5 |2 u# E. ovar superballRunning = true;
0 }; H5 ^2 [: K6 N) x! w7 nvar tempBallSpeed;4 _/ v0 q3 O6 f- x: U
var currentBallSrc;
# U4 Q! J# G) j* T+ `6 l: v% Hvar newXDir;& S; ~0 H+ p, J2 ]: i# Y) d) X# |. S
var newYDir;  F. l/ U& \1 A! j2 ]

" Z) T- u/ m! u! n: wfunction initializeBall() {! k2 \( U* y; N6 ^5 e% @' U
   if (document.all) {
" u3 B1 l5 r: n( D6 J- j# V: a      xMax = document.body.clientWidth
% z1 s5 |# c1 H      yMax = document.body.clientHeight9 T3 ^0 |1 r" u  u' g
      document.all("supertext").style.visibility = "visible";
( v. ^4 a  N9 \      contentWidth=supertext.offsetWidth
, R- I7 v0 s7 w0 M# ]      contentHeight=supertext.offsetHeight3 R$ R. L( N5 F& w
      }' h; }: z) v; J' B- y
   else if (document.layers) {
. X5 N2 ?; k6 c8 u  k      xMax = window.innerWidth;
; q/ O: H9 J( ^# k3 p1 h  o$ b      yMax = window.innerHeight;
' t" x, V6 V" }( {. u      contentWidth=document.supertext.document.width
: [5 n- d! C; q0 ]1 t0 Z* G% M      contentHeight=document.supertext.document.height
% i, a1 N$ w. L; d8 Z6 z, q      document.layers["supertext"].visibility = "show";
! p! u( M& j+ {; V      }$ g, p8 J4 @1 U& Q2 G% D& N- z
   setTimeout('moveBall()',400);
4 n, y1 S/ ]4 }" j* @0 `1 B   if (hidetimer!=''). l: G( ^' l" `, o: \* E" P
   setTimeout("hidetext()",hidetimer)- V! V! o$ j+ T
   }- }# c- l& U( b$ O$ g* j( ?

) Y6 k  G2 Y- [: M7 X4 Q; {! Yfunction moveBall() {1 G" n0 @+ C0 U0 T) ~! N- l
   if (superballRunning == true) {
! S  K# K% k" s. {5 r' ^1 p      calculatePosition();
8 v6 e% l/ G, z( |9 |1 C      if (document.all) {
1 J5 J- L, I  B8 I+ C( r; I. E- L" a         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 u' E% |- {! M9 h. a         document.all("supertext").style.top = yPos + document.body.scrollTop;1 Y( s- {9 V# Q/ e% W$ Q, ?9 {
         }
9 r. ^8 I, y: R      else if (document.layers) {
* u, u" T$ @" i. {0 V         document.layers["supertext"].left = xPos + pageXOffset;. h! R3 t# v2 \2 S$ Z2 X$ X, _
         document.layers["supertext"].top = yPos + pageYOffset;
& y: H' w, O* r* Y* O9 v         }$ K. v0 r! r. y+ b& ]: p) }
      animatetext=setTimeout('moveBall()',20);8 i! ^  H; l  D  i1 k4 q
      }+ {( p$ E" \7 l7 O: A
   }$ U. z( F7 X1 i+ x1 F6 D1 ^7 Z

; _' g( C1 o" Q+ t0 H1 E1 M- ~function calculatePosition() {, U9 k* p6 l6 T: o0 f2 B$ d8 r
   if (xDir == "right") {
* d$ q$ D8 i& R% [* N' V2 H      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 x- N3 W) k5 K2 h6 O1 I         xDir = "left";. O' x% t5 W! |/ S
         }( |  g" j" {. |; y7 Y' ~/ s$ c. I
      }
4 N& A6 L  Z) H/ l; F   else if (xDir == "left") {
6 {, h+ [3 Q  Z; k4 E: u+ _      if (xPos < (0 + BallSpeed)) {9 }$ u, Y$ D+ P4 E. t2 V, u
         xDir = "right";6 Z- T+ M5 K' h  ?$ ~
         }$ N1 R4 _* n! M5 G: @/ K5 F5 B* X5 E
      }- d. t! s" V9 U: r: F4 j: R
   if (yDir == "down") {, H) m  f% x1 V; @
      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 N. n) H* X! q         yDir = "up";6 u9 N, f4 @* b" s2 o1 a: F; P
         }
1 [8 J! q# _2 `" Z# J" c. _      }
9 t% r2 z9 p8 O: k$ x   else if (yDir == "up") {
: N0 v: H( I  P      if (yPos < (0 + BallSpeed)) {
, i4 D/ Z- o9 L' p7 V( v; q; u: t: k         yDir = "down";
+ ^3 y, a( z! n, y% Z- P         }" ~. }& }- o$ [1 b$ z4 v/ O: r
      }
( B7 c! E. e, ?& N/ ^6 v" ~   if (xDir == "right") {
. ^- ^* D) l8 Q  ?; q) v      xPos = xPos + BallSpeed;9 E1 i! W6 d9 x" @& w
      }9 j1 x. U; V$ Q+ {
   else if (xDir == "left") {  S/ X& O. ]; H( x# I
      xPos = xPos - BallSpeed;+ Q! n0 I/ n% N7 e
      }+ I& \& G; {8 O/ O. Q( G& p4 J
   else {
& X8 N: W7 u+ h! {      xPos = xPos;
2 z! d9 T& A' d* c0 q      }3 l. B$ Q, S% T" y1 W; s$ _
   if (yDir == "down") {
: c3 f3 y$ z4 A3 W  u, t# \9 a1 [      yPos = yPos + BallSpeed;/ w5 }2 q! x) L
      }, ~; s* b8 ~  M' D
   else if (yDir == "up") {
! m3 u, X1 g, l5 _) p      yPos = yPos - BallSpeed;
/ k( F" V4 \, q/ \. ?& e      }
; S# \, [$ T, n/ P8 ^' R, g$ f   else {2 y# Z1 a% s8 _( U
      yPos = yPos;$ e5 l- ^% m4 i: o1 \2 D
      }4 }# i" t" D! e( F
   }. j3 U5 S  g! r- l3 q: p
! Y. N& h. L% H2 W, W6 s! s# s; W  }3 s
function hidetext(){" E* M6 M- L3 y7 K5 v% `
if (document.all)
; i9 z# c! h, D) t- G% T# jsupertext.style.visibility="hidden"1 O7 q" I$ ?5 z8 _; _
else if (document.layers)$ B# }; `8 [$ z' ^2 ]8 [6 [
document.supertext.visibility="hide"/ t% V0 }( F- a# u
clearTimeout(animatetext)
0 N+ m; P. T, L}! B4 t% L$ P. X0 M2 u$ U) h
+ e. f8 R4 ^- X
if (document.all||document.layers){9 t# h2 @+ k( G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: `/ j! d1 }$ z, nwindow.onload = initializeBall;' g( s' E- A' G6 m' `* e1 X' N0 Q7 q
window.onresize = new Function("window.location.reload()");7 Y  u) Q$ a! ?  S  v$ r5 r; Z8 t" [
}
: ?4 w+ S/ z( Z! A* d' _7 d/ K9 Y
8 {2 w3 y1 g; t+ L* E</script>