实现半透明DIV层链接启用和禁用的功能的方法
有时候某些界面上某个区域要限制原先链接的使用, 可以价格div 层,对整个层范围生效。
<divid="Layer1"onclick="returnfalse;">
<tablewidth="100px"border="1"cellpadding="1"cellspacing="1"bordercolor="#FFFFFF"bgcolor="#999999">
<trbgcolor="#f5f5f5">
<td><ahref="http://www.sina.com.cn">新浪</a></td>
</tr>
<trbgcolor="#f5f5f5">
<td><ahref="http://www.163.com">网易</a></td>
</tr>
</table>
</div>
<scriptlanguage="javascript">
functionmethod1(){
}
functionmethod2(){
alert('无法点击链接');
}
functionenableDiv(){
varobj=document.getElementById("Layer1");
obj.style.filter='Alpha(Opacity=100)';
//obj.style.MozOpacity='1';
obj.onclick=newFunction("method1();returntrue;");
}
functiondisableDiv(){
varobj=document.getElementById("Layer1");
obj.style.filter='Alpha(Opacity=30)';
//obj.style.MozOpacity='0.3';
obj.onclick=newFunction("method2();returnfalse;");
}
</script>
<br>
<inputtype="button"value="启用"onclick="enableDiv();"/>
<inputtype="button"value="禁用"onclick="disableDiv();"/>
<tablewidth="100px"border="1"cellpadding="1"cellspacing="1"bordercolor="#FFFFFF"bgcolor="#999999">
<trbgcolor="#f5f5f5">
<td><ahref="http://www.sina.com.cn">新浪</a></td>
</tr>
<trbgcolor="#f5f5f5">
<td><ahref="http://www.163.com">网易</a></td>
</tr>
</table>
</div>
<scriptlanguage="javascript">
functionmethod1(){
}
functionmethod2(){
alert('无法点击链接');
}
functionenableDiv(){
varobj=document.getElementById("Layer1");
obj.style.filter='Alpha(Opacity=100)';
//obj.style.MozOpacity='1';
obj.onclick=newFunction("method1();returntrue;");
}
functiondisableDiv(){
varobj=document.getElementById("Layer1");
obj.style.filter='Alpha(Opacity=30)';
//obj.style.MozOpacity='0.3';
obj.onclick=newFunction("method2();returnfalse;");
}
</script>
<br>
<inputtype="button"value="启用"onclick="enableDiv();"/>
<inputtype="button"value="禁用"onclick="disableDiv();"/>
本文地址:http://www.45fan.com/a/question/69217.html