Web上IMG淡入淡出的HTC封装
<style>
IMG
{
behavior:url('Img.htc');
}
</style>
Img.htc
<PUBLIC:COMPONENT>
<PUBLIC:attach event="ondocumentready" onevent="Init()"/>
<PUBLIC:attach event="onmouseover" onevent="DefineOn()"/>
<PUBLIC:attach event="onmouseout" onevent="DefineOff()"/>
<PUBLIC:method name="DefineInit"/>
<script>
style.filter="alpha(opacity=20)";
var timer;
var initOffset;
var onOffset=5;
var offOffset=10;//偏移量
function Init()
{
initOffset=element.filters.alpha.opacity;
}
function DefineOn()
{
clearInterval(timer)
timer=window.setInterval("document.all['"+element.uniqueID+"'].DefineInit(0)",10);
}
function DefineOff()
{
clearInterval(timer)
timer=window.setInterval("document.all['"+element.uniqueID+"'].DefineInit(1)",10);
}
function DefineInit(bStatus)
{
opacty=element.filters.alpha.opacity;
if(bStatus)
{
if(opacty>initOffset)
{
element.filters.alpha.opacity-=offOffset;
}
else
{
clearInterval(timer);
}
}
else
{
if(opacty<100)
{
element.filters.alpha.opacity+=offOffset;
}
else
{
clearInterval(timer);
}
}
}
</script>
</PUBLIC:COMPONENT>
