javascript - 淡入 JQuery 不起作用？-6ren

javascript - 淡入 JQuery 不起作用？

转载作者：行者123 更新时间：2023-11-28 19:58:48

我想在加载时淡入页面。我查看了这里的其他表格，不知何故它对我不起作用......

Javascript 文件:

window.onload = init;

function init() {
    $('#container').fadeIn('slow');

}

其中一页:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Apparel</title>
        <link rel="stylesheet" type="text/css" href="style.css">
                <script src="effects.js"></script>


    </head>

    <body>
     <div id="cart">
        <img src="shopcart.jpg" height="30px">
     </div>

     <div id="container">   
        <div id="nav"> 
            <p id="sb">Apparel</p>
            <p id="about"><a href="home.html">HOME</a></p>          
            <p id="srv"><a href="outerwear.html">OUTERWEAR</a></p>
            <p id="srv"><a href="clothing.html">CLOTHING</a></p>
            <p id="pjt"><a href="shoes.html">SHOES</a></p>
            <p id="pjt"><a href="accessories.html">ACCESSORIES</a></p>
            <p id="about"><a href="about.html">ABOUT</a></p>
            <p id="cont"><a href="contact.html">CONTACT</a></p>
        </div>

        <div id="imgcontainer">
            <img src="homeimg.jpg">
        </div>
      </div>
    </body>
</html>