Question

这是我的代码，它的html和css在另一个文件中，我没有把我在div的css中设置不透明度为0.5，当我在脚本中将鼠标放在它上时它变为1但是它没有工作，所以如果有人可以帮助我，请继续帮助我，我不认为它的浏览器问题（我使用Firefox）和JavaScript启用请帮助。

<html>
<head>
    <title>yaz</title>
    <style>
        div {
            opacity:.5;
            color: white;
        }
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        $(document).ready(function () {
        $('div').mouseenter(function () {
         $('div').fadeTo('fast', 1);
        });
        });
    </script>
</head>
    <body>
            <div>hello</div>
    </body>

Answer 1

这是一个小提琴，它可以正常工作，其中包含JQuery作为@adeneo推荐。

http://jsfiddle.net/wK46p/

$(document).ready(function () {
$('div').mouseenter(function () {
    $('div').fadeTo('fast', 1);
});
});

要包含JQuery，请在您的代码中添加以下代码（如果需要，可以在包含CSS后立即使用）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Answer 2

您没有首先包含jQuery。在样式表链接之后，将此代码添加到<head>部分，直接位于您已经拥有的<script>代码的上方，该代码会消失：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

jQuery fadein动画无效

2 个答案: