DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS實例教程:完美解決IE6不支持hover的方法
CSS實例教程:完美解決IE6不支持hover的方法
編輯:CSS進階教程     

破洛洛文章簡介:完美解決IE6不支持hover的方法.

<style type="text/css"> 
 
      p:hover,p.hover { background:#eee; }   /* 就是要多寫一個.hover而已 */
 
</style>

下面這段代碼要放到頁面的底部在</body> 前:
 
<script type="text/javascript">  
 
//<!–  讓所有標記支持hover  
 
function $(){  
 
      if(document.all){ // 判斷是否IE浏覽器  
 
           var obj=document.all;  
 
            for(var i=0;i<obj.length;i++){  
 
                  obj[i].onmouseover=function(){  
 
                        this.className="hover"  
 
                  } ;  
 
                  obj[i].onmouseout=function(){  
 
                        this.className=""  
 
                  }  
 
            }  
 
      }  
 
}  
 
$();  
 
//–>  
 
</script>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved