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

zw2004

<style type="text/css">
1 z" d9 k( R4 U#supertext {, L- l1 d/ P2 h
position:absolute;. ]2 w/ q2 P/ l8 ^  h& Q5 |5 o
left:0;0 r( L6 E2 X1 p& `: g7 |6 q
top:0;
. V& n. P7 I: S1 }visibility:hide;3 @5 c( X9 s* ~+ S' p0 Q
visibility:hidden;
: M) G# y- _9 K# \- i1 ]}
9 J. o- \' w. ^$ U</style>
! c' D# x0 @( I! h4 U# `2 F# S<script language="JavaScript1.2">
2 J3 H7 q  @- v: n8 P/ Y<!-- 改变下的字体的大小。颜色-->* I5 l& B* d/ x: R) m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ K$ O; Q: A& h
var hidetimer='';
6 {* W/ H" k$ y2 q' `<!-- 改变下的弹跳速度-->0 i% K1 c1 p" Q5 K
var BallSpeed = 20;. L" @: s2 f2 b: f
var contentWidth;
: Q' N1 I7 K1 qvar contentHeight;6 O5 o7 |0 j5 P& P9 x! Q: [
var maxBallSpeed = 50;0 g5 W& D9 u2 @) _3 E2 Y6 I/ t+ ~

