用jquery实现ie6对div：hover属性的支持，遇到了有关问题，大家帮忙解决下

2012-04-08

用jquery实现ie6对div：hover属性的支持，遇到了问题，大家帮忙解决下ie6不支持 div：hover这样写法相信大家

用jquery实现ie6对div：hover属性的支持，遇到了问题，大家帮忙解决下
ie6不支持 div：hover这样写法相信大家都知道。
使用jquery怎样实现ie6不支持的这个功能呢？下面是我的实现方法但是没能成功大家帮忙分析下原因
css代码：省略。。
html代码：

HTML code

<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX1</div><div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX2</div><div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX3</div><div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX3</div>

jquery代码：

JScript code

        function addBorderColor(){            $(this).css("border"，"1px solid #CCC");        }        function removeBorderColor(){            $(this).css("border","none");        }

[解决办法]

HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>    <title>new document</title>    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    <script type="text/javascript">        $(function(){            $("div.box").hover(                function(){                    $(this).css("border", "1px solid #ccc");                },                function(){                    $(this).css("border", "none");                }            );        });    </script></head><body>    <div class="box" >BOX1</div>    <div class="box" >BOX2</div>    <div class="box" >BOX3</div>    <div class="box" >BOX3</div></body></html>
[解决办法]
按你的思路修改的：
JScript code<div class="box" onmouseover="addBorderColor(this)" onmouseout="removeBorderColor(this)">BOX1</div>        function addBorderColor(obj){            $(obj).css("border"，"1px solid #CCC");        }        function removeBorderColor(obj){            $(obj).css("border","none");        }

热点排行

Bad Request.

JavaScript

用jquery实现ie6对div：hover属性的支持，遇到了有关问题，大家帮忙解决下