0

这是另一个初学者问题。我感谢社区提供的所有帮助。在过去的两个小时里，我一直盯着这段代码，但仍然无法弄清楚它有什么问题。这只是一个简单的文档，边框应该出现在悬停的列表项周围。谁能告诉我为什么？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir = "ltr" xmlns = "http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/xml; charset=utf-8" />
    <script type = "text/javascript"
            src = "http://code.jquery.com/jquery-1.4.2.min.js">
    </script>
    <script type = "text/javascript">
    //<![CDATA[
        $(init);

        function init(){
            $("li").hover(border, noBorder);
        } // end init

        function border(){
            $(this).css("border", "1px solid black");
        }

        function noBorder(){
            $(this).css("border", "0px none black");
        }

        //]]>
        </script>
        <title>hover.html</title>    
</head>
<body>
    <h1>Hover Demo</h1>
        <ul>
            <li>alpha</li>
            <li>beta</li>
            <li>gamma</li>
            <li>delta</li>
        </ul>
</body>

</html>
4

1 回答 1

2

为什么不使用 CSS：

li:hover {
   border : 1px solid black
}

这更干净，并且出现错误的可能性更小。

于 2013-08-31T23:11:02.810 回答