! }* b2 M8 n# q4 z8 W
7 }3 |$ ^- Y+ Q6 f2 [5 [var xMax;2 y5 O% m  l# V/ S) z2 U" X3 Z
var yMax;
* L- }) c4 k+ Nvar xPos = 0;
" v* [2 d/ e* H; t$ mvar yPos = 0;
- M# |: P6 }3 M+ zvar xDir = 'right';
* D0 R' ^% B8 evar yDir = 'down';: p6 [( c# d6 U4 [+ W
var superballRunning = true;
" h; Q- U! T2 }: X( a$ |7 evar tempBallSpeed;' i( m( s6 W+ v2 C% Q6 k$ D' F
var currentBallSrc;
8 x  V5 i( W; R0 \! f7 U9 |var newXDir;; c0 R& e8 W  m
var newYDir;) x8 X0 w3 ?  q; D* s" O8 p
2 l  [2 n2 Q2 }% t% F0 n
function initializeBall() {. n, z) N) u5 O% G$ H5 q; [% U7 t
   if (document.all) {; L  n3 m# m" F, @
      xMax = document.body.clientWidth
1 r) p$ Q( z3 t6 ]5 P      yMax = document.body.clientHeight
, I0 @1 u* t) Z9 w      document.all("supertext").style.visibility = "visible";
2 f8 {! b$ i9 f6 D$ G; s& [; g      contentWidth=supertext.offsetWidth
! ~' A0 A" b# G, x# p      contentHeight=supertext.offsetHeight- `6 |' n1 [# F% P* h, ?
      }  B0 x( N/ X( i  V) @9 i4 i( c0 ~
   else if (document.layers) {1 e$ t% ~( F7 m) V+ `1 U' w
      xMax = window.innerWidth;
+ U- ^9 \- ]) B0 @      yMax = window.innerHeight;
/ H  ^3 m: g) M' N, P7 s2 f      contentWidth=document.supertext.document.width2 ?; [+ P, T9 ^3 Y
      contentHeight=document.supertext.document.height
' Y/ F4 b* v  d1 q5 m7 D      document.layers["supertext"].visibility = "show";
% Z8 @$ _0 Y4 o6 Q- W) z1 G      }3 y7 o$ [; O; j8 D
   setTimeout('moveBall()',400);2 m  h/ `6 g8 B
   if (hidetimer!='')
3 ?( Q5 q3 X9 z- A# S+ \2 O   setTimeout("hidetext()",hidetimer)
- k) p2 c) u/ m   }! f& K( k( M6 N7 O( ~0 x7 _: S1 A

; m1 d7 d: J4 K0 H1 l. N! v* G) Q, }function moveBall() {
2 V) t8 S' @$ a* G" J& K7 p5 v   if (superballRunning == true) {
2 O- s( E4 x( @/ I' D# W2 {. Y$ T      calculatePosition();5 p- h4 i* k7 m
      if (document.all) {
6 z2 G9 L7 @; x3 Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, ^$ ~. K- t3 T# V* |, C         document.all("supertext").style.top = yPos + document.body.scrollTop;8 {) b0 k& C0 M  Q; L
         }) }% D9 j% ]1 g5 Q
      else if (document.layers) {
6 q- {* z  r5 B9 y4 t7 N# K' N, q         document.layers["supertext"].left = xPos + pageXOffset;
% S4 O( P) D' N; _6 L2 g         document.layers["supertext"].top = yPos + pageYOffset;
+ D; n  I6 F3 |. ]' _         }
  O% U% D3 ]! W$ C+ C* b* O      animatetext=setTimeout('moveBall()',20);7 M! ?: v) C4 s
      }
# s# Q; e8 Y7 K& h' V   }, }+ i3 d$ L+ i4 G9 @$ B' L

1 D9 e! n! v: C4 k8 n+ K0 [function calculatePosition() {" a" Y9 N& @4 P- R6 m" x5 U, i- o' g
   if (xDir == "right") {
( w5 B- O2 C) E! P! y5 [      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 B1 V! t! r2 @& r: q. V; R         xDir = "left";
2 T' T9 J3 h: o3 M, [/ P         }
0 J$ L6 @* _9 j$ X$ z      }
# _0 @& E2 r  t5 A6 f   else if (xDir == "left") {
" r. o; K. [$ Y$ f$ @/ f8 y" O      if (xPos < (0 + BallSpeed)) {2 P- O+ L5 Y- w# V
         xDir = "right";. f& ]1 U+ t; k/ v* m8 B
         }$ v) u- B- \! U2 \& _' z* d
      }
1 C5 ^3 t- t& {- a4 k* }; `   if (yDir == "down") {
3 N3 Z: X! w8 Q/ l& Q      if (yPos > (yMax - contentHeight - BallSpeed)) {7 {" G/ @3 [5 h- i. S5 R
         yDir = "up";" S- H6 j2 Z7 ^/ N, {  z
         }1 Z) {' n# `+ W+ m8 q
      }4 {7 R% I7 S) w- ^& `" m
   else if (yDir == "up") {
; P$ a5 q+ }0 i& }4 x6 f      if (yPos < (0 + BallSpeed)) {& _3 z0 P" F+ C5 M( q. N: ]
         yDir = "down";0 q8 b* b6 [0 r& w$ x( B2 D
         }1 n/ j* W. z2 v2 i9 I  _
      }* r4 P3 a. p* z0 s2 X
   if (xDir == "right") {4 V/ @6 u0 U! p( M" D1 ^. I3 O: l2 c
      xPos = xPos + BallSpeed;
) Q! P7 \2 v+ O9 r3 p5 B      }2 F7 ?, `6 G1 X3 ?/ b: N0 g
   else if (xDir == "left") {" S) G' A) y6 I
      xPos = xPos - BallSpeed;
: y* j( Q& M7 D$ Y7 w# L- W2 |      }
+ J9 q$ j3 N& b+ t* l   else {
# Z5 l5 z/ n* C. a      xPos = xPos;
# v# k: ~$ \) A+ J; U      }
$ B$ c% F8 b& W. j9 w( P% M# A- P5 D   if (yDir == "down") {7 e/ e/ ~  Z, q
      yPos = yPos + BallSpeed;
1 q- C  d" S: p      }$ e" Y6 k2 p- s: S) f! P$ N
   else if (yDir == "up") {1 S5 [/ E# X: m7 k- F
      yPos = yPos - BallSpeed;
9 k3 G* T% I* Z! d% B      }
5 P6 @6 L4 k0 t8 w: k   else {
+ x- _( _& o/ E* W      yPos = yPos;
3 L9 ~  M/ S. A4 M2 x      }
' ?! X: S) _" _# V5 U   }" ]+ H: B) o; W1 E+ l- N! D' s
9 u8 T5 ]3 A5 i1 e# G
function hidetext(){- Z7 z) |' o( ?
if (document.all)
- X- M) C: I0 Q% y, fsupertext.style.visibility="hidden"$ v1 X# C, U. n0 U3 {1 ^4 o3 j1 T
else if (document.layers)' ^1 Y! |: h: X9 E1 Q% f
document.supertext.visibility="hide"
# k4 y3 d2 |1 v7 r' y' b$ oclearTimeout(animatetext)5 m" S8 y6 x7 a$ @6 e' j1 `, [
}4 h0 N/ Z$ U6 H
! q# s3 M) P6 D" b+ Q
if (document.all||document.layers){7 ?2 U/ g7 R) [$ ~( K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ M7 B, }2 V" V! i2 P5 n! I
window.onload = initializeBall;
( x  W: f7 P8 J6 H& e) ^window.onresize = new Function("window.location.reload()");) |& R& F+ q" U$ a
}- r) W; y: a) d; }( ~- r1 ?
; z6 N7 e0 b* ~" n
</script>