图片显隐的简单方法-JS特效-爱易网页

图片显隐的简单方法

日期：2014-05-18　浏览次数：20290 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
把如下代码加入<body>区域中
<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  src="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg" style="filter:Alpha(Opacity=10)" onmouseover="change_opacity(this,'up')" onmouseout="change_opacity(this,'down')" width="160" height="120" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<img  src="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg" style="filter:Alpha(Opacity=10)" onmouseover="change_opacity(this,'up')" onmouseout="change_opacity(this,'down')" width="160" height="120" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>       
<img  src="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg" style="filter:Alpha(Opacity=10)" onmouseover="change_opacity(this,'up')" onmouseout="change_opacity(this,'down')" width="160" height="120" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>       
<img  src="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg" style="filter:Alpha(Opacity=10)" onmouseover="change_opacity(this,'up')" onmouseout="change_opacity(this,'down')" width="160" height="120" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>       
<img  src="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg" style="filter:Alpha(Opacity=10)" onmouseover="change_opacity(this,'up')" onmouseout="change_opacity(this,'down')" width="160" height="120" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

奇虎360证明了“惟平台化才能生存”是谬论，中国互联网不能少了周鸿祎

欧盟控诉苹果在爱尔兰非法进行税收交易

中国手游总裁及8名高管集体下岗，被指涉不当交易

支付宝服务窗后台首曝光开放用户消费数据

同为70前后人，马云为什么总是像外星人那么瘦

淘宝公布新规：升级售假卖家惩罚力度

中国大陆人口13.7亿光棍越来越多

前苹果顾问批判iPhone命名：不应加S

200美元英特尔Android笔记本行将到来

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>