现在的位置: 首页 > 综合 > 正文

半透明DIV 层链接启用和禁用的功能实现

2013年06月22日 ⁄ 综合 ⁄ 共 1041字 ⁄ 字号 评论关闭

有时候某些界面上某个区域要限制原先链接的使用, 可以价格div 层,对整个层范围生效。

<div id="Layer1" onclick="return false;"> 
<table width="100px" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
  
<tr bgcolor="#f5f5f5">
      
<td><href="http://www.sina.com.cn">新浪</a></td>
  
</tr>
  
<tr bgcolor="#f5f5f5"> 
      
<td><href="http://www.163.com">网易</a></td>
  
</tr>
</table>
</div> 
         
<script language="javascript">
  
function method1(){
  }

  
  
function method2(){
   alert(
'无法点击链接');
  }


  
function enableDiv(){
     
var obj=document.getElementById("Layer1");
     obj.style.filter
='Alpha(Opacity=100)';
     
//obj.style.MozOpacity='1';
     obj.onclick=new Function("method1();return true;");
  }

  
function disableDiv() {
     
var obj=document.getElementById("Layer1"); 
     obj.style.filter
='Alpha(Opacity=30)';
     
//obj.style.MozOpacity='0.3';
     obj.onclick=new Function("method2();return false;");
  }

</script>
<br>
<input type="button" value="启用" onclick="enableDiv();" />         
<input type="button" value="禁用" onclick="disableDiv();"/>

抱歉!评论已关闭.