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

zw2004

<style type="text/css">
2 q8 k3 B2 \. I# F* R# n" ~#supertext {
7 F; h  v  d+ Z1 T* z9 c4 h+ Dposition:absolute;
) \2 |# h8 h0 g/ Q$ P& _# N# t9 m0 pleft:0;3 c. `0 d+ x2 J, t" U+ M
top:0;
# v) C3 \+ v/ y* qvisibility:hide;* G/ r7 f  t) a
visibility:hidden;
  D" `9 C* z& J  i+ Q}
- i, q: W" _  m1 v( y0 f</style>
" t" @2 W. ~- W, t2 s6 I<script language="JavaScript1.2">' P+ S. O7 a3 j7 x1 H/ h8 u+ f1 t
<!-- 改变下的字体的大小。颜色-->$ R1 }7 C' X! W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. m% `2 S9 P5 m: E# H- C
var hidetimer='';# U  m4 r& u: J7 W
<!-- 改变下的弹跳速度-->
* h) Q. d4 n" m. d! s$ ~var BallSpeed = 20;
4 J* T5 O; T" a: @, R0 }9 Tvar contentWidth;% l2 A# w5 G3 B, ^7 F* y
var contentHeight;1 f1 U' k! c# h0 S; y, k
var maxBallSpeed = 50;
2 A" r9 g8 x, D+ L# l0 m' t/ Q) K; \
6 _. |! ^9 O8 C2 H6 ~: e+ d7 M0 I8 `' C
var xMax;, [3 M! H) I2 Z( h: s0 O
var yMax;& R5 w& m, m$ [4 j7 [  A
var xPos = 0;; C, d( `  ?% W" n1 p$ c0 L/ _
var yPos = 0;
6 ~  [. w. ]/ v! ]* t+ c: gvar xDir = 'right';6 D# Q) F* e) @8 r
var yDir = 'down';
0 K! Y1 d# V, j* mvar superballRunning = true;
8 j; m% d. I" {" D: Tvar tempBallSpeed;
$ h! i5 @( |: P2 ?var currentBallSrc;3 N% ~' N+ ]& o; x. l
var newXDir;2 [, S4 e/ v( L' U% V( V
var newYDir;
: z9 ?8 @  w. ]$ ~2 |& G/ k4 P5 s4 c- X1 {3 o8 o5 U
function initializeBall() {! k; d9 q, ^6 `( g
   if (document.all) {
" m1 m$ B9 O0 h4 h8 X- v      xMax = document.body.clientWidth; @6 w) C2 S; r0 `- \
      yMax = document.body.clientHeight% ^& Z2 X; f/ p" F0 A0 O. P  H( a
      document.all("supertext").style.visibility = "visible";
' L& [% I: B7 C      contentWidth=supertext.offsetWidth
2 m* w: A3 h& K# R2 \      contentHeight=supertext.offsetHeight
) `: u* y1 Q2 x$ X( K: g; _      }
8 x* F) E3 O% o+ R% ^6 Z5 j   else if (document.layers) {  b4 r/ j% A5 `: t; n6 U
      xMax = window.innerWidth;
8 C3 @5 b; Q; G  p$ h      yMax = window.innerHeight;* K* k4 \. p; e$ F
      contentWidth=document.supertext.document.width5 {4 k; j. {1 w; S
      contentHeight=document.supertext.document.height: p1 a9 p& m* {
      document.layers["supertext"].visibility = "show";; |. B7 {( F2 P! C1 [" \; @% M
      }  J# I8 _5 \9 Z* t
   setTimeout('moveBall()',400);
$ m: _8 M% Q1 u/ I   if (hidetimer!='')- s7 t' J6 W" k
   setTimeout("hidetext()",hidetimer), p0 H: ?& l( a  t
   }
5 v, N8 t; [/ `# d9 ~! M3 I7 R" H: z" |9 B: j+ w' J) \
function moveBall() {, X) j" g4 S  g
   if (superballRunning == true) {& d. `# ]# x: o) [  K
      calculatePosition();4 U- [) K7 M: S9 n1 N/ J
      if (document.all) {
3 Q" p" r' X4 h& D+ A2 ?         document.all("supertext").style.left = xPos + document.body.scrollLeft;# v$ L# O( M' l& ~/ O; y. Z
         document.all("supertext").style.top = yPos + document.body.scrollTop;* P: q( _! A3 ]" ]1 D
         }
* m( t0 `- r( d( w' l- ~      else if (document.layers) {
" u1 ^7 y4 ]# j8 s6 h0 l4 A         document.layers["supertext"].left = xPos + pageXOffset;
5 n' C0 N+ p) F3 A! |0 x; j         document.layers["supertext"].top = yPos + pageYOffset;
# R) l: N/ l" Q- [         }( n/ X& x# l0 y5 N$ n
      animatetext=setTimeout('moveBall()',20);- n5 |- n6 c+ k% _: S  B) n* x
      }# `. i% C. R# ^2 H) m0 a
   }
9 _- q: b$ U1 b  P) F* G) h* |/ n
0 `) ?8 ]& X) u2 _6 b1 d8 S3 nfunction calculatePosition() {/ |- g, \" x2 f' R* |6 ?
   if (xDir == "right") {
7 t$ r. s( y% T6 n0 i+ \      if (xPos > (xMax - contentWidth - BallSpeed)) {
# {' h% p* J; |% U6 B         xDir = "left";
- u2 ?/ m8 f- E! M         }
) O+ s- G" R) [8 |, S# ]      }4 f+ u2 L# u1 H% d0 H% u
   else if (xDir == "left") {
& k: V. }# p1 S1 w      if (xPos < (0 + BallSpeed)) {. C% r; ]# t! m0 w! @* y
         xDir = "right";
% b, B- E3 [; z. G0 G7 [         }
! R" }7 d( q2 y$ n      }% Q3 b* X6 T& g$ t
   if (yDir == "down") {
2 y$ Y8 Q/ X. m+ R( g. i$ T( x      if (yPos > (yMax - contentHeight - BallSpeed)) {3 [3 X2 e  Q- n# p
         yDir = "up";
5 Q" q8 h8 Z% C9 j+ `' k         }& M' [4 B9 z& m1 O. x7 B$ {7 N# a
      }0 C: r4 i" k2 O. J( T8 M
   else if (yDir == "up") {
; o" O& V, G7 a7 l      if (yPos < (0 + BallSpeed)) {) }% @& Y* H4 ]* i0 x( p
         yDir = "down";
" K9 j4 C! Q5 M/ q" K, Y: K- b         }
" Q9 `" `& G6 y8 H0 I) k      }5 G% ~, Q4 o3 l6 o. o
   if (xDir == "right") {( n# l- T6 a# M' w
      xPos = xPos + BallSpeed;
6 @) k$ M. J! f6 E& J* i' D      }
) ?. R- D+ h4 `: H0 E   else if (xDir == "left") {4 u0 [" v- H6 n5 o* z1 N
      xPos = xPos - BallSpeed;" k9 N) e  o8 ~( n* O
      }
5 O3 A2 Z1 ~+ X% x- f   else {
. c" M- O' W' c1 \7 N      xPos = xPos;" g* A+ ], n4 S7 f2 }
      }$ c3 A" X5 _5 P* V/ F
   if (yDir == "down") {6 M" ?: @  O- P1 ?: D
      yPos = yPos + BallSpeed;
1 m: T, B; C2 B1 B3 \      }: l% X2 f9 g! o; X$ D
   else if (yDir == "up") {
7 ~1 r- L/ v* s      yPos = yPos - BallSpeed;& T3 b. t0 ]2 A/ O: y" h8 n% N+ K3 z
      }) o# t, L. t% Q- M* j3 X% I: d+ d
   else {' ]9 D8 c. Q: e* a/ T5 w4 x* B6 K
      yPos = yPos;: k6 p6 R9 N: A) {% i- _% D
      }8 v& M2 R1 }6 ]% D' Q: Y
   }5 L- o( X# p6 M' V

* ]' r" ^$ E' cfunction hidetext(){
2 @8 w( o# c) t/ M- B+ ?if (document.all)
) y% ?& x* w' d+ R5 j7 zsupertext.style.visibility="hidden"
% C) U) \) \1 O4 Y- _& L2 V( Eelse if (document.layers). l9 }$ p% i% `5 O- G
document.supertext.visibility="hide"6 F( A+ ?! g) G; Y; M( T
clearTimeout(animatetext)/ ^8 N. ^- h1 M0 [. I9 J
}
, F7 E/ V0 s0 Z# k7 ]2 \# p0 Q+ ?/ \' A: Y# V% L( g
if (document.all||document.layers){* T# @, O) |4 W9 f$ X
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 a5 ]. q' z* ]* s, a, r% J# Iwindow.onload = initializeBall;
0 z- M4 J5 H3 j7 K- f* ewindow.onresize = new Function("window.location.reload()");2 N1 s: d! O) e6 u3 l, Y0 z, U( M5 J2 K
}
1 V/ ^6 n7 b. W4 {5 k* B8 z% H% N0 \) c7 g, a1 ]  [1 h5 [. j% Z
</script>