JS淡出淡入淡出效果分析

本文的示例说明JS可以淡入淡出图片效果的方法：

效果：当鼠标移动时，图像从半透明变为透明，移出时由透明变为半透明。

分析：使用变量来存储透明度，因为element.style.alpha不能直接增加或减少。

核心代码：

窗口。指针函数（）{
无功odiv = document.getelementbyid（联赛）；
var定时器= null；
varα= 30；
ODiv。onmouseover =函数（）{
（100）setalpha；
}；
ODiv。onmouseout=函数（）{
（30）setalpha；
}；
功能setalpha（指标）{ / /指标目标透明度是通过参数
ClearInterval（定时器）； / /执行定时器定时器之前去除，否则执行再执行，最后仍会不停抖动定时器
定时器= setInterval（）{（）函数（
VaR迈跃；
如果（α＜指标）
{
迈跃= 10；
}
其他的
{
迈跃= - 10；
}
如果（α= =指标）
{
ClearInterval（定时器）；
}
其他的
{
α+ =迈跃；
ODiv。风格。不透明度=α/ 100；
ODiv。风格。过滤器= 'alpha（透明度：+α+'）
}
}，30）；
}；
}；

更多有关Javaｓｃｒｉｐｔ相关内容的读者可以看到特别站：Javaｓｃｒｉｐｔ运动效果和Javaｓｃｒｉｐｔ技能总结，切换效果和技能摘要

希望本文能对javaｓｃｒｉｐｔ程序设计有所帮助。