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

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

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

<style type="text/css">
,Jl%q"wM #supertext {
4B"e2o;ns{0]*S position:absolute;yn-Ve5u6M
left:0; HECY%W+j,O-M
top:0;
BDX
~;Z4nJxg visibility:hide;
Mqd&eFH4E3~vQ visibility:hidden;
]R] t6P/@
}.{_ T+]!]:Q6T
</style>
/[:G:O)rc u%C <script language="JavaScript1.2">
^;I"t_.S <!-- 改变下的字体的大小。颜色-->
/CiE+LL \Q!Q var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
#{ e/WhA1\'kv%K aX var hidetimer=''; |7y xW"ly5d
<!-- 改变下的弹跳速度-->
1\'^kMiQ var BallSpeed = 20;
h'D$uGp var contentWidth;ap%t6[ks/P
var contentHeight;l8[WD!v8V(k9DT
var maxBallSpeed = 50;
Pv/?lyj ^3S 3w;fd1?
]_(Q,S3W0b
$j/RbK-^ao
var xMax;k/KOGE%J}:?#F
var yMax;
#a0NHn!CsL-c var xPos = 0;
9m8E:h Y0K;uv%D@ var yPos = 0;GV ['HN:h:[
var xDir = 'right';n$w)D]#}k
var yDir = 'down';#pqrlkS-^
var superballRunning = true;hd_ y(PdR @Y
var tempBallSpeed;
C*w.`aqL,d+[ var currentBallSrc;/?XV7\pWn
var newXDir;
2wz U8q2I7q/c var newYDir;
/|/Nrz
jY%s0i5P 1G9OCt.i5Ao
function initializeBall() {
&z2XxgC#J&k'N/h
hE    if (document.all) {
;{(Bt
^$t'@1uv$Q       xMax = document.body.clientWidth
z^f7E-F       yMax = document.body.clientHeight
zL`Z5Nb#T       document.all("supertext").style.visibility = "visible";Cz5^oY~R y
iE;|
      contentWidth=supertext.offsetWidth7Dy4cf*I|gfq
      contentHeight=supertext.offsetHeight-D/`9T'g;rZ/kx;\
      }8weO.JL8A)C1f
   else if (document.layers) {
;Y.z1mJA       xMax = window.innerWidth;
}Hob?6q9u:j+I
      yMax = window.innerHeight;
3|K3k:D.pa E       contentWidth=document.supertext.document.width
UeC1Vt|*n;u       contentHeight=document.supertext.document.height2a"YGP(}E
{
      document.layers["supertext"].visibility = "show";
B3i0e$y%T,J^ ^9N1E       }
,\.}v#Ej
L    setTimeout('moveBall()',400);
-x0u3j
V!Df    if (hidetimer!='')
w/[+Kd|$j[    setTimeout("hidetext()",hidetimer)c7j1f_+X B
   }
_4i |2r.[x
*fhp0i"g \O function moveBall() {
[[:Sky m    if (superballRunning == true) {UY-y*mH%w:o+Q.z oR
      calculatePosition();u,S H
f;k)^
      if (document.all) {
Mx0Nqwx8AV          document.all("supertext").style.left = xPos + document.body.scrollLeft;
t0Zn)yq7AN          document.all("supertext").style.top = yPos + document.body.scrollTop;
A}uO'm          } e'Gua#i {2f b4E
      else if (document.layers) {
'y.kUc}b          document.layers["supertext"].left = xPos + pageXOffset;
c}5pcA          document.layers["supertext"].top = yPos + pageYOffset;1bx!w)Hk)W*R
         })TS4hp Yq:Z
      animatetext=setTimeout('moveBall()',20);IN.[}0p P
      }LP[bL
   }
~M0o+^,B8\$k E (qdD$I7J!].xS(do
function calculatePosition() {1uJEf9_ dj
   if (xDir == "right") {
8\+KoB0pAJ[       if (xPos > (xMax - contentWidth - BallSpeed)) {
I.de8b J@ QM          xDir = "left";9nq'dQGV5j7m
         }
*\$H8AYOo)^       }
R4m&Xe]5x    else if (xDir == "left") {
~h;L:Ly+U.Y/J'v:]       if (xPos < (0 + BallSpeed)) {n(VdxZo$S~
         xDir = "right";g7K.^+Xm2K
         }
5F-v2rVQ,g       }
z2`&F5u#MQ-@    if (yDir == "down") {
u5Y#uG9P-Yc!U&~_       if (yPos > (yMax - contentHeight - BallSpeed)) {Hpg7qvB
         yDir = "up";(j5rF-T v7Z5G
         }
?o"OWb       }
F(Mej
zT&t    else if (yDir == "up") { ^%l/S`I+S7x
      if (yPos < (0 + BallSpeed)) {
}oev$q5~:H@-m
         yDir = "down";
7l0C2v3i%ZmNR'|          }-dj;A@Apu
      }YVZ6EZ]S
   if (xDir == "right") {F*HtxX)G,o
      xPos = xPos + BallSpeed;6R;c%E8d*jY
      }&^,[HhUNl,L\
   else if (xDir == "left") {
_"nTq%fN       xPos = xPos - BallSpeed;'Y7mx@2w-wT2Pty3^
      }!I ~jF8e-T
   else {.q$jw&UBI-?.W
      xPos = xPos;
0QtlQ)uJ$D       }'bSO]4Pb
   if (yDir == "down") {
0~n7]!|.w/e:]'_       yPos = yPos + BallSpeed;3Asd;deiS
      }
&}'Ri:rm5p    else if (yDir == "up") {
6@#Jh1C:jyqa^       yPos = yPos - BallSpeed;z,Zi5KcDed/jc%x
      }-cy[|M-p:B
   else {
eZlG7AL\Zf       yPos = yPos;
:l0I6?
NX&[f] v/h$g       }
]K;e"V&V.Hv9YMa;X1}    }PKptpM2d)d
{
G)a"ck"e%V$DsG(Z&i
function hidetext(){D/G!{7S.{9b
if (document.all)*f]l0k
{
supertext.style.visibility="hidden"6P!p4@y X0k.a(Sl
else if (document.layers)#C;A%VZoA;R3Zs(t
document.supertext.visibility="hide"
4h4x"w+`%R7p fM clearTimeout(animatetext)
D3xhWDY }} }5d g;[0o;@e%e%m

"VM YwH)u!F4v pW if (document.all||document.layers){
F1})b.I9_aM-i;T document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') x6o4y.^bV m\
window.onload = initializeBall;+g~sVc/s
window.onresize = new Function("window.location.reload()");s(n5Dx'ijaoN
}lzXr'y4ZJ-k
$XG#J,i(l]%O {c
</script>

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