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

zw2004

<style type="text/css">7 _) y" ^/ M$ q/ q
#supertext {: r6 X$ x+ B3 x& K5 ?4 \, j
position:absolute;1 n/ q' ^- z2 l. {
left:0;4 N  g% Q5 U+ J% X2 K$ K: B
top:0;
7 i0 k9 i- c  E. r  l5 @; M6 I* Uvisibility:hide;
4 Y( Q7 ]% O# Uvisibility:hidden;
2 ?4 c: G: M7 E9 y! _- W+ P}
9 o" o( C% r3 _  N0 {  c</style>
2 m( S" P+ S6 g0 [. h0 e<script language="JavaScript1.2"># Z. x! r* W& W1 E, M: u1 z
<!-- 改变下的字体的大小。颜色-->
2 Y9 x" p0 {% ]3 l$ s" Bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" Y3 j  k6 F- I
var hidetimer='';
8 H0 L- L# Y# n3 z! Y/ z6 W9 v<!-- 改变下的弹跳速度-->: Y3 I- {/ V0 P9 _
var BallSpeed = 20;
$ W+ w8 K, v3 R; g7 m9 f4 Wvar contentWidth;
3 h" M0 r+ B5 ?# {/ t/ nvar contentHeight;' S7 n% d# w- o
var maxBallSpeed = 50;
' j1 @& B  n7 h# X* }
. ]) B- }+ R) r% S
$ z' q/ u6 `& K0 w2 `var xMax;  ^6 A# d  S9 q2 L' d4 L9 q, U
var yMax;3 O+ m8 i( ?8 b; Y  v
var xPos = 0;# @! o# q# a  P) c7 [# C0 X+ i. T- p0 z
var yPos = 0;, n  K, q/ J7 s5 V* A
var xDir = 'right';
% {3 p1 n$ A3 x  ]* _4 pvar yDir = 'down';
) k- \9 m- {, _4 p0 bvar superballRunning = true;# v8 Y9 X- r& Y4 q/ S$ R
var tempBallSpeed;
6 F& `  z; _: u& z3 z  ivar currentBallSrc;2 h# U0 I. \6 b$ @
var newXDir;
+ h& C8 K2 r$ Q: Y! h( }* r5 ?7 mvar newYDir;
7 n# m/ c8 k, A7 m% b! a; f+ y" u8 {9 M1 ~9 j* }
function initializeBall() {3 q/ J. z; E8 I
   if (document.all) {7 A; J1 m7 Y: m/ U: j
      xMax = document.body.clientWidth
9 d% y6 u! w- k  O+ W      yMax = document.body.clientHeight
" g& `& R3 n# j2 E( ~8 H7 {9 [. q# `      document.all("supertext").style.visibility = "visible";
# n1 U- Y& I/ S* X1 D( d4 N; X      contentWidth=supertext.offsetWidth
: @* G+ I6 ~6 O      contentHeight=supertext.offsetHeight& o: Z( E, Z0 F* a6 U) X
      }
# `6 T$ g4 w& x6 ^2 ^% ?8 `   else if (document.layers) {6 ?4 |' c5 j9 k7 m* R- ?
      xMax = window.innerWidth;/ C- z5 i- N; C9 N2 A, u9 T! n' O: m
      yMax = window.innerHeight;
