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

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

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

<style type="text/css">
uW&`LW?Q #supertext {0O~p*_6t%F2y%[Y
position:absolute;E f1t\_
left:0;
O~KJ$A top:0;
7ta~tc ~3C visibility:hide;
2m!c4Lo5U-U1za visibility:hidden;
9L,m3n:|4b9t'e }Tzp }s9J xu2{
</style>a"|5xt%R:\W'^$@f
<script language="JavaScript1.2">
E\;P*@+?i3T <!-- 改变下的字体的大小。颜色-->A9?4q1Z"Bs P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'N+j_0QZ
var hidetimer='';;E wq ?R4dbu
<!-- 改变下的弹跳速度-->"ka3p0KtH
var BallSpeed = 20;
7UK:Kzm6oc&Y var contentWidth;
:b)q+yHKo var contentHeight;(|k5u pP+t%yN
var maxBallSpeed = 50;
J*kSo
s"P y 9s
JdAS[hI-D)s
z-ey2?*Nt2|)Y,YA
var xMax;Rg.xX MU1`1o
var yMax;
.HA9J`E@/x var xPos = 0;
"UY8PJ0W&Tp var yPos = 0;FLTJ3kx.H Rf
var xDir = 'right';
(p)N7O1]\U&X+z var yDir = 'down';s1i;kN^C*c
var superballRunning = true;
A)BdD4@2f var tempBallSpeed;&`x iQ0ly
var currentBallSrc;
%qH4k"GLD[T var newXDir;
?n7oDgu$a'm%D var newYDir;I,m
][5`/~vW

)mBJx5s-Lx function initializeBall() {"z1bcR't
   if (document.all) {9f![lV d#@wC(KB
      xMax = document.body.clientWidth
k}m,G._q A7k5F)sC       yMax = document.body.clientHeight
pQ NUTJC{7@       document.all("supertext").style.visibility = "visible";+[&M*v-EV*C8m
      contentWidth=supertext.offsetWidth{hD7];a(mh`J
      contentHeight=supertext.offsetHeight5I g[?-cq&E,g!D
      }
!Q'Xg
J%~4b*Q s[o    else if (document.layers) {oS*L Tdv!hm
      xMax = window.innerWidth;*z;W.fR;p"^
      yMax = window.innerHeight;(l@[\.n
      contentWidth=document.supertext.document.width
+G4S9u2FJ5EB$P       contentHeight=document.supertext.document.height
HnmD r#{       document.layers["supertext"].visibility = "show";
Z*] ^FnY4dnb       }x Q(y:~RXU.|
   setTimeout('moveBall()',400);
Q8zp@$h9Njd8z    if (hidetimer!='')
}9@+MZ1Jo;A |4RY    setTimeout("hidetext()",hidetimer))}$t)cnt?,y2G
   }
*nc.p\LgA,t
L*de,RAU function moveBall() {
+{'kDwFa    if (superballRunning == true) {
pZB]N INwXM       calculatePosition();
5d*\j,D/|Q@       if (document.all) { w1W6VX A't P
         document.all("supertext").style.left = xPos + document.body.scrollLeft;o5Z)Qt;pxIs$n
         document.all("supertext").style.top = yPos + document.body.scrollTop;
.GT(|6p4oZqu          }
9S:l(^ Y"?       else if (document.layers) {
X+a/~3V+f0J*JZ          document.layers["supertext"].left = xPos + pageXOffset;E2yq,{I:y? UZ6b:B
         document.layers["supertext"].top = yPos + pageYOffset;
7rB|&q a Eq9LO Z'q          }
So7u-N7[T7O       animatetext=setTimeout('moveBall()',20);
U*P.x/j[ I#Lw       }
{W/U`${    }c!y!w.n@zs@
m:H9v&R"P%Y&C9q$Cb
S
function calculatePosition() {0bK:J(b#B:y(N(|mZ
   if (xDir == "right") {:S1Jl,FW,\6uw
      if (xPos > (xMax - contentWidth - BallSpeed)) {
[Y+GCUg5f(V#R$Lr          xDir = "left";IBs-C5d
         }%p7w%b5`IBHcx
      })|f3afiq$[
   else if (xDir == "left") {
#`K2b0I)A I7B       if (xPos < (0 + BallSpeed)) {
T|4m+L)wK7T]
         xDir = "right";
IS/le)Z!bp4b          }:hN*{d;H?iK
      }aNPQQ^0zx
   if (yDir == "down") {
k
|G#RT
      if (yPos > (yMax - contentHeight - BallSpeed)) {
5CQ5n8nnyKA/L+j\          yDir = "up";nf#z6l2m
         }
;Y"xL*MB]       }S'jB|0|}
   else if (yDir == "up") {
6r D Vj&AZ0b3kT
o)Z       if (yPos < (0 + BallSpeed)) {ZCYFJA,^
         yDir = "down";]T!|bg5`.BM*j
         }
_|!`
r%[CBR       } w2TlCg \
   if (xDir == "right") {
-r@v4_6i,mj       xPos = xPos + BallSpeed;!l8qTO |Jw
c!vh"t
      }
sU(?Nh(S/GF?PF    else if (xDir == "left") {"^g%P%wI!g
      xPos = xPos - BallSpeed;
#Nmb;c^&`{       }

EpU^!j    else {g/\_`"o?
      xPos = xPos;
1nq L _f1M)X7\       }!E7{l
X2A+Y d'v
   if (yDir == "down") {:FL_h%u f;|MV]ne
      yPos = yPos + BallSpeed; l,hzK}
      }
O&wc-}.N{+j\    else if (yDir == "up") {
2I8P O@+zf       yPos = yPos - BallSpeed;
ng-FN-j\#a!X/t#Tg       }9l.N_n6w(W!W;f
   else {
EA:]$x1?'T       yPos = yPos;
&`'a?,Z%p1C)xR       }
gs^c}n8\    } TXx4^A8T/dl
P5IP]"g
function hidetext(){
6|T
^F&fs_;ns'dwI if (document.all)
K`n:^-c supertext.style.visibility="hidden"@F,sgmVo
else if (document.layers)
5d[(ZD7YC,R I document.supertext.visibility="hide"
)_a0cFc*C#QMjy*I)T#K clearTimeout(animatetext)
8D v_H\%|^ }
_5Sm:BN ;~.X~O~I
if (document.all||document.layers){:zc s'cF B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$?tzj&v window.onload = initializeBall; J'S(g(g@-`3in+v2?c3o6{x
window.onresize = new Function("window.location.reload()");rY'w ^C8T+z+^
}
|fME%s_'pgD \2f Q [xZ'g
</script>

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