0

下面是我的 HTML、css 和 JavaScript。谁能看到我哪里出错了？注意：我在单独的文件中创建 JavaScript，而不是在与 HTML 相同的文件中。

我是否必须在 jQuery 文件上添加任何其他链接或代码以使其执行该功能？

HTML 代码：

<!DOCTYPE html>

<html>
<head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <script type="text/javascript" src="script.js"></script>
<title>CodePlay</title>
</head>
<body>

    <div></div>
</body>
</html>

CSS：

div {
    height: 100px;
    width: 100px;
    border-radius: 5px;
    background-color: red;
    opacity: 0.25;
}

JavaScript：

$(document).ready(function(){
    $("div").mouseenter(function(){
        $("div").fadeTo("fast", 1);
    });
    $("div").mouseleave(function(){
        $("div").fadeTo("fast", 0.25);
    });
});
4

1 回答 1

3

您在 html 代码的 head 部分中缺少 jQuery 脚本，请将此行添加到：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

该行适用于您正在使用的 HTML5，所以您没问题。如果您使用的是 HTML 4 或 XHTML，则需要这样引用它：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

祝你编码好运。

于 2013-03-08T23:28:13.430 回答