数码资讯
解决以下IE7不支持非州伪类版本的几种方法
以下版本的IE7总是不支持伪类无状态,这通常是通过Javascript。最近,人们经常问这样的问题。因此,几种方法被整理出来。该脚本来自国外网站,供您参考。 方法1 Javascript文件,来自Htmldog。 复制代码代码如下所示: 功能支持的浏览器(类型、标签、ParentID){ 如果(窗口
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
以下版本的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的使用,这是互联网上常见的,并不是从行为和结构的分离,不推荐。
方法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的使用,这是互联网上常见的,并不是从行为和结构的分离,不推荐。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。