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

zw2004

<style type="text/css">) a+ n! k# Y% w4 W( m
#supertext {
7 z3 `+ M! s& N# eposition:absolute;" ~" ]* A3 }, |' C8 ^: e+ z. [8 H
left:0;' \, ^7 j! j1 v* f
top:0;
( l5 n* k# c1 [8 e& Fvisibility:hide;) @! x% ~/ u$ g# i( |  [
visibility:hidden;
0 Q" b) G1 ?% V+ z}
) E0 q+ ~1 y6 r</style>) @* X6 A6 r+ A
<script language="JavaScript1.2">
/ B0 q8 D& o: f- k5 |; O! H7 v' t<!-- 改变下的字体的大小。颜色-->& W* E# n, W5 W7 `' D. b
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 P+ N$ Y( Z. ^var hidetimer='';
& h( h- i4 U7 _& \<!-- 改变下的弹跳速度-->, W3 |9 [: M6 x( X# y+ ?
var BallSpeed = 20;
, n9 M. @% V3 c* |; uvar contentWidth;, F* ?& E$ z' T3 q% S
var contentHeight;+ Q# o8 m6 N9 W: @4 }1 h
var maxBallSpeed = 50;, C9 ^  u& i( n7 `+ R' `' A

4 Z$ a: X6 n3 w+ b5 p0 _) |5 a% a! `
4 R' y4 `0 O7 l3 ]  _var xMax;
' ]3 a4 ]: K0 D. z) A7 B0 Tvar yMax;
9 ^# Y! c' u! A  B) N1 Svar xPos = 0;% |/ q0 j; e! g* J) s* \
var yPos = 0;' S, p! F$ ]0 w2 z" D! k9 B
var xDir = 'right';' J& H7 q! F; D9 |& V% C/ W
var yDir = 'down';
2 ~7 x- F# V8 t' c# Fvar superballRunning = true;
- W* E' i- j; |9 B: Ovar tempBallSpeed;' H" ~* n, W' X  B
var currentBallSrc;3 w4 {! C5 D! Y$ n' p/ G" q
var newXDir;
0 P  t' W% b; a- S8 x' z% z! P0 }( |" Gvar newYDir;
( S; ]+ x, m9 u' s1 @7 [
/ a; X$ z  O1 _4 P: }! n: O2 Vfunction initializeBall() {9 E! x& B* D, A% P0 |, I
   if (document.all) {' _, Z8 l4 m- n; h, @' x1 e1 ~7 ^2 ^
      xMax = document.body.clientWidth' D+ v/ x, K' ^' q8 p
      yMax = document.body.clientHeight3 R. U; a2 U/ @/ h' z; X
      document.all("supertext").style.visibility = "visible";0 c! Q; p" J: y( v! L4 v
      contentWidth=supertext.offsetWidth' u: r0 f- G4 \$ x
      contentHeight=supertext.offsetHeight
% B( p/ ~& A6 o8 D' p      }+ |+ f! o. E; [% \
   else if (document.layers) {
$ e9 N6 k0 n7 V% V5 c      xMax = window.innerWidth;
7 l7 x0 w* I+ m3 e, Z6 ]      yMax = window.innerHeight;  Z  z5 n, x* w
      contentWidth=document.supertext.document.width
" D1 _1 _9 b  i6 f* @9 g0 O) [( j      contentHeight=document.supertext.document.height
8 D# m& ~6 O# g# t- P( \      document.layers["supertext"].visibility = "show";: U* T/ f7 o# \3 i$ `, L8 s: X
      }
' F# Y1 ^: k" A8 O; ^& p5 S2 c: g5 [   setTimeout('moveBall()',400);% k7 ^, L$ `: J7 }+ [/ A" |0 n8 N
   if (hidetimer!='')
8 ]2 A# R7 X0 w7 |, ~1 g   setTimeout("hidetext()",hidetimer)
0 Y( v. Y' f3 Q# O   }) K/ H2 e7 A; r+ k! t
0 o! m. ~; u/ D6 k4 Y7 ?
function moveBall() {6 S8 ?  t3 [4 \5 y
   if (superballRunning == true) {! U4 b- I# U  B9 h; \, u# d. ~
      calculatePosition();# x7 T# T5 E; f! M0 B* Y& s
      if (document.all) {
* X6 L! L! l, H# A         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; Y9 L5 r6 C; n: ?3 l% l         document.all("supertext").style.top = yPos + document.body.scrollTop;8 V, l, O& @: j' y4 |
         }
9 A. m0 f' n, J* F      else if (document.layers) {
! w9 c5 I8 L4 f. }: g         document.layers["supertext"].left = xPos + pageXOffset;
4 w) y% R/ a  G- A         document.layers["supertext"].top = yPos + pageYOffset;' H! }  q1 v9 W: k. D
         }$ i. E# C2 ?! x* [2 x4 ]
      animatetext=setTimeout('moveBall()',20);( z7 u! @& R! |; O6 ?! x5 W
      }% N# a9 ?+ L' n6 t2 C# u
   }
& b, H7 w+ [. |; r; T, o4 ?: |. _; b* m+ [
function calculatePosition() {9 j; \8 |$ r( {9 K7 d
   if (xDir == "right") {
& J5 ^' z2 i8 C6 B      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 X! z+ j% o' l5 r4 X; }* j! F         xDir = "left";! ~7 e! F1 P- G1 G
         }. a8 q- o. q9 r) D
      }
9 `: }! c& c! U4 ?4 R1 b   else if (xDir == "left") {& w4 J2 K: b" M1 R$ D0 \; D8 C5 r
      if (xPos < (0 + BallSpeed)) {
8 Z, q. C8 n2 j         xDir = "right";3 s  T% a% Y. \: y
         }9 `; l1 H1 o# k. D7 e
      }
& r- `) R$ y+ ~# d   if (yDir == "down") {
7 u7 I7 K4 h9 Q  P+ }( P      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 s! n- I% ]7 S6 A5 e' t6 ]9 {         yDir = "up";
0 {) B3 C; {% [         }, B! P% I8 T6 v% y" N7 h# a
      }" m0 ~0 V. j/ j. z
   else if (yDir == "up") {1 \+ m- J- {3 w* M: R1 k1 \( U# ]3 a4 O" e) a
      if (yPos < (0 + BallSpeed)) {/ w+ z, P4 Z+ O) j- V
         yDir = "down";
% `8 @; |2 D; b) g         }
+ f) Y4 N+ x, F, }% a/ S      }! [; @; {/ ]8 l. `
   if (xDir == "right") {
+ ]) j8 X8 @/ ~9 c      xPos = xPos + BallSpeed;
: o! N7 K, |$ ]" l      }/ d! ~  d3 t, R/ g4 w- ^! {6 u
   else if (xDir == "left") {- B% J0 B% Z4 A7 e
      xPos = xPos - BallSpeed;$ I" Q; H7 U8 g
      }' D7 d- u) ]) w+ b3 n. L
   else {3 z7 `; Z7 W0 S
      xPos = xPos;
* h' d3 C+ K% p( X      }
! {7 x) A$ Q2 I8 O% ]   if (yDir == "down") {+ \: @% @; @. ~  ^% q
      yPos = yPos + BallSpeed;
- E# A+ Y; l' O. C: c9 L! i: r      }8 |  [( B/ [8 N7 [
   else if (yDir == "up") {
, H2 Q; p) f0 t, F" B* @      yPos = yPos - BallSpeed;
+ Y. J9 f5 k. {$ T$ y4 i. \4 n      }
4 c2 `. g6 d& D   else {( p5 N7 J7 B0 [0 r. \5 i! Z
      yPos = yPos;
) C. d' ~, A2 {( }! y0 `      }
; v2 w  Z0 R4 H: k- H; N3 T   }" ]3 ]) W9 C( l8 F7 {9 ]  j% E
3 @3 E, D4 y0 ]; I: v6 l4 q0 u2 g
function hidetext(){
) ~( y& t; C7 G' H0 k( \; rif (document.all)
0 o9 ^5 @9 M& o5 F! Ysupertext.style.visibility="hidden"
& M: I" g3 m: q7 z, A# welse if (document.layers)) ?; p: w: F8 G( y" n2 o( _+ p
document.supertext.visibility="hide"
2 o# w( J* q; [; Y$ e$ l" cclearTimeout(animatetext)
1 y: r8 I2 A1 v; f4 A* E$ y}6 _) R+ I; ]  ~& g: r! Q
7 B+ |2 c8 v' i- @8 u$ j, ]7 y
if (document.all||document.layers){0 R: l" m$ Z7 L: q  |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# I' u3 J, d3 G+ {2 C, G6 |. l
window.onload = initializeBall;
: j  [( v! M7 {* y8 \window.onresize = new Function("window.location.reload()");
( J0 E8 u- j% q; `! u, }" g: L}
( d& ?/ _7 R2 |, B4 b6 R7 _+ D. F7 R( d4 |/ [
</script>