以下版本的IE7总是不支持伪类无状态,这通常是通过Javascript。最近,人们经常问这样的问题。因此,几种方法被整理出来。该脚本来自国外网站,供您参考。
方法1

Javascript文件,来自Htmldog。
复制代码代码如下所示:
功能支持的浏览器(类型、标签、ParentID){
如果(窗口。attachevent){
window.attachevent(onload
无功sfels =(ParentID = = null)document.getelementsbytagname(标签):document.getelementbyid(ParentID)GetElementsByTagName(标签);
式(sfels);
});
}
}

sfhover =功能(sfels){
对于(var i = 0;i < sfels.length;i++){
我sfels { }。onmouseover =函数(){
这个类名+ =sfhover ;
}
我sfels { }。onmouseout=函数(){
这一方法= this.classname.replace(new RegExp(sfhover B),);
}
}
}

sffocus =功能(sfels){
对于(var i = 0;i < sfels.length;i++){
我sfels { }。onfocus =函数(){
这个类名+ =sffocus ;
}
我sfels { }。onblur =函数(){
这一方法= this.classname.replace(new RegExp(sffocus B),);
}
}
}

胭脂鱼(sfhover,输入);
胭脂鱼(sffocus,输入);
胭脂鱼(sfhover,P);


可以改变的脚本的一部分

在这里你需要写标签效果
胭脂鱼(sfhover,输入);
胭脂鱼(sffocus,输入);
胭脂鱼(sfhover,P);

CSS

输入:焦点,input.sffocus {
背景:# f8f8f8;
颜色:# 333333;
border: 1px solid红;
}
输入:悬停,sfhover {输入。
背景:# Eee;
颜色:# 369;
边境:1px solid # 069;
}
P:悬停,p.sfhover {
背景:# Eee;
颜色:# 333;
边境:1px solid # 069;
}
P:悬停,p.sfhover {
背景:# Eee;
颜色:# 333;
}

在上述代码中,第一类是一个支持CSS2浏览器,第二是IE6及以下版本。需要注意的是,你设定一个标签重要,和整个页面的风格。
方法二

Javascript文件。
复制代码代码如下所示:
无功w3cdom =(document.createelement文件。getElementsByTagName);
/ /在window.onload = pinballeffect;

pinballeffect()函数
{
如果(!w3cdom)返回;
所有document.getelementsbytagname var =(*);
无功originalbackgrounds =新的数组();
对于(var i = 0;i < allelements.length;i++)
{
如果(所有{我}。classname.indexof('hovereffect)!= 1)
{
所有{我} mousegoesover onmouseover =;
所有{我}。onmouseout= mousegoesout;
}
}
}

mousegoesover()函数
{
OriginalClassNameString = this.className;
this.classname =躺在;
}

mousegoesout()函数
{
this.classname = originalclassnamestring;
}
PinballEffect();


可以改变的脚本的一部分

1。如果(所有{我}。classname.indexof('hovereffect)!= 1)

CSS

1、hovereffect {
2。背景:# CCC;
3。}

class=hovereffect 之称的地方,需要应用这种方法更为灵活。
方法三

对onmouseover和onmouseout的使用,这是互联网上常见的,并不是从行为和结构的分离,不推荐。