ie6下支持hover属性代码_中国网站频道，官方网站，中国品牌网站，网页特效，JS广告，网站截图，酷站推荐，图标，APP，按钮，中国网站第一品牌频道网站频道，div css，flash广告代码，网页特效，png图片，后台模板，flash特效，软件下载，中文字体下载，英文字体下载，

> Css > 推荐代码

ie6下支持hover属性代码

作者：来源：日期：2009/6/28 9:59:18 人气：标签：

让ie6下也能支持hover属性

1.把如下代码保存为1.js文件

2.把下面的html代码，插入到网页的head区内:

3.页面里这样写

<style type="text/css">

</style>

<div class="hovereffect">div的hover</div>
<p class="hovereffect">p的hover</p>

预览效果

<!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>中国网站频道|www.v404.cn</title>
<style type="text/css">

</style></head>
<script>var WebjxCom = (document.createElement() && document.getElementsByTagName());
window.onload = pinballEffect;
function pinballEffect()
{
    if (!WebjxCom) return;
    var allElements = document.getElementsByTagName('*');
    var originalBackgrounds=new Array();
    for (var i=0; i<allElements.length; i++)
    {
        if (allElements[i].className.indexOf('hovereffect') >= 0)
        {
            allElements[i].onmouseover = mouseGoesOver;
            allElements[i].onmouseout = mouseGoesOut;
        }
    }
}
function mouseGoesOver()
{
    originalClassNameString = this.className;
    this.className += " v404";
}
function mouseGoesOut()
{
    this.className = originalClassNameString;
}
pinballEffect();
</script>
<body>
<div class="hovereffect">div的hover</div>
<p class="hovereffect">p的hover</p>
</body>
</html>

代码由中国网站频道搜集整理

公告

更新

> Css > 推荐代码

ie6下支持hover属性代码