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

本文介绍了一种通过在HTML页面上使用DIV层来限制指定区域内链接被点击的方法。通过设置DIV的onclick属性为return false,可以阻止其内部链接的默认行为。此外,还提供了两个JavaScript函数enableDiv和disableDiv,分别用于启用和禁用DIV层上的链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有时候某些界面上某个区域要限制原先链接的使用, 可以价格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();"/>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值