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

zw2004

<style type="text/css">6 e+ @, [( }, d3 N2 g- F
#supertext {
% ?7 P2 \  S2 M' R* M- Z+ wposition:absolute;
4 F0 m% E8 j2 `9 r4 N+ Mleft:0;
9 J, E- D6 b$ c1 g3 q& P1 Ctop:0;9 m$ ]! i. B; z) f" n, n! r% B
visibility:hide;
$ I0 @0 t6 X8 ?7 O5 mvisibility:hidden;) q( }2 T. h$ [6 Y( k- a2 X6 U4 B  o
}  [0 c9 T$ a$ f  Q5 H
</style>
! r  X& r  j! ^" ~# l. p2 U<script language="JavaScript1.2">
' `) _* N' \/ P7 @" p) Z; [* m$ V1 Y<!-- 改变下的字体的大小。颜色-->; Z$ I5 p6 Z& Y# t  I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 N( O- A' K" h0 m# T' j
var hidetimer='';
, @! C% v' y- T9 K<!-- 改变下的弹跳速度-->
& S, T. u$ |8 ^) ?6 W/ U1 ^) X4 uvar BallSpeed = 20;
1 J: i$ A. o! `# d7 ~! @& ]+ ]9 |var contentWidth;8 n+ h, s" N4 Z& ?  A, o5 N
var contentHeight;; Q1 q$ V! O. a
var maxBallSpeed = 50;
7 _2 M+ c$ e/ B; U. n  @
# C& F2 B. {; j3 J: K
6 d7 f5 g2 x1 t$ ~6 Yvar xMax;) C" e3 u7 D& u" M9 ?
var yMax;
1 a. ]2 n6 ?- J) I& S4 Fvar xPos = 0;" c( m; ?9 A# n4 Y3 W& J! ~
var yPos = 0;
, t! }2 f0 h+ o+ G4 [6 h2 @var xDir = 'right';
1 ~/ c* `! K2 K7 Y7 tvar yDir = 'down';6 ?  X5 S) i/ Y6 T9 [8 i
var superballRunning = true;% E* I" z" R, ~, O; ?) w0 v. j% x4 p
var tempBallSpeed;3 R9 C/ d; H1 }% S5 T, P
var currentBallSrc;) U8 n- m2 S2 P6 Y2 q
var newXDir;
1 Q1 H& L! e& J/ ~var newYDir;  {1 a$ w- U& n4 X  c5 E. s; e. z" {! B
0 ]0 c  M9 G* v9 x# C* z
function initializeBall() {5 x2 q# j! h. ^! h
   if (document.all) {0 u4 X( Z+ I8 Z* m! t
      xMax = document.body.clientWidth
; m5 [& r1 p7 l3 x- p5 e      yMax = document.body.clientHeight
% H1 ?6 f' K" }3 M0 C      document.all("supertext").style.visibility = "visible";+ P4 v4 W9 |, g0 Z
      contentWidth=supertext.offsetWidth
3 G0 m* H' n% e' V      contentHeight=supertext.offsetHeight4 L0 t: ]5 E9 B4 u5 g0 o
      }& Y" C) r0 R0 u2 J4 l0 }
   else if (document.layers) {) F" Y6 n1 d0 S9 ^0 r/ K
      xMax = window.innerWidth;0 `0 K; F' z' p2 _3 Q. |/ Q0 y' {! [
      yMax = window.innerHeight;
! X7 B1 w4 P5 u! i) \      contentWidth=document.supertext.document.width) G5 c7 r+ V3 M! T
      contentHeight=document.supertext.document.height
& y1 i. M/ x" l# J3 G" T$ d: b      document.layers["supertext"].visibility = "show";* v9 }( q* v: |3 q# G' A4 _; n
      }2 }8 p; ?; p  X
   setTimeout('moveBall()',400);
7 N7 m: }& c: }  B   if (hidetimer!='')
6 {! b2 |1 y5 K   setTimeout("hidetext()",hidetimer)
7 @2 r, n. B) e" C   }! m* h* G( G. X& @( ?& Q# m  o
( ]# M2 a  {& W2 _# V/ G) ~& J4 D0 y
function moveBall() {
+ A0 E1 b) `6 P& b& B   if (superballRunning == true) {
/ p- j5 ]' Q4 Z9 X& k      calculatePosition();
1 P6 x6 M! a9 h  x. u3 e/ u4 K/ _      if (document.all) {
0 a8 T3 z/ V$ p         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 _1 T. \5 q  q; y# ^" ~, Y         document.all("supertext").style.top = yPos + document.body.scrollTop;0 V4 Z) Y- N+ [
         }7 ~6 n+ o9 J5 `  {+ B
      else if (document.layers) {
# C% e) k8 P9 g, H( t8 w/ [9 [  j% f         document.layers["supertext"].left = xPos + pageXOffset;
, ~- Y; L( \* g% o& B' R         document.layers["supertext"].top = yPos + pageYOffset;
) _2 t/ R' G) s         }
& U( j! \9 s' a7 t% `+ v  y6 }      animatetext=setTimeout('moveBall()',20);: I# l' e, p8 _; ?* W
      }- X4 Y  M/ D+ I- Z( ^
   }
