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

zw2004

<style type="text/css">8 U5 u+ U+ P  c, i& a
#supertext {
5 g9 R" o  R2 Q4 O1 D8 tposition:absolute;% a7 D. k( C. |; K/ z
left:0;) j7 l' g6 q% c; c
top:0;2 s# o$ W! N  Z7 U3 E# {
visibility:hide;7 n# N) A! I* u3 H- ~/ o5 `2 g
visibility:hidden;
+ {. I! l7 a+ i8 [' e}2 `: o6 S* x" h/ n$ f% F/ X
</style>- e" u* E1 ?! [1 z3 q
<script language="JavaScript1.2">4 ]+ V6 ~: R  s% ^3 p6 z& i4 J
<!-- 改变下的字体的大小。颜色-->! v) V6 q( B9 x7 o& O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 o- [( ~' k" D
var hidetimer='';
. e7 H2 F. W7 J# U7 ]% [<!-- 改变下的弹跳速度-->
0 @3 @0 }: R% B! M3 Xvar BallSpeed = 20;3 h) w3 n; }9 l4 ~* O: X
var contentWidth;
7 U5 F2 M$ P# ?2 hvar contentHeight;
& V5 C% n, }2 s! Rvar maxBallSpeed = 50;
* X; q  V( _6 f( I' N% E+ g' l$ h) w9 L8 p7 r

1 V7 D" R/ n) c9 x; B- ^var xMax;
1 U7 d$ M3 [6 B% Q2 W9 b- Q3 Yvar yMax;
7 t3 I- e/ d4 ~; ~" Q* Qvar xPos = 0;/ t' k; t: o7 Y4 l& W  j! |
var yPos = 0;
8 n4 y1 c3 B# U" Ivar xDir = 'right';4 r) M; S, B& v; G; P" N
var yDir = 'down';
& {1 F- b+ }8 M" Mvar superballRunning = true;
; [2 `5 B( L& d% g7 V& R3 @% Svar tempBallSpeed;* `4 L$ C9 L# e
var currentBallSrc;  j0 {, l, D) F: h1 O# k; E$ E$ L$ B
var newXDir;$ |8 b3 T$ s$ Y
var newYDir;' {. s1 X8 P+ c, x+ M7 w, l% w

7 U+ s9 C8 m4 q1 y7 G. m; h7 Ofunction initializeBall() {
1 D; Z% r; @! l$ ]4 I: ?   if (document.all) {
2 \$ W( X+ P/ k9 B      xMax = document.body.clientWidth; B5 P! ^) S, T" m. E
      yMax = document.body.clientHeight  F. ?8 f, F, p$ Y  V3 A4 _
      document.all("supertext").style.visibility = "visible";
+ k9 D$ \! _3 ~( ~, ]3 v      contentWidth=supertext.offsetWidth
3 ]2 e9 T0 X; j8 ]! |      contentHeight=supertext.offsetHeight
- E& _  @; J$ e5 C4 b& U# w) Y/ k      }5 F; w3 H4 c" |. y" s# B+ o# l
   else if (document.layers) {- K# l" \; h4 |+ ?8 ?8 G: f
      xMax = window.innerWidth;9 b6 P" w3 A6 @( f
      yMax = window.innerHeight;4 ~' E  K3 H5 ^/ m4 p
      contentWidth=document.supertext.document.width
, e& }1 |2 M5 s% y9 Y      contentHeight=document.supertext.document.height
' D7 g. W; G" e9 n; Z# F      document.layers["supertext"].visibility = "show";# u2 K0 I9 H5 E# s7 A
      }
9 s/ w$ X7 g4 I# V   setTimeout('moveBall()',400);( N' Z$ n. M5 E7 r( R. w2 @
   if (hidetimer!='')
1 @4 C" M+ h  ^5 R1 b, L; C# ]   setTimeout("hidetext()",hidetimer)" e9 W: @4 E) r* O+ J  X
   }7 `8 A& ^& G, r) @9 w
) [0 P# F& t8 e+ b3 S. d' C! O" ~
function moveBall() {
3 E. j, W5 t. J+ F2 D   if (superballRunning == true) {
7 h5 H3 Y; ~! {/ G( i  X. s  F      calculatePosition();: t0 f& w2 a' u
      if (document.all) {
, N# N$ B7 E, p# Z         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" U- D0 {0 P1 f. m) K+ p4 Q  @         document.all("supertext").style.top = yPos + document.body.scrollTop;) o# j  \' O3 G& C( S; U
         }
* |' X0 L8 Y% q      else if (document.layers) {2 W# l# y! i4 A1 j5 F
         document.layers["supertext"].left = xPos + pageXOffset;$ `; H# z" a, y; A& L
         document.layers["supertext"].top = yPos + pageYOffset;: `7 n5 o: {( a
         }
1 e# a. p* L, Y0 Q* T% J1 B+ f      animatetext=setTimeout('moveBall()',20);, z' v! c8 a" v: W
      }; u& d* f( x' v) |  x
   }
7 b3 j/ I4 J6 E. @( X! {9 Y+ T' z- E, l# [) D
function calculatePosition() {/ z9 ?% Z/ I  ~
   if (xDir == "right") {; N2 {- c. e; i
      if (xPos > (xMax - contentWidth - BallSpeed)) {. \. J, p6 C; B( F0 v6 q9 ^
         xDir = "left";* k9 R; B, A, T' h
         }
, W* E4 ~/ P$ D9 J4 H) \; B* Z      }
0 e/ G9 o: z% ]3 ^# e# U   else if (xDir == "left") {/ l" n9 f0 Z1 G0 ^0 C; O! F
      if (xPos < (0 + BallSpeed)) {
  |$ D1 u, n# f         xDir = "right";) J0 y$ P5 n9 _4 d1 g' Z
         }5 f4 R+ y8 g! i3 E
      }& \1 U/ w" i- J( q  ?
   if (yDir == "down") {
4 p* `9 o+ [+ M1 I      if (yPos > (yMax - contentHeight - BallSpeed)) {. {+ _% ]' R- n
         yDir = "up";
  n$ x$ \  {! p/ u& |% v# d         }
' c0 F* w* j  j$ x" y  |. L7 P) }      }
% ]9 H% `7 t2 e, ~- b   else if (yDir == "up") {4 b  C) O9 S' G1 e' _* w
      if (yPos < (0 + BallSpeed)) {
9 n4 v7 P! U- ]" _         yDir = "down";
/ S/ x& A/ R2 g# D9 B9 t1 L3 U% P- U, o$ a         }; P- \0 J* p" [) C2 ]6 A& o
      }
. w. O/ x' O) ^   if (xDir == "right") {
+ w" f" }. M: H' W1 P      xPos = xPos + BallSpeed;
* k( u) ]2 _; W" t4 }      }# e) g. S9 Z& o  l3 o
   else if (xDir == "left") {- e- ]3 h5 Y+ I6 z* V4 A& @; G5 f
      xPos = xPos - BallSpeed;
" q3 D! L, A' B4 X  b2 y2 R      }
  t& E" v, A- X, w3 N  l; A; c   else {
3 t  U2 X9 u* N* g; ^: H7 ~5 }      xPos = xPos;: R5 t, ?9 r8 M( [6 ~  H/ o9 y
      }
& e2 J1 [7 x3 k! i% q   if (yDir == "down") {- A* p- P3 F3 i% @  W
      yPos = yPos + BallSpeed;$ h0 U! E: K. {8 o5 g
      }
+ t: T( M/ `: E9 A   else if (yDir == "up") {; }) {2 T5 T$ _+ w
      yPos = yPos - BallSpeed;
, b3 w& N" C3 J, l6 G% s4 x8 D# m      }
6 r2 C* B6 L$ e) s: ~% |   else {
2 e8 p+ E7 e4 U      yPos = yPos;- F) n0 n6 `+ g& @. A1 W, v
      }! [3 T( C* l; A9 i0 V% H2 c
   }
+ K6 z7 I  i- n0 E- p4 D# Z$ n- K9 \6 g( z3 }2 _2 X! T
function hidetext(){3 s0 l7 X2 j! @
if (document.all)% d' `, P' u3 L8 j  {. J+ A
supertext.style.visibility="hidden"
5 l3 I% S! m7 t2 _! t# T& ^; @* O# Qelse if (document.layers)- H+ h( U2 \$ Q/ [8 o% c, Z9 ]# [
document.supertext.visibility="hide"6 Q- B  M/ d# [+ ~3 P+ ?6 _
clearTimeout(animatetext)
3 H" ]+ X) ?, h, Q( b; S}0 t9 e% x% Z% N  Z6 n- k1 }7 _9 H$ s

2 h3 }6 _: C5 b" Q/ i5 Cif (document.all||document.layers){
) L; Y2 B* A  w, X' n: pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- D* R) q0 d& F: k. qwindow.onload = initializeBall;
6 ~# D$ m& p: s+ Q, Jwindow.onresize = new Function("window.location.reload()");) H4 A- z* m. D( q. i! R
}, E* R; R* n3 W/ m3 A
) }, p& f8 N+ b6 _& N$ d1 m# w
</script>