[新手]鼠标移到div上触发层透明度改变的效果,该怎么解决
日期：2014-05-16 浏览次数：20351 次
[新手]鼠标移到div上触发层透明度改变的效果
初学js，自己写的一个鼠标移到div上触发层透明度改变的效果，但不灵，搞不清哪里出了问题，望高手指点
<style type= "text/css ">
#dvMain{
width: 100px;
height: 24px;
background: #0099FF;
filter:alpha(opacity=100);
}
</style>
<script type= "text/javascript ">
function chgAlpha()
{
var i;
for(i=100; i> =0; i--)
{
document.dvMain.style.filter= "alpha(opacity=i) ";
setTimeout(chgAlpha(),10);
}
}
</script>
<body>
<div id= "dvMain " onmouseover= "chgAlpha(); "> </div>
</body>
</html>
------解决方案--------------------
var alpha = 100;
function chgAlpha()
{
alpha--;
setTimeout(a,10);
}
function a()
{
document.getElementById( 'dvMain ').style.filter= "alpha(opacity= " + alpha + ") ";
if (alpha > 0)
{
alpha--;
setTimeout(a,10);
}
}
//楼主瞧瞧这样可否
初学js，自己写的一个鼠标移到div上触发层透明度改变的效果，但不灵，搞不清哪里出了问题，望高手指点
<style type= "text/css ">
#dvMain{
width: 100px;
height: 24px;
background: #0099FF;
filter:alpha(opacity=100);
}
</style>
<script type= "text/javascript ">
function chgAlpha()
{
var i;
for(i=100; i> =0; i--)
{
document.dvMain.style.filter= "alpha(opacity=i) ";
setTimeout(chgAlpha(),10);
}
}
</script>
<body>
<div id= "dvMain " onmouseover= "chgAlpha(); "> </div>
</body>
</html>
------解决方案--------------------
var alpha = 100;
function chgAlpha()
{
alpha--;
setTimeout(a,10);
}
function a()
{
document.getElementById( 'dvMain ').style.filter= "alpha(opacity= " + alpha + ") ";
if (alpha > 0)
{
alpha--;
setTimeout(a,10);
}
}
//楼主瞧瞧这样可否
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
