Search code examples
jquerydocumentfadein

functions does not run

I want to know what my problem is in this code :

I want that my div fade in

but id don't know why it doesn't run as good as i want. I hope you help me.

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

  • CSS:

    #myframe{
    ...
    display: none;
}

    JS:

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