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

有时候某些界面上某个区域要限制原先链接的使用, 可以价格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、付费专栏及课程。

余额充值