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

zw2004

<style type="text/css">
) q. w" M6 t0 h! E8 b. i" i#supertext {* q( M# w4 y0 q
position:absolute;  K8 q/ T. |, C5 j0 z! R
left:0;2 A/ _4 }. X- f2 ?; ^) d$ ^0 u: i
top:0;
4 C# N. U7 U* g/ kvisibility:hide;! `7 m# |0 W' L" N
visibility:hidden;; B5 y9 c9 p, r1 @! b* G1 g2 }
}1 m/ ~: V) z0 }. J6 P6 j
</style>
' q- D4 `% o' }2 t& O<script language="JavaScript1.2">& c6 O" X' C& H1 P0 w
<!-- 改变下的字体的大小。颜色-->& }- o/ \# s5 b/ K3 w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- Z3 S3 b; ]7 B" Pvar hidetimer='';% {% G+ b3 z. v7 @$ P4 m1 D
<!-- 改变下的弹跳速度-->
, `: Q* q! z1 cvar BallSpeed = 20;) K& X) m" l# i) m/ B
var contentWidth;' b( \7 i! @9 M4 z% F3 x
var contentHeight;
$ w- o; O& p7 w' h& t* `var maxBallSpeed = 50;9 L. A! g; @1 H& l$ E+ `
+ Q; f8 O2 b3 r* G
$ E7 `1 R" q1 t2 J" {
var xMax;
; z" W' {% W* y4 T, Xvar yMax;* t  i: S! k/ e4 E7 ~
var xPos = 0;
, a* X% o6 D6 \$ X) ~  ]; Z$ U2 avar yPos = 0;$ K9 @. A  t1 S, e* E
var xDir = 'right';
9 ?3 y& P1 m" _var yDir = 'down';" S2 @& U5 w4 q2 z
var superballRunning = true;/ ?! ]! }# b0 C2 @7 c9 q; z7 D! C
var tempBallSpeed;( ^# |4 f9 _) Y! ^+ S' d2 q
var currentBallSrc;
" u8 J& o9 N5 O" pvar newXDir;' D8 E0 I5 ]# l/ O$ T
var newYDir;7 N) w  A* a5 x3 A6 T! z* s5 f
; l1 _7 F; B% _1 Q% ~
function initializeBall() {& N3 R  u7 B3 G4 ]) {. H5 V% l
   if (document.all) {
8 r6 N+ Y: D7 I% C* e: y      xMax = document.body.clientWidth
7 f* {# f  I# ]. z7 e6 o0 P( L      yMax = document.body.clientHeight/ n! ?  X# k# K5 C  P, p
      document.all("supertext").style.visibility = "visible";9 d1 B* G; [. v' l( q) f7 S
      contentWidth=supertext.offsetWidth
6 O+ h5 {, O! ^/ Y1 b# I      contentHeight=supertext.offsetHeight9 f7 ]- u/ b( ^3 V8 y
      }/ U' e7 L1 H: o6 P* S" q" p4 i
   else if (document.layers) {7 o' p+ L  k7 C% F& _  x4 w
      xMax = window.innerWidth;
" T) s2 Q. n9 g. j+ {) \* l' w      yMax = window.innerHeight;
8 f) e5 Y: B. D; k7 D, Q# n; i4 l      contentWidth=document.supertext.document.width5 F5 W& ?2 Q4 q: l; i9 t1 W4 V: C2 q
      contentHeight=document.supertext.document.height
' [" T, t+ }  t; a      document.layers["supertext"].visibility = "show";
! N4 h  T! t8 d3 l' S      }
0 f0 K9 I! m# a5 ^+ i   setTimeout('moveBall()',400);7 V' |8 J! h# ^2 b! f5 v5 g" E
   if (hidetimer!='')
7 s% Z0 J, h4 U8 m) p& `# N   setTimeout("hidetext()",hidetimer)7 c, e" L  `/ P) V0 \
   }
) f" f0 r; h- g0 h+ Z9 m3 Y
2 v# m+ o0 v4 c! bfunction moveBall() {
+ a9 k0 _1 E( Y( K5 n: _, q* `: i  [   if (superballRunning == true) {
7 ^& q- _$ t" J( d3 E      calculatePosition();/ P* X7 C; k7 P5 Z8 q; N1 ]
      if (document.all) {
3 S4 _  {' m$ x3 r" S         document.all("supertext").style.left = xPos + document.body.scrollLeft;( [! U* a4 U  f
         document.all("supertext").style.top = yPos + document.body.scrollTop;
0 L4 |5 ?: C7 j5 Q' V         }
" ?& ^) j- n9 g& m' v' _/ _      else if (document.layers) {4 l/ ~( R. P, j9 A
         document.layers["supertext"].left = xPos + pageXOffset;
5 G* _$ C1 u% {. Q/ x         document.layers["supertext"].top = yPos + pageYOffset;1 q5 `3 L3 u- u7 u! Q6 O
         }7 f0 Q6 R+ s9 \0 W$ q, @
      animatetext=setTimeout('moveBall()',20);6 U$ f8 w# u  F+ F0 L0 j
      }
  V; ^3 J8 B+ a2 ^   }) O; t7 a0 j! O1 k( G

: T; r8 ~( p+ ~! x' O# Ifunction calculatePosition() {) V- J$ t3 x& _8 C
   if (xDir == "right") {
" u6 A5 ~3 o  O2 u. _8 e      if (xPos > (xMax - contentWidth - BallSpeed)) {7 T/ F! P( R3 ^0 q* I9 Z
         xDir = "left";
' P2 g# o* L+ t& @         }
4 Y5 @5 g8 w0 f/ h3 v& ^1 f      }. w# |: g( t' N4 x. t  n# Y4 I
   else if (xDir == "left") {& e  z8 _' o8 d) {1 [6 m
      if (xPos < (0 + BallSpeed)) {( Y  \  v/ w* O( S
         xDir = "right";
2 m9 H3 Q2 C9 Z         }% a( y0 v* U/ e; `- N# u  N
      }
$ @6 I, |3 v) s$ ^   if (yDir == "down") {* p# n1 j, Z( o; g8 m; J6 t; N! J# L
      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 H# K) q3 }: L$ }* X( s- y         yDir = "up";$ c: V$ P$ p0 p( T& A) C
         }
3 X0 Y3 D( P  J& s+ M2 ^2 R1 m      }2 _8 z1 _6 V2 J* \2 e! Z+ d) C
   else if (yDir == "up") {- q* x6 D% I" l  Q
      if (yPos < (0 + BallSpeed)) {+ f; B+ W+ h  |' R& o7 g/ H
         yDir = "down";
5 h: Z! N$ `0 v  n1 C( j  Y         }3 l" i3 ~5 f# g1 C$ g# y. k/ z4 J
      }
* y  S+ V% D% C: D3 J8 ?4 e' O. ?& s   if (xDir == "right") {) I- c3 D) |2 |" g$ ]
      xPos = xPos + BallSpeed;/ c" z$ Y4 e5 [( M1 l, G
      }
7 N$ x0 T7 G6 d! Z% s0 d/ p: v   else if (xDir == "left") {3 o7 y7 g6 y. u( X6 e
      xPos = xPos - BallSpeed;
& Q8 V! G# `1 @8 c/ k1 j' o; ^. F) M      }* ]( e8 e3 H/ q4 [
   else {# @7 R7 Q6 C' D' Y& J7 U2 G
      xPos = xPos;: ^' V. y' R3 p8 [
      }$ ?& `6 M/ K# `/ {; `0 }7 A
   if (yDir == "down") {
. J* ~$ n% h4 O. n* n4 L5 v      yPos = yPos + BallSpeed;, D5 t9 F0 {4 l( ^2 l9 {8 p
      }
+ q8 z; A5 S" C2 Y+ M   else if (yDir == "up") {
- @1 N" n+ E1 j# `      yPos = yPos - BallSpeed;
) J5 N9 i& b" R  Q% X1 {- O      }
( O# K3 R$ t) I+ ]* J   else {
! m( m3 y8 `+ N. \4 p      yPos = yPos;1 R+ p9 `: b. x8 H0 z
      }$ s# B, i  y9 M( W' l
   }
1 |: I: q: ~$ Z1 _" M( V0 r1 R8 t2 O. x' ?
function hidetext(){
" O% H3 K& |9 [if (document.all)9 m3 _$ b1 O6 r6 `0 L0 K8 r
supertext.style.visibility="hidden"" }) f; T1 k6 S6 v) W6 Z  }0 P+ n0 {
else if (document.layers): W$ ?' Y/ U# P$ ]! j0 A! r# J9 D& v
document.supertext.visibility="hide"& c+ ^4 \% P8 f3 X
clearTimeout(animatetext)
1 i* |3 W, F& p- T}
9 W0 k3 N$ @: {" `4 ?8 e7 f6 {7 f% S) Q
if (document.all||document.layers){. q  u0 m/ f/ U9 S& d' E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" H+ t3 s1 q  i, s$ _
window.onload = initializeBall;; i4 v6 S! n7 ?" a
window.onresize = new Function("window.location.reload()");
" S7 C2 Q% x( w, i" C7 ]}; A( m4 |& y  `' \: A
& ~: J* g$ k, O& s. N
</script>