网页特效 鼠标悬停图片渐显效果(CSS+JS)

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!--脚本说明:

把如下代码加入<body>区域中-->

<script language="JavaScript">

<!--

done = 0;

step = 4

function anim(yp,yk)

{

if(document.layers) document.layers["napis"].top=yp;

else document.all["napis"].style.top=yp;

if(yp>yk) step = -4

if(yp<60) step = 4

setTimeout('anim('+(yp+step)+','+yk+')', 10);

}

function start()

{

if(done) return

done = 1;

if(navigator.appName=="Netscape") {

document.napis.left=innerWidth/2 - 145;

anim(60,innerHeight - 60)

}

else {

napis.style.left=280;

anim(60,document.body.offsetHeight - 60)

}

}

//-->

</script>

<div id="napis"

style="position: absolute; top: 159px; width: 400px; height: 78px; left: 215px"><font size="5"><b>上网页教学网欢迎您</b></font></div>

<script language="JavaScript">

<!--

setTimeout('start()',10);

//-->

</script>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航