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

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

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

<style type="text/css">tP)u$gSx#C
Ew4Y
#supertext {
C*U Ku%].e(zw_*t
position:absolute;

~ }l I,B*sl0~ W4? left:0;
#^gUJja1S? top:0;P NE#g!V1A"\
visibility:hide;h-nx7](u}4F
visibility:hidden;oma\ |{9y
}
8qt4p
j'usL$d!b(E </style>#jK Z5W1|4U
<script language="JavaScript1.2">
C lt Ci2g qxof <!-- 改变下的字体的大小。颜色-->$pu?;q8P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5QaC ^0H var hidetimer='';
n2{feG'Yj p <!-- 改变下的弹跳速度-->k$A4S8S~6ri3E-M
var BallSpeed = 20;
G!a7p*z]S var contentWidth;

@P|2`R#jJt var contentHeight;
1mX;Q+z
}
]
p-yC var maxBallSpeed = 50;
)iX? ZlMw*qJ*p)[ /Ii+qU!V|7A
|
0P,j(s(II
var xMax;BazL4a"OG9n
var yMax; D6f u6OhxZ*Z
var xPos = 0;hd?m;\Q+y u8i
var yPos = 0;N^TOr
var xDir = 'right';
nV Sk4m&o*|R(bM? var yDir = 'down';)]
I/d4E$m^s~#l;r
var superballRunning = true; O&I uqj5fH8A
var tempBallSpeed;9^5_(ail
var currentBallSrc;-^l-IJ8?o
u&X'Vc
var newXDir;
_m n2GX"@ var newYDir;
,JZ)q8}mjPkD *\p^G'R"aTHr
function initializeBall() {
JA{U"bWr4rE)E    if (document.all) {#Kc$gI:?l"A7k?.K$y
      xMax = document.body.clientWidth;C%khf n~c p,\
      yMax = document.body.clientHeight
R?gM(A-U.sb"l       document.all("supertext").style.visibility = "visible";
:gyw%v3g7V Pc       contentWidth=supertext.offsetWidth$f3s(T%^@9M-O N@
      contentHeight=supertext.offsetHeightKs6x`{J o
      } F$s+^v6g'@/M.i
   else if (document.layers) {
ZK%Zu3M       xMax = window.innerWidth;CJ(bA5t
      yMax = window.innerHeight;LKT@*u7y4[?!s.~
      contentWidth=document.supertext.document.width3yHKIj[
      contentHeight=document.supertext.document.height
3~&F5\5X7?.O1`       document.layers["supertext"].visibility = "show";6w
j%K C6KPZ.f|
      }7Hn4VIcIq\8C
   setTimeout('moveBall()',400);
4DR5n$P-X$b
FB    if (hidetimer!='')
!D\0X ay6G ~    setTimeout("hidetext()",hidetimer)
yD%R;NIq    }
8cAsn!^7VW_$s v2g,y$v:\2V
function moveBall() {
1jp ?B_n8c    if (superballRunning == true) {
YXN-eK9~5nbA
      calculatePosition();
a7jTzthF*Y       if (document.all) {bK p.S1nM.m|2T
         document.all("supertext").style.left = xPos + document.body.scrollLeft;c d(@s6bB(i
         document.all("supertext").style.top = yPos + document.body.scrollTop;y5zAI6u,QX?s
         }
&jwdrK:qF&p#s-m       else if (document.layers) {^m*@9P)M!m
         document.layers["supertext"].left = xPos + pageXOffset;m2m&IYzee1bN
         document.layers["supertext"].top = yPos + pageYOffset;
%B1Ec7P9fM)\j          }F)~&EJ y
      animatetext=setTimeout('moveBall()',20);
+w7AT)\Xpw3p       }
)Y(NqDvu^    }
)a*|8i _"_g0h/? |4q}5D8qt3s3m
function calculatePosition() {D$y"[/p!h8zB
   if (xDir == "right") {
(H n)\k$R(t!CN       if (xPos > (xMax - contentWidth - BallSpeed)) {
hPq7nJ i          xDir = "left";
`#[8o+Pt&L8F9Y          }:T~"r4m*B
      }
/pcj!a&j3tUz.zy    else if (xDir == "left") {{Y)q] vq#K
      if (xPos < (0 + BallSpeed)) {
!G$Tu,J4c&L,vL          xDir = "right";/XT5Y/_;~&A!{Hq#Do
         }8b
Y?o edk'n%z
      }1n4S g!|.o
   if (yDir == "down") {7O B0l3?&E+D,i
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0OU9a;sz4\:T7b ?          yDir = "up";9@bw"X0td3d{
         }5c"[9p&?BrE SQ
      }
t)L6p J4|)E    else if (yDir == "up") {
E)[+mS0Upzz8J       if (yPos < (0 + BallSpeed)) {
'NM'Z9jta          yDir = "down";I:Y}3S U~gr
         }
;O(n9feF2c2iE7_       }h7F m-x2a%s:zq
   if (xDir == "right") {
RI9c4wNy4Z       xPos = xPos + BallSpeed;5]~3s#e9J1[C ^
      }'n0MCk9g;E r
   else if (xDir == "left") {
qcN F'jI"N       xPos = xPos - BallSpeed;
C}Zd9w
U       }\5K#L%R~:D
   else {
N_#XL/w.Xr.R       xPos = xPos;t:^Jymu&U
      }
-a Gz#E1AM    if (yDir == "down") {
"C/dl0m4O2_       yPos = yPos + BallSpeed;
V#cqQusc       }
,U{h,R&x    else if (yDir == "up") {6iJy0s;\H1g
      yPos = yPos - BallSpeed;
Z|;Q[ o       };\Hd.olDJ*k
   else {#}0|'x+V,Nb\
      yPos = yPos;
P9lC[9|?-dA%W       }
|+B.j9o!~%ER+C)n^    }q U$~ dZ

a;JXi ?kj^ function hidetext(){:^"H*nd}d
if (document.all) b g6eC`g
supertext.style.visibility="hidden"2V-Rk?N:h u
else if (document.layers)WDW;I&z-O$A&our
document.supertext.visibility="hide"9Y%aW*['d*h(z|(F.c |
clearTimeout(animatetext)3x+t#ox;q^rP
}
-wD
CS*Li
K"R%|%fDx3N&u_ if (document.all||document.layers){
&qcM!MS\k document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
|+yX ]S9}&~ window.onload = initializeBall;X
U^0jD[4MN8R
window.onresize = new Function("window.location.reload()");"yM J*p4RT
}
kN&wc7J
~#fY:Ze B*D1HW!m"Ff@
</script>

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