-1

我是第一次尝试 jQuery。此代码取自 W3schools。在这里，如果您单击按钮，您应该会看到 3 个框。我没有更改代码中的任何内容，除了我更改了 src 的头部。我正在使用火狐。

    <html>
        <head>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
    $(document).ready(function(){
    $("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
  });
});
</script>
</head>

<body>
<p>Demonstrate fadeIn() with different parameters.</p>
<button>Click to fade in boxes</button>
<br><br>
<div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><br>
<div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div><br>
<div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>

</body>
</html>
4

1 回答 1

0

更改您的 src = "http:// .... 因为它没有获取 Jquery 文件。

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $("#div1").fadeIn();
                $("#div2").fadeIn("slow");
                $("#div3").fadeIn(3000);
            });
        });
    </script>
</head>
<body>
    <p>
        Demonstrate fadeIn() with different parameters.</p>
    <button>
        Click to fade in boxes</button>
    <br>
    <br>
    <div id="div1" style="width: 80px; height: 80px; display: none; background-color: red;">
    </div>
    <br>
    <div id="div2" style="width: 80px; height: 80px; display: none; background-color: green;">
    </div>
    <br>
    <div id="div3" style="width: 80px; height: 80px; display: none; background-color: blue;">
    </div>
</body>
</html>
于 2012-12-09T18:16:19.310 回答