首页网页特效库

首页 > 特效 > 图片特效 > 正文

鼠标移动到图片上图片渐渐变清晰移开渐渐模糊

2011-03-31 图片特效 ℃

<p>脚本说明: 把如下代码加入区域中 <script>
var speed = 50;        //速度
var max_opacity = 100;  //最大
var min_opacity = 10;	//最小
var do_step  =  5;      //变化的幅度

function change_opacity(obj,do_option)
	{
		if(obj.doing)
			clearInterval(obj.doing);
		obj.doing = setInterval(do_option+"_alpha("+obj.sourceIndex+")",speed);	
	}

function down_alpha(obj_index)
	{
		var obj = document.all[obj_index];
		
		if(obj.filters.Alpha.Opacity > min_opacity )
		{
			obj.filters.Alpha.Opacity += -do_step;
		}	
		else
		{	
			clearInterval(obj.doing);
			obj.filters.Alpha.Opacity = min_opacity;
			obj.doing = false;
		}	
	}	
	function up_alpha(obj_index)
	{
		var obj = document.all[obj_index];
		
		if(obj.filters.Alpha.Opacity<max_opacity)
			obj.filters.Alpha.Opacity += do_step;
		else
		{	
			clearInterval(obj.doing);
			obj.filters.Alpha.Opacity = max_opacity;
			obj.doing = false;
		}	
	}
	
</script><img width="160" height="120" onload="return imgzoom(this,600);" onmouseout="change_opacity(this,'down')" onmouseover="change_opacity(this,'up')" style="filter: Alpha(Opacity=10); cursor: pointer" alt="" src="/images/tx/meinv.jpg" /> <img width="160" height="120" onload="return imgzoom(this,600);" onmouseout="change_opacity(this,'down')" onmouseover="change_opacity(this,'up')" style="filter: Alpha(Opacity=10); cursor: pointer" alt="" src="/images/tx/meinv.jpg" /> <img width="160" height="120" onload="return imgzoom(this,600);" onmouseout="change_opacity(this,'down')" onmouseover="change_opacity(this,'up')" style="filter: Alpha(Opacity=10); cursor: pointer" alt="" src="/images/tx/meinv.jpg" /> <img width="160" height="120" onload="return imgzoom(this,600);" onmouseout="change_opacity(this,'down')" onmouseover="change_opacity(this,'up')" style="filter: Alpha(Opacity=10); cursor: pointer" alt="" src="/images/tx/meinv.jpg" /> <img width="160" height="120" onload="return imgzoom(this,600);" onmouseout="change_opacity(this,'down')" onmouseover="change_opacity(this,'up')" style="filter: Alpha(Opacity=10); cursor: pointer" alt="" src="/images/tx/meinv.jpg" /></p>

相关特效代码

热门特效代码: js图片自动切换代码; CSS实现区域内等比例放大缩小图片; JS图片切换效果; 飘动图片广告代码; 鼠标经过图片变大; 简单高效的javascript 幻灯片播放; JavaScript封装的平滑图片滚动，; 点击图片出现大图; 图片局部放大效果特效; 图片上下左右拉伸效果特效

推荐特效代码: 点击按钮淡入淡出弹出图文信息; 探照灯效果图片特效代码; 简单高效的javascript 幻灯片播放; 飘动图片广告代码; JavaScript封装的平滑图片滚动，; 超酷超绚精美图片展示效果代码