cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JavaScript untuk menyelesaikan masalah hover di bawah kemahiran IE6_javascript

Kaedah JavaScript untuk menyelesaikan masalah hover di bawah kemahiran IE6_javascript

WBOY
WBOYasal
2016-05-16 15:48:421327semak imbas

Kadangkala kami ingin menambah elemen tuding pada teg bukan a, tetapi kita semua tahu bahawa XX:hover tidak disokong di bawah IE6, jadi kami kini boleh menggunakan js untuk melaksanakannya: kodnya adalah seperti berikut 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<style> 
#nav li:hover, #nav li.stest { 
  font-weight:700; 
  color:red; 
} 
</style> 
</head> 
 
<body> 
  <ul id="nav"> 
    <li>列表一</li> 
    <li>列表一</li> 
    <li>列表一</li> 
  </ul> 
 
<script type="text/javascript"> 
  var Hover = function(){ 
    var listItem = document.getElementById("nav").getElementsByTagName("li"); 
    for(var i=0;i<listItem.length;i++){ 
      listItem[i].onmouseover = function(){ 
        this.className +=" stest";  
      } 
      listItem[i].onmouseout = function(){ 
        thisthis.className = this.className.replace(/stest\b/, ""); // \b 查找位于单词的开头或结尾的匹配。 
      }  
    }  
  } 
if(window.attachEvent){ 
  window.attachEvent('onload',Hover); 
} 
</script> 
 
</body> 
</html>

Kandungan di atas adalah untuk memberitahu anda cara menyelesaikan masalah tuding di bawah IE6 menggunakan JavaScript. Saya harap ia akan membantu kajian anda.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Adakah nilai panjang perlu dicache dalam petua for loop_javascriptArtikel seterusnya：Adakah nilai panjang perlu dicache dalam petua for loop_javascript

Artikel berkaitan

Lihat lagi