javascript解決IE6下hover問(wèn)題的方法

更新時(shí)間：2015年07月28日 10:20:50 作者：涂根華

本文分享了一個(gè)小技巧：javascript解決IE6下hover問(wèn)題的方法，方法很實(shí)用,需要了解的朋友可以參考下

有時(shí)候我們想在非a標(biāo)簽上加hover元素但是我們都知道IE6下不支持XX:hover，所以我們現(xiàn)在可以用js實(shí)現(xiàn)掉：代碼如下

<!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>無(wú)標(biāo)題文檔</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 查找位于單詞的開(kāi)頭或結(jié)尾的匹配。 
      }  
    }  
  } 
if(window.attachEvent){ 
  window.attachEvent('onload',Hover); 
} 
</script> 
 
</body> 
</html>

以上內(nèi)容就是告訴大家javascript解決IE6下hover問(wèn)題的方法，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript常用正則表達(dá)式匯總
本文給大家總結(jié)了一下常見(jiàn)的javascript檢驗(yàn)各種規(guī)則的代碼，通過(guò)正則表達(dá)式來(lái)實(shí)現(xiàn)，都是項(xiàng)目中經(jīng)常需要用到的，有需要的小伙伴可以參考下。
2015-07-07
淺析js封裝和作用域
在編寫(xiě)web軟件時(shí)，遇到一些可以共用js的情況，于是就想著如何封裝js代碼?；拘枨蠛芎?jiǎn)單，其實(shí)就是根據(jù)不同的情況封裝js代碼
2013-07-07
微信小程序仿美團(tuán)分類菜單 swiper分類菜單
本文主要介紹了微信小程序仿美團(tuán)分類菜單（swiper分類菜單）的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04
JavaScript中的atob和btoa函數(shù)及base64編碼解碼詳解
在JavaScript中btoa和atob是兩個(gè)處理Base64編碼的全局函數(shù),它們通常用于在瀏覽器環(huán)境中對(duì)二進(jìn)制數(shù)據(jù)進(jìn)行編碼和解碼,這篇文章主要介紹了JavaScript中atob和btoa函數(shù)及base64編碼解碼的相關(guān)資料,需要的朋友可以參考下
2025-04-04
javascript跟隨鼠標(biāo)x,y坐標(biāo)移動(dòng)的字效果
javascript跟隨鼠標(biāo)x,y坐標(biāo)移動(dòng)的字效果...
2007-04-04
基于javascript實(shí)現(xiàn)單選及多選的向右和向左移動(dòng)實(shí)例
這篇文章主要介紹了基于javascript實(shí)現(xiàn)單選及多選的向右和向左移動(dòng),涉及javascript針對(duì)頁(yè)面元素的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
js處理json以及字符串的比較等常用操作
js處理json格式的插入、修改、刪除，以及字符串的比較等常用操作，下面有五個(gè)示例，感興趣的朋友可以學(xué)習(xí)下
2013-09-09
JS 數(shù)組和對(duì)象的深拷貝操作示例
這篇文章主要介紹了JS 數(shù)組和對(duì)象的深拷貝操作,結(jié)合實(shí)例形式分析了JS 數(shù)組和對(duì)象的深拷貝基本原理與操作技巧,需要的朋友可以參考下
2020-06-06
JS highcharts動(dòng)態(tài)柱狀圖原理及實(shí)現(xiàn)
這篇文章主要介紹了JS highcharts動(dòng)態(tài)柱狀圖原理及實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10
javascript中函數(shù)的寫(xiě)法實(shí)例代碼詳解
這篇文章主要介紹了javascript中函數(shù)的寫(xiě)法 ,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-10-10