Jquery 函数不运行_Jquery_Document_Fadein

Jquery 函数不运行

jquery

Jquery 函数不运行,jquery,document,fadein,Jquery,Document,Fadein,我想知道我的代码有什么问题：我想让我的沙发褪色但我不知道为什么它没有我想要的那么好。我希望你能帮助我 <!DOCTYPE HTML> <html> <head> <title> my site </title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js">

我想知道我的代码有什么问题：

我想让我的沙发褪色

但我不知道为什么它没有我想要的那么好。我希望你能帮助我

    <!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>


我的网站
$（文档）.ready（函数（）{
美元（“#帧”）。法代因（3000）；
});
*{边距：0自动；填充：0；}
正文{背景：#333；}
#myframe{宽度：500px；高度：300px；背景：006699；字体：50px tahoma；
文本对齐：居中；颜色：#fff；线条高度：100px；}
我的网站。


这是我的网站。

打字错误

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

没有以

frame

作为id的元素。您只有

myFrame

作为id。因此，上面的方法应该可以工作。

您声明了myFrame，但javascript正在查找id frame

<div id="frame">

CSS：

JS:

Jquery FadeIn仅在已经给出Display None时才显示您的div

完整的文件

你必须改变你的代码。您提供了错误的idframe将其更改为myframe

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

并将样式添加到

#myframe{display:none；}

但是我不知道为什么它没有我想要的那么好。

你能量化一下你想要它有多好吗？

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

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