5 T. Z5 Z8 J5 O" i2 j6 f, `' F& S+ `: [& g: n( T
function calculatePosition() {/ R; Y& \% j  q. [& @
   if (xDir == "right") {
2 v+ b! v; R$ c8 H$ y      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ E4 p( T2 C% c6 K1 }* L0 a. h         xDir = "left";
' u) ?# f# @( o5 q  k# B! n5 c         }% g' E! H# X5 G
      }" A! y, o3 N) E- i
   else if (xDir == "left") {; [% D* h4 |- J- [6 q
      if (xPos < (0 + BallSpeed)) {  n9 @7 U2 [/ H# \
         xDir = "right";
# ^* u7 K. m2 s+ k9 r         }
( g9 b$ U# K3 \+ ~      }
8 y5 `, u: ~9 U, E0 Q. t5 l$ B' @   if (yDir == "down") {
& x! @" m2 M& ?' I: x      if (yPos > (yMax - contentHeight - BallSpeed)) {
) \$ _& T6 Q6 F5 b' x5 z. ^4 Z         yDir = "up";
, z* e6 m/ n6 f2 W         }  f( m! X' W& A8 w' U1 e4 Y
      }! {' {5 ]: f4 p  G( a
   else if (yDir == "up") {
8 Z- D% K, V6 [1 d0 N      if (yPos < (0 + BallSpeed)) {. h  n1 [0 a% u9 g! _+ {, N9 _
         yDir = "down";
4 [! R  h9 m2 R$ Z5 P         }! Y. z" \( O0 B- x
      }+ R+ }$ L3 z; x3 E; }8 L
   if (xDir == "right") {7 T! w+ v' D# f
      xPos = xPos + BallSpeed;
6 s5 R# [7 d) K/ B" U9 Q      }
% m4 f2 ~, }# m& h   else if (xDir == "left") {# R5 ^# o$ e) Z
      xPos = xPos - BallSpeed;
5 @/ o* G8 m% P% I* t# I      }& r/ M* C8 {* h6 z! t
   else {* n2 \6 @$ N# M! u5 X
      xPos = xPos;
8 a, f; ?: B9 r7 U      }2 m8 L0 }: m& G1 O
   if (yDir == "down") {
' L" T1 F3 o" `6 e, o3 J8 X, a      yPos = yPos + BallSpeed;
, ~; y( s2 n1 x5 Y6 B8 `* e      }
* x* e+ Y% Q  T" ]; Z   else if (yDir == "up") {
  d' q2 |$ j. l4 q% u6 f6 l      yPos = yPos - BallSpeed;  w! T. H) U7 i6 P, w* ]0 ^# f
      }8 l: b. M+ D2 z
   else {
6 i0 y7 B) K# B$ `3 j      yPos = yPos;
0 ?6 S- K- a  B: ^! R; G1 Z      }
" s9 ^5 A( K# {8 ?   }( i6 Y. r$ ^; o# E  ]' q: A

2 {8 `( E9 c4 f* F( A, s4 jfunction hidetext(){* K/ h! D4 [; P0 |" L
if (document.all)
; W# {) g: z8 M) `* Q1 esupertext.style.visibility="hidden"
  I+ c4 @3 @. N1 v! [$ z5 q9 Selse if (document.layers)
& {1 N0 A* ~- b* C6 Ndocument.supertext.visibility="hide") Y* O" Y0 j0 q+ e
clearTimeout(animatetext)$ x2 G' {7 H6 F
}
- Y$ p2 F8 i0 }
& {3 K4 I2 O6 a0 u. l5 F) a1 {( P# rif (document.all||document.layers){: M( m+ E; G* v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( b/ U) ^: a2 l% u5 k/ Jwindow.onload = initializeBall;( o7 @+ V; v0 n# |2 u( p# C4 n0 z
window.onresize = new Function("window.location.reload()");5 u& M+ b7 D: _- _! C) _' E0 n
}
; P0 ?$ h: v5 k! R! D9 v
9 O, P, z1 C: p, S3 V9 P: {</script>