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

zw2004

<style type="text/css">
) N5 B5 G0 f, E9 y/ @6 }#supertext {' M& |+ z% e5 O: C$ b
position:absolute;
9 T5 b8 r: z9 t$ v+ Kleft:0;9 [, a* M% P% r
top:0;
* Q9 c9 q5 @8 ]- K' N/ S# Bvisibility:hide;
2 _6 ~9 r) a; v1 \* \visibility:hidden;. \% L+ n+ g& {2 L5 m5 W, H
}3 U& d+ K. q. Y  B4 A
</style>
) q# U" U% h# V7 X( X- w  m<script language="JavaScript1.2">- ]: s& O; ]" t
<!-- 改变下的字体的大小。颜色-->
2 @0 R! [9 P. u- nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 P0 d+ o  k+ B7 P7 d& z% y5 k' [' k
var hidetimer='';- E# [) _# H- k
<!-- 改变下的弹跳速度-->- o- s4 ~9 R6 P: R) [2 N2 K0 p
var BallSpeed = 20;
% \1 z  R9 ~8 I$ gvar contentWidth;
, C- Y; k4 [6 {8 @: D: nvar contentHeight;
, r% d8 J# g) b# f2 D, g6 p% v1 Ivar maxBallSpeed = 50;
2 H1 m0 K$ Q9 v0 J9 W% b- p; }1 K0 {8 S, ?2 l- W, {3 {

" t$ M1 R! E" _* \) |. i% o1 zvar xMax;
6 k5 E8 V9 G6 H4 xvar yMax;0 ~- m: `- ^% Z, B( p$ j
var xPos = 0;
. d5 G' i: A8 q0 P8 Z: ?% \var yPos = 0;
/ X6 k, l, X! j2 d1 p6 L5 gvar xDir = 'right';
* Q8 P! g' z7 Nvar yDir = 'down';+ i+ o9 i3 N1 c; ]( y; P1 ^
var superballRunning = true;( l2 r+ L5 {+ h! h+ H
var tempBallSpeed;# c& F2 h) M/ n/ w9 w( n
var currentBallSrc;" @" k7 `% J+ _- M
var newXDir;0 U5 r  I# P4 R0 ^
var newYDir;2 t1 \+ ?3 {# O: ]) m! f" w' y1 {

; Q7 A* ?* V7 t9 g# {7 }9 Jfunction initializeBall() {
8 u5 X8 I. T, t$ E4 S- ]* r   if (document.all) {/ i; v: `- l3 u9 `* y
      xMax = document.body.clientWidth) ^+ c9 N3 `# B8 v4 |
      yMax = document.body.clientHeight  y6 N) L+ [1 [
      document.all("supertext").style.visibility = "visible";+ ~; H! x# c) g
      contentWidth=supertext.offsetWidth$ B1 L1 G7 B% s7 g
      contentHeight=supertext.offsetHeight
; e  l7 V8 W% h1 B9 m9 ~( n1 N/ R      }2 w8 p4 U9 }$ {3 h, f& x! ]. q
   else if (document.layers) {
9 B' x% U, k2 W: y$ W3 x- m; [      xMax = window.innerWidth;2 W# G9 h: o4 |+ q2 w* O
      yMax = window.innerHeight;
' C' Q3 ?# v# k8 Z" e" u' p      contentWidth=document.supertext.document.width9 u% a" k5 v0 t" h, Y% x
      contentHeight=document.supertext.document.height
  l/ ~) R$ a9 l1 W, u, @      document.layers["supertext"].visibility = "show";3 |6 {, G/ y# _. N* T
      }' t, b7 L& M$ u. g$ u
   setTimeout('moveBall()',400);$ I* F8 k: ~/ z
   if (hidetimer!='')
8 z5 t& q; C+ {* D6 B   setTimeout("hidetext()",hidetimer)
& \2 R: \9 a6 G   }0 n7 |5 M! F2 b

- H0 n: a3 l$ N, \- Yfunction moveBall() {
, W5 \8 {0 \& o2 d% C; K* o; C   if (superballRunning == true) {% F- U6 M& ]( g% T
      calculatePosition();
5 G, U" s& S3 ^' {" F      if (document.all) {+ V; L7 L$ L" p9 B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 a" t  e3 A" c" Y2 S( u
         document.all("supertext").style.top = yPos + document.body.scrollTop;( j, @( W& u% T2 \9 t  L
         }
4 X% }2 e  Q& \0 |. m      else if (document.layers) {
6 B/ w* Y9 ?, D" r2 O% f& x         document.layers["supertext"].left = xPos + pageXOffset;
: y* V5 R8 y; ^& r! S' R/ u         document.layers["supertext"].top = yPos + pageYOffset;( \' v0 j+ _  O3 _5 z7 s$ v* y$ Q4 D
         }7 y% M! ^, e% X1 d: l& A1 y/ P
      animatetext=setTimeout('moveBall()',20);
; @$ v: ~: _# `9 J- D6 n      }
) l0 b6 B; A, o  p   }
+ W- E7 D$ u. r  F& \) n4 U  k1 I; J7 U7 _, c
function calculatePosition() {
( ~( S+ l) A+ {   if (xDir == "right") {
; [* Q5 G6 o$ p- W9 N# G      if (xPos > (xMax - contentWidth - BallSpeed)) {1 {/ ?* ?% T0 N; ?+ p5 f
         xDir = "left";" E4 b" C% L# j1 H+ C
         }
7 Y: `9 d# N7 w7 a9 q! e# q# t- G      }
; c; i! K, D2 w% c. c9 g* l   else if (xDir == "left") {
' z  t& h- P$ ]* ^, j- y; Y      if (xPos < (0 + BallSpeed)) {
; I! W% o* t6 Z; h4 l6 Y         xDir = "right";% k5 P0 ~7 E* W9 c2 t+ ^# J5 T  w
         }
4 h4 V5 g' D$ ]      }: Z% J' J& o' X2 _# P3 A2 e( l' h
   if (yDir == "down") {
1 F8 c3 v8 J! F1 T% R      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ W- b7 v$ n/ o         yDir = "up";# o. N1 W  f+ ^& a* D0 _
         }% j5 {) O5 q( W+ C
      }
; M8 `  N5 R1 @( |8 G; I% w   else if (yDir == "up") {
# v8 }: k# ]% P- C& w. E      if (yPos < (0 + BallSpeed)) {% w1 J% j/ r  t  u
         yDir = "down";
% x' I& ^5 R; {" @         }1 T# K$ E: A4 y$ \! c' V0 \
      }
5 Y& c4 U) j5 q& a' Q   if (xDir == "right") {
0 k9 s6 b6 o3 r      xPos = xPos + BallSpeed;
! v6 f9 S7 Q( s      }
: D6 P6 O- y9 y+ h7 f* {0 i: A   else if (xDir == "left") {
9 q& U! [. @0 `/ h* `+ K! S      xPos = xPos - BallSpeed;
3 j5 }3 u" i' `" d5 b5 ~: ^      }; j5 a" }5 c8 k
   else {, t3 E7 {/ R* r3 ~0 z: I
      xPos = xPos;
/ v3 `( p! e) x9 r- F      }
1 F4 H; p! |: B3 g, w   if (yDir == "down") {
* j( W; l; r. a      yPos = yPos + BallSpeed;
* `. A( o( a  Q: H      }3 g; {# J9 T+ I0 q2 d* R# u7 P
   else if (yDir == "up") {
3 h. z. u4 Q" g1 {$ d  f. G      yPos = yPos - BallSpeed;: t3 Y- m! N% w% k' q- O! c
      }" f7 H6 R+ Z+ Z
   else {4 f4 ^6 R9 z- D, R2 @2 ]9 ?
      yPos = yPos;
' {4 `2 K/ y$ F, b! k6 }1 D6 R      }
) i6 o4 v" z0 X0 N! J' ~   }9 N' k# `6 J* _* ]8 |
$ C1 ~7 s* q3 e
function hidetext(){2 r  l8 i# K  }$ S6 ?; p2 h% y7 y6 M
if (document.all)- M" Z. l7 N+ O
supertext.style.visibility="hidden"# N4 i# Q1 D( e# o; q+ r
else if (document.layers)
. J1 c8 ?2 A5 M8 _2 V/ @document.supertext.visibility="hide") T# e4 Y' ]% V* D3 {
clearTimeout(animatetext)
9 n6 ^- X; j: U# `1 B}
, j0 ]- C. P, W& F0 \( @5 A! T/ Q$ D/ t
if (document.all||document.layers){/ X) h& S8 U$ {# M: f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" B! z: n1 i" J7 x* f7 H2 @5 M
window.onload = initializeBall;9 Y2 w/ N* h2 e. p. `0 ~
window.onresize = new Function("window.location.reload()");9 Y! u9 q: P) u, l# T3 D+ `
}
! u( p3 P% H9 x3 Z) V8 b1 K  |% Q) X
</script>