-1

初めてjQueryを試しています。このコードはW3schoolsから取得されました。ここで、ボタンをクリックすると、3つのボックスが表示されます。srcを変更したヘッドを除いて、コードでは何も変更していません。Firefoxを使用しています。

    <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

Jqueryファイルを取得していなかったため、src = "http：//....を変更します。

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