JavaScript动态控制图片透明度的变化
2016-07-11 11:05
579 查看
<title>JavaScript动态控制图片透明度的变化</title>
<script language=javascript>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
<a href="/"><img src="logo.gif" border=0 onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=40)"></a>
<script language=javascript>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
<a href="/"><img src="logo.gif" border=0 onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=40)"></a>
相关文章推荐
- JavaScript 图片滚动(绝对酷)
- JavaScript 生成弹性透明的图片放大代码
- Javascript 仿Flash图片轮翻
- 第一个javaScript
- (javascript)自己的代码积累
- 动态请求
- js在线编辑器
- JavaScript的格式--从格式做起,做最严谨的工程师
- JavaScript的数据类型---最全,最详细的数据类型,高级的工程师从数据类型开始
- JavaScript表达式--掌握最全的表达式,一切尽在掌握中,让表达不再是难事
- .net实体类与json相互转换
- charCount.js实现输入文字限制
- 判断输入的字符串是否是日期格式的简单方法
- javascript运算符
- Js运动动画系列2--透明度动画
- JS判断日期格式是否合法的简单实例
- 深入浅析JavaScript中的scrollTop
- JavaScript中的setInterval用法
- SSH环境 jsp url跳转,带中文参数乱码问题
- Js运动动画系列1--匀速运动