展开缩放效果JS函数

最新推荐文章于 2022-05-22 11:55:08 发布

jason07409

最新推荐文章于 2022-05-22 11:55:08 发布

阅读量999

点赞数

分类专栏：常用js函数

本文链接：https://blog.csdn.net/zhanghj07409/article/details/9854979

版权

常用js函数专栏收录该内容

5 篇文章 0 订阅

订阅专栏

//使用案例
 <a href="javascript:SwitchDiv('<%=table%>','<%=tableimg%>')">
 <img id="<%=tableimg%>" src="${pageContext.request.contextPath}/images/report_expand.gif" border="0" align="absmiddle">
 </a>

//展开缩放效果JS函数
function SwitchDiv(idDiv,idImg,srcImg,closeImg){
  	var divObj=null;
  	var imgObj=null;
  	if(document.getElementById(idDiv)){
  		divObj=document.getElementById(idDiv);
  		if(document.getElementById(idImg)){
  			imgObj=document.getElementById(idImg);
  			if(srcImg==null||srcImg=="")
         srcImg="${pageContext.request.contextPath}/images/report_collapse.gif";
       if(closeImg==null||closeImg=="")
         closeImg="${pageContext.request.contextPath}/images/report_expand.gif";
      }
      if(divObj.style.display=="none"){
      	divObj.style.display="block";
      	if(document.getElementById(idImg)){
      		imgObj.src=srcImg;
      	}
      }else{
      	divObj.style.display="none";
      	if(document.getElementById(idImg)){
      		imgObj.src=closeImg;
      	}
      }
    }
  }