Question

我希望在加载时淡入页面。我在这里查看了其他表格，不知何故它只是不适合我...

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>

Answer 1

把

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

以上

<script src="effects.js"></script>

这会在您$

时公开您正在使用的$('#container')变量（也称为jQuery库）

Answer 2

您最好将window.onload替换为$（function（）{}）;

以下是代码：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
//window.onload = init;
$(function(){
   init()
});
</script>

享受它：）

淡入JQuery不工作？

2 个答案: