js实现鼠标划过给div加透明度的方法

这篇文章主要介绍了js实现鼠标划过给div加透明度的方法,涉及javascript动态操作页面元素属性的相关技巧,该方法可兼容火狐与IE浏览器,需要的朋友可以参考下

本文实例讲述了js实现鼠标划过给div加透明度的方法。分享给大家供大家参考。具体实现方法如下：

1. <script language="javascript"> 
2. <!-- Begin 
3. if ((navigator.appName.indexOf('Microsoft')+1)) { 
4. document.write('<style type="text/css"> #div2 a img{ filter:alpha(opacity=100)} #div2 a:hover img{ filter:alpha(opacity=70)} </style>');} 
5. if ((navigator.appName.indexOf('Netscape')+1)) { 
6. document.write('<style type="text/css"> #div2 a img{opacity: 1;} #div2 a:hover img{opacity: 0.7;}</style>'); } 
7. else { 
8. document.write(''); } 
9. // End --> 
10. </script> 

希望本文所述对大家的javascript程序设计有所帮助。