IE6不能使用:hover偽類別的解法(jquery:hover api)

IE6不能使用hover偽類別的解決方法(jquery:hover api)

為什麼ie6就要跟別人不一樣呢?老是和別人不同調,真是個老頑固。就連:hover的偽類別也不能用看來只好在請出jquery這個好工具來好好將它照顧照顧一下。

使用jquery hover這個function來實作就可大小通吃了。做法很簡單只要在style的標籤中加一個hover時要加入的類別就可以了。

<style>

.employee_name_hover{color:#000;cursor:pointer;}

</style>

接著就是將jquery的function給寫上就夠了

//解決ie6不支援:hover偽類別
            $(".employee_name").hover(function () { $(this).addClass("employee_name_hover"); }, function () { $(this).removeClass("employee_name_hover"); });

說明:使用hover這function時可以只帶一個參數或是兩個參數,而參數就是我們所要執行的function。第一個function代表滑鼠移入時所要執行的動作,而第二個function不用說也知道是當滑鼠移出時所要執行的動作。因此上面的程式碼就是說滑鼠移入時就將employee_name_hover的css類別套用在目標上,當滑鼠移出時就將剛剛套用上去的類別給移掉。

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s