捌玖网络工作室 » 网页编程 » 网页之不断弹射的文字-特效

zw2004 发表于 2008-1-21 20:55

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

<style type="text/css">
*cKX!r7H#?kR #supertext {
tF2IToj position:absolute;JM-t7CdLB;p
left:0;
W f DEf6r+_,] top:0;yR@B"l Iu
visibility:hide;&c,VLH$f
visibility:hidden;k^ ^Mc.];A7i$]B
}

o Bf
cHO </style>J A.MxD }i,U!i/SO
<script language="JavaScript1.2">
K(z'd[!E*J.C#_"q5A6?\ <!-- 改变下的字体的大小。颜色-->@T n(WW O*lZt
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
K2t ^Q3sx*m3j var hidetimer=''; Ul?/u*]2G4l)[O0e
<!-- 改变下的弹跳速度-->,g1Q(? |"f
var BallSpeed = 20;1dW(hF0A!]dTr
var contentWidth;
tH_,[Ykb5u_z.] var contentHeight;
UA+H*vc0X
G var maxBallSpeed = 50; Y qR&~n#QsE
Qd.ix%if8Ip,E-P

W1h2m5?4i0I!v var xMax;
DvbI6E ?w var yMax;
r!_'b(I|NvA*H var xPos = 0;5_R7WxV)Cs
var yPos = 0;ao&@|7i
var xDir = 'right';
/Vcw#TO QeK1T var yDir = 'down'; M"l#dG6Bry/Q
var superballRunning = true;I%VQe-{tM/[
var tempBallSpeed;
,K?~0{"r;[ud-U5y6t3F var currentBallSrc;XD FH/@8l
var newXDir;
:~:v\be:G var newYDir;
2XzK!?;G%s
^t(cs)q3\8O6r function initializeBall() {
w2g1L4wS"^kQ    if (document.all) {
(B'L7bqNl\:nw       xMax = document.body.clientWidth
} `^kW
DZD       yMax = document.body.clientHeight)}.g[(I2Ma%W*p
      document.all("supertext").style.visibility = "visible"; T!R7v1{3pN1tAk(r]
      contentWidth=supertext.offsetWidth5|c^V5v-}:n
      contentHeight=supertext.offsetHeight
*m.?VjDm9I|       }!Y%O)?oJ-Bmy.d
   else if (document.layers) {L#{?2I#Zb?:a
      xMax = window.innerWidth;"mp+GD
rZ-z9cK#T%d w,o
      yMax = window.innerHeight;
*u@8n7Cj*v {       contentWidth=document.supertext.document.width"j9AGlU"Ot |F1o
      contentHeight=document.supertext.document.height*hB"X)cg2VG
      document.layers["supertext"].visibility = "show";
N5CTmj/w       }8a)u0rJ3dga
   setTimeout('moveBall()',400);E8xE:uJ3I'~
   if (hidetimer!='')/?5X`W9xg P;qP6Zq
   setTimeout("hidetext()",hidetimer))\sf-i0`$A
   }7L
u drY4mhe2Q

RX)h7M BJ:K!oq0e7S function moveBall() {
u bK2`8AS](y.Q    if (superballRunning == true) {
5]q|(f&Z       calculatePosition();.gbq*zn&W7`
      if (document.all) {B4G&?n?E `'?qP
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
C.?)p7_'x+X          document.all("supertext").style.top = yPos + document.body.scrollTop;6X2O+{%m,H%VolkJ"b
         }-YD[5X j"v
      else if (document.layers) {*RKX tcj5F|6c:e
         document.layers["supertext"].left = xPos + pageXOffset;T/~&y-Ww,\H
         document.layers["supertext"].top = yPos + pageYOffset;$^*i
S$ZX
H
         }
kX(bF4oP0i:x       animatetext=setTimeout('moveBall()',20);
9Da0KZ_| y5Px
p i       }
-HV*UFq&qk.N;lp    }
s(p l|gu ^i*l$] G%L%~ W;ot ^
function calculatePosition() {&F9S8oC6v |/p _
   if (xDir == "right") {
5F lR^E6Ry       if (xPos > (xMax - contentWidth - BallSpeed)) {
%G,]'X@J-t4xA          xDir = "left";
5k'r&}+_.w[qz
n(Nq*_          };Q_+^9b
wzF
      }
$D(c
m7_Z$uI    else if (xDir == "left") {
i?)Q*Z^/S F)Po b?       if (xPos < (0 + BallSpeed)) {
y;_8?IF!f          xDir = "right";
;g3}0Ef jr
P g@U          }
S,Z5w^mk QhD       }+X-QjtI&R'N;kp X
   if (yDir == "down") {
o#C/Io0e0Fi{$B.b       if (yPos > (yMax - contentHeight - BallSpeed)) {P}
[]Oj4J
         yDir = "up";4p
q G4c1@
         }?+P7P }"[r5K:p n
      }5f}!fCC9^Ck0z3T
   else if (yDir == "up") {
'T
@ c7w-I8ngr       if (yPos < (0 + BallSpeed)) {
#zBN1GvD R@Tx          yDir = "down";/M`h_ w
         }+HSezB
      }
u:QpP
qq2_A    if (xDir == "right") {t#r6UfP
      xPos = xPos + BallSpeed;B.c4uN/{6K!k%`&j]
      }8j"r(wF4iB8V;z
   else if (xDir == "left") {'bjHv,AqfO
      xPos = xPos - BallSpeed;yC4~9dr$`Y s
      }#jZ)Z0h7HU
   else {E6AD#ytu
      xPos = xPos;
U'x/V4K-k.pn       }(L u2^'TIj,m
   if (yDir == "down") {
`w$^VC%\h       yPos = yPos + BallSpeed;s B+rMt0th
      }
&Q'HRFGE:O8Cv    else if (yDir == "up") {
M aOHw:dF       yPos = yPos - BallSpeed;q3X+At)g9\8RV:u#E
      }.Q:M7w;|DI?
   else {@HhT3\
      yPos = yPos;4k,J6~,W!@k%c JgO
      }
NTyd0\:PD.v    }A|x-])yG*i

7N?)[1X `-n,HG"nyY,} v function hidetext(){
w*]:Ckl1T7yq if (document.all)}%I5J H+M"y#U(|
supertext.style.visibility="hidden"\x {/b2^kp~
else if (document.layers)GEh1AW8Xr
document.supertext.visibility="hide"
-u,M
eW(UbP clearTimeout(animatetext)
!^:B:q7}A\ _V }
3jl
u"h7l;fO p6z h!Dy ? e9f)I
if (document.all||document.layers){ {3vgS4h.`{2}cK
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')%o,L]^Q+G*q3D0y
window.onload = initializeBall;
EAzb-[(V
L window.onresize = new Function("window.location.reload()");
@I;d:];m } U,Hr,?!dcD

&E)O:hM X'K </script>

查看完整版本: 网页之不断弹射的文字-特效