首頁網(wǎng)頁特效庫

首頁 > 特效 > 圖片特效 > 正文

鼠標移動到圖片上圖片漸漸變清晰移開漸漸模糊

2011-03-31 圖片特效 ℃

<p>腳本說明: 把如下代碼加入?yún)^(qū)域中 <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實現(xiàn)區(qū)域內等比例放大縮小圖片; JS圖片切換效果; 飄動圖片廣告代碼; 鼠標經過圖片變大; 簡單高效的javascript 幻燈片播放; JavaScript封裝的平滑圖片滾動，; 點擊圖片出現(xiàn)大圖; 圖片局部放大效果特效; 圖片上下左右拉伸效果特效

推薦特效代碼: 點擊按鈕淡入淡出彈出圖文信息; 探照燈效果圖片特效代碼; 簡單高效的javascript 幻燈片播放; 飄動圖片廣告代碼; JavaScript封裝的平滑圖片滾動，; 超酷超絢精美圖片展示效果代碼

<center id="lztxc"><label id="lztxc"></label></center>

<fieldset id="lztxc"></fieldset>