点击显示大图点击大图自动隐藏特效

2011-05-30 图片特效 ℃

脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript">
<!--
function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
<a href="" onClick="return false"><img name="small" border="0" src="/images/tx/2.jpg" width="100" height="135" onClick="MM_showHideLayers('layer2','','show');MM_showHideLayers('layer','','hide');MM_showHideLayers('layer1','','hide');"></a> 
<div id="layer2" style="position: absolute; left: 14px; top: 3px; width: 765; height: 202; z-index: 1; visibility: hidden"> 
  <table border="0" width="761" height="216" cellspacing="0" cellpadding="0">
    <tr bordercolor="#FFFFFF"> 
      <td width="624" valign="top" align="left"> 　 
        <div align="center"> 
          <center>
            <table border="0" width="122%" height="181" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="100%" height="151" valign="top" align="center"><a href="http://www.zlcool.com" onclick="return false" ><img name="big" src="display.jpg" onclick="MM_showHideLayers('layer2','','hide');MM_showHideLayers('layer','','show');MM_showHideLayers('layer1','','show');return false;" border="0"></a> 
                </td>
              </tr>
              <tr> 
                <td width="100%" height="12" valign="top" align="center">　</td>
              </tr>
            </table>
          </center>
        </div>
      </td>
    </tr>
  </table>
</div>

相关特效代码: 点击弹出窗口层背景变暗05/19; 点击按钮展示图片或者关闭显示图片03/31; 点击按钮淡入淡出弹出图文信息03/31; 点击链接展开图片03/31; 点击文字显示隐藏链接09/15; 按钮式滑动门点击显示相应栏目内容09/15; 点击展开的文章评论效果08/12; 点击“添加收藏”代码07/25; Js仿开心网好友印象功能（点击文字弹出印象框）12/31; 强制点击广告代码12/25

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

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

点击显示大图 点击大图自动隐藏特效

点击显示大图点击大图自动隐藏特效