0

ここでまた初歩的な質問です。コミュニティが提供するすべての支援に感謝します。この 2 時間、このコードをじっと見つめていましたが、まだ何が問題なのかわかりません。これは単純なドキュメントで、ホバーされたリスト項目の周りに境界線が表示されるはずです。理由を教えてください。

<!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 に答える