主頁 > 知識(shí)庫 > 解決IE7以下版本不支持無A狀態(tài)偽類的幾種方法

解決IE7以下版本不支持無A狀態(tài)偽類的幾種方法

熱門標(biāo)簽:南通電話外呼系統(tǒng)開發(fā) 南寧外呼電銷系統(tǒng)招商 電銷機(jī)器人的宣傳語 石家莊電話機(jī)器人電話 沸思外呼線路 北京銷售外呼系統(tǒng)線路 江西防封卡外呼系統(tǒng)怎么安裝 電銷智能機(jī)器人靠譜么 400電話辦理安徽
在IE7以下版本一直是不支持無A狀態(tài)偽類的,通常都要靠Javascript來解決的,最近經(jīng)常有人問起此類問題,故整理了幾種方法,腳本來自國外網(wǎng)站,供大家參考。
方法一

javascript文件,來自Htmldog .
復(fù)制代碼 代碼如下:

function suckerfish(type, tag, parentId) {
    if (window.attachEvent) {
        window.attachEvent("onload", function() {
            var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag);
            type(sfEls);
        });
    }
}

sfHover = function(sfEls) {
    for (var i=0; isfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}

sfFocus = function(sfEls) {
    for (var i=0; isfEls.length; i++) {
        sfEls[i].onfocus=function() {
            this.className+=" sffocus";
        }
        sfEls[i].onblur=function() {
            this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
        }
    }
}

suckerfish(sfHover, "INPUT");
suckerfish(sfFocus, "INPUT");
suckerfish(sfHover, "p");


腳本可改動(dòng)的部分 

   //這里寫入你需要效果的標(biāo)簽 
   suckerfish(sfHover, "INPUT"); 
   suckerfish(sfFocus, "INPUT"); 
   suckerfish(sfHover, "p");

CSS 

    input:focus,input.sffocus { 
    background: #F8F8F8; 
    color: #333333; 
    border: 1px solid red; 
    } 
   input:hover,input.sfhover{ 
   background: #EEE; 
   color: #369; 
   border: 1px solid #069; 
   } 
  p:hover,p.sfhover{ 
  background: #EEE; 
  color: #333; 
   border: 1px solid #069; 
   } 
   p:hover,p.sfhover{ 
   background: #EEE; 
  color: #333; 
   }

上面代碼中第一個(gè)類是給支持CSS2的瀏覽器,第二個(gè)是給IE6及以下版本的。需注意的是,你給某標(biāo)簽設(shè)定了,那么整個(gè)頁面內(nèi)的這個(gè)標(biāo)簽都會(huì)沿用同一個(gè)樣式。
方法二

javascript文件.
復(fù)制代碼 代碼如下:

var W3CDOM = (document.createElement  document.getElementsByTagName);
//window.onload = pinballEffect;

function pinballEffect()
{
    if (!W3CDOM) return;
    var allElements = document.getElementsByTagName('*');
    var originalBackgrounds=new Array();
    for (var i=0; iallElements.length; i++)
    {
        if (allElements[i].className.indexOf('hovereffect') !=-1)
        {
            allElements[i].onmouseover = mouseGoesOver;
            allElements[i].onmouseout = mouseGoesOut;
        }
    }
}

function mouseGoesOver()
{
    originalClassNameString = this.className;
    this.className += " lay-on";
}

function mouseGoesOut()
{
    this.className = originalClassNameString;
}
pinballEffect();


腳本可改動(dòng)的部分

   1. if (allElements[i].className.indexOf('hovereffect') !=-1)

CSS

   1. .hovereffect{
   2. Background: #CCC;
   3. }

在需要應(yīng)用效果的地方用class="hovereffect"調(diào)用。這種方法比較靈活。
方法三

使用網(wǎng)上常見的onmouseover、onmouseout這類東西,行為和結(jié)構(gòu)不分離,不推薦使用。

標(biāo)簽:寧夏 晉中 云南 來賓 北海 陽泉 衢州 鹽城

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《解決IE7以下版本不支持無A狀態(tài)偽類的幾種方法》,本文關(guān)鍵詞  解決,IE7,以下,版本,不支持,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《解決IE7以下版本不支持無A狀態(tài)偽類的幾種方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于解決IE7以下版本不支持無A狀態(tài)偽類的幾種方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章