鼠标感应渐显图片-JS特效-爱易网页

鼠标感应渐显图片

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

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

以下是程序代码

脚本说明:
把如下代码加入<body>区域中

<script language="JavaScript1.2"> 
function makevisible(cur,which){ 
if (which==0) 
cur.filters.alpha.opacity=100 
else 
cur.filters.alpha.opacity=20 
} 
</script>
<script language="javascript">
var min=10;
var max=100;
var number=1;
function OnMouseOver(obj)
{
  if(obj.changing)
    clearInterval(obj.changing);
  obj.changing=setInterval("add("+obj.id+")",10);
}
function OnMouseOut(obj)
{
  if(obj.changing)
    clearInterval(obj.changing);
  obj.changing=setInterval("sub("+obj.id+")",10);
}
function add(obj)
{
  if(obj.filters.Alpha.Opacity > max)
  {
    clearInterval(obj.changing);
    obj.changing=false;
    obj.filters.Alpha.Opacity = max;
  }
  else
    obj.filters.Alpha.Opacity += number;
  test1.innerText = "img1:"+img1.filters.Alpha.Opacity;
  test2.innerText = "img2:"+img2.filters.Alpha.Opacity;
}
function sub(obj)
{
  if(obj.filters.Alpha.Opacity < min)
  {
    clearInterval(obj.changing);
    obj.changing=false;
    obj.filters.Alpha.Opacity = min;
  }
  else
    obj.filters.Alpha.Opacity += -number;
  test1.innerText = "img1:"+img1.filters.Alpha.Opacity;
  test2.innerText = "img2:"+img2.filters.Alpha.Opacity;
}
</script>
<img id='img1' src="http://img.aiyiweb.com/mylogo.gif" style="filter:Alpha(Opacity=10)" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<img id='img2' src="http://img.aiyiweb.com/mylogo1.gif" style="filter:Alpha(Opacity=10)" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<div id='test1'>img1:10</div>
<div id='test2'>img2:10</div>

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

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

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

相关资料更多>

传搜狗估值12亿美元与360谈判进入白热化

乐视今日临时停牌受广电酝酿新规消息影响

解读苹果收购Beats背后动机：库克在想什么？

新一代iPhone11月底国内上市支持TD制式

虚拟运营市场躁动：山西煤老板兴味浓重

网络旅行游记被曝插入"软广告" 个别人士月入数万

人们为什么总愿尝试新社交网络？

中移动财报外的"五座大山"：运营商沦为走秀陪衬

雷军收买腾讯金山股份：持股比例升至27%

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

推荐阅读更多>