Fiddle

Question

我想知道我的问题在这段代码中是什么：

我希望我的div淡出

但是我不知道为什么它没有像我想的那样运行。我希望你能帮帮我。

    <!DOCTYPE HTML>
    <html>
    <head>
    <title> my site </title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js">
    </script>
    <script type="text/javascript">
    $(document) .ready (function() {
      $("#frame").fadeIn(3000);
    });

    </script>
    <style type="text/css" media="all">
    * {margin:0 auto; padding:0;}
    body {background:#333;}
    #myframe {width:500px; height:300px; background:#006699;font:50px tahoma;
    text-align:center; color:#fff; line-height:100px;}
    </style>
    </head>
    <body>
      <div id="myframe">
         My site . 
    <br />
    THIS IS MY SITE.
      </div>
    </body>
    </html>

Answer 1

错字。

$(document) .ready (function() {
   $("#myFrame").fadeIn(3000);
});

没有frame作为其ID的元素。您只有myFrame作为身份证明。所以上面应该有效。

Answer 2

你宣布一个框架，但javascript正在寻找i frame

<div id="frame">

Answer 3

CSS：

#myframe{
    ...
    display: none;
}

JS：

$(document) .ready (function() {
    $("#myframe").fadeIn(3000);
});

Answer 4

Jquery FadeIn只会显示你的div，如果已经给出了显示无

完整文档

http://api.jquery.com/fadein/

你必须改变你的代码。你有错误的ID 框架将其更改为 myframe 。

$(document) .ready (function() {
      $("#myframe").fadeIn(3000);
    });

并将样式添加到#myframe{display:none;}

函数不运行

4 个答案:

Fiddle