这篇文章主要介绍了js实现鼠标划过给div加透明度的方法,涉及javascript动态操作页面元素属性的相关技巧,该方法可兼容火狐与IE浏览器,需要的朋友可以参考下
本文实例讲述了js实现鼠标划过给div加透明度的方法。分享给大家供大家参考。具体实现方法如下:
<script language="javascript">
<!-- Begin
if ((navigator.appName.indexOf('Microsoft')+1)) {
document.write('<style type="text/css"> #div2 a img{ filter:alpha(opacity=100)} #div2 a:hover img{ filter:alpha(opacity=70)} </style>');}
if ((navigator.appName.indexOf('Netscape')+1)) {
document.write('<style type="text/css"> #div2 a img{opacity: 1;} #div2 a:hover img{opacity: 0.7;}</style>'); }
else {
document.write(''); }
// End -->
</script>
希望本文所述对大家的javascript程序设计有所帮助。 |