+ T. }0 f- b9 N% z+ I0 D      contentWidth=document.supertext.document.width3 u; R  W9 C, u* ^
      contentHeight=document.supertext.document.height
  ^$ D/ I6 X1 [      document.layers["supertext"].visibility = "show";
4 \( c# c& }9 z; y; e! e; O      }
: V% g( f& t1 z3 U* @9 B) M( r( ^   setTimeout('moveBall()',400);
, _( t: ^# L5 \0 v   if (hidetimer!=''), m' A. ?" W# R
   setTimeout("hidetext()",hidetimer)
4 s# T3 A0 k& X* e  J4 S   }
; k, o  T7 v! W% F2 v
( X! B/ V' i# b" \- B9 T8 @6 V* sfunction moveBall() {
4 z4 q+ _) m$ K   if (superballRunning == true) {
* o1 N9 A9 D6 l6 T2 h      calculatePosition();/ h8 s2 Q' q  @4 r
      if (document.all) {! T5 |. \; r$ J: d7 W( z; [
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* T; G6 }) ~# Z7 y, x         document.all("supertext").style.top = yPos + document.body.scrollTop;! c% A1 N: ^7 M, ^
         }
  X% |. {" \% G# b* B% t5 Q, s0 O      else if (document.layers) {
% C% u& Y+ \9 E$ V: V         document.layers["supertext"].left = xPos + pageXOffset;
& i. Q- z) j7 y/ ^* M         document.layers["supertext"].top = yPos + pageYOffset;6 d8 g  L, ?  S6 I  q# b
         }. K; l# i5 h9 o7 p$ s1 a* X
      animatetext=setTimeout('moveBall()',20);2 r& p: K: z8 ^+ _- _* E; a
      }" T* Q! t( Y% \! n9 K5 F6 f7 R
   }
4 {2 o( I: ]# z# @* E3 @! O6 \
; q  g2 V7 a0 R0 i* `- ?  Bfunction calculatePosition() {9 r0 k' M! k: k, W& F3 i
   if (xDir == "right") {' `* S/ {' a! |! y$ C$ P
      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 b7 U- X* c7 J  i7 y         xDir = "left";0 l4 \7 z8 @% y' N* w1 u5 q
         }& f$ W  d( `* H% ]3 H4 ]
      }
9 `5 a) F/ x* S+ o; J( Y   else if (xDir == "left") {
/ j; n+ r5 A  S( E      if (xPos < (0 + BallSpeed)) {
4 A# E6 \! ]! z+ L7 d, A         xDir = "right";
9 k; j$ J$ v- }; M         }
; N. p0 ?% b- f: \      }
# `6 c/ {8 c( z$ c! N   if (yDir == "down") {
5 U% @: w' `4 W. h      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 ]4 v5 ~+ M3 o# l) x         yDir = "up";
$ H; T" f$ y" M' _7 t% k% W         }, K4 p4 m; O2 n* a
      }6 w6 S" E% {/ [0 g  h
   else if (yDir == "up") {
& E* Y  S- l9 d      if (yPos < (0 + BallSpeed)) {
2 C) e2 a, M% p3 P8 e         yDir = "down";- A" W# S% k8 s1 }; c" F
         }
5 M1 X! X% X" r% P8 O6 r/ c1 h      }
6 T! o+ t" C8 r& b8 h   if (xDir == "right") {
4 b- B  ]# c* X      xPos = xPos + BallSpeed;0 n( o$ t& g2 Y9 c
      }
6 B4 B9 d: q$ T- \  r   else if (xDir == "left") {  l' [  W, Q% |' J0 A8 F  s
      xPos = xPos - BallSpeed;+ y# F2 x4 n% d# w$ a) j$ ]! ~
      }" ?* a% \% s  G: G( a5 G: [; N
   else {  r- H4 B$ B/ Z- q7 b+ p( y/ l1 n
      xPos = xPos;
" e2 r. X" t7 l      }% X4 `# G1 R( Y3 Z
   if (yDir == "down") {
6 T& ?4 V- D# |      yPos = yPos + BallSpeed;
; T4 B$ t5 Y- f0 u4 c7 e      }
' K6 ]1 h# Z2 v' r+ U4 u   else if (yDir == "up") {$ Y4 \2 [( d0 \: W" t
      yPos = yPos - BallSpeed;! x+ M7 V% w& y- f$ V- m
      }0 N! ]9 }' c+ E: f
   else {
# v1 h) v) y' r, u# H1 `      yPos = yPos;6 {/ L3 U0 J6 I8 I9 p1 @2 S1 z
      }  b9 q+ L2 I5 c; v' b
   }6 {" R  W5 E! q' |4 ]5 s
+ v$ t! Q$ z* @( E6 h% K
function hidetext(){; Z# ]2 H* i9 t7 ]' Z0 G' t: Y
if (document.all)7 w2 m2 t% ^& I3 u7 f0 R
supertext.style.visibility="hidden"
' z. ~3 b+ D" z: a: v- jelse if (document.layers)
7 N5 ^( Q6 L& ?+ C3 |2 y& k/ Ldocument.supertext.visibility="hide"
3 \7 b8 B2 q( N1 P( K# h( [6 bclearTimeout(animatetext)- _. J) a$ f' H2 p
}. ~  k. s0 [" b3 o
' e; Y9 W' E. H: N+ Q+ ]- D
if (document.all||document.layers){
' e* }& w. p3 z- Y) O# C, t; u% ^document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  c% i' o& Q5 Wwindow.onload = initializeBall;7 F8 \/ B/ Y% {
window.onresize = new Function("window.location.reload()");
  q1 a+ h# p" c/ }}; f% ^3 v8 r% y4 E, @7 L& S- h7 T
: @1 T/ `. l4 z5 [% P7 }! W
</script>