這篇文章主要介紹了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程序設計有所幫助。