0

我对 jQuery 很陌生，我一直在尝试实现类似http://jsfiddle.net/rniestroj/nZhbg/

但它似乎不适用于我的代码。我不明白我的 jQuery 部分是否错误？

这是我所拥有的：

在代码中，带有 img0...etc 的 jQuery 的第二部分是我的标题的淡入和淡出。

索引.php

 <html>
 <head>
   <link rel="stylesheet" href="css/style2.css" type="text/css">
 </head>
 <body>

    <!-- JQuery script for fade in and fade out of the whole page-->

 <script>
 $(".circle1").hover(
     function(){
        $(".circle1info").animate({left: '+=1000',bottom: '+=1000'}, 1750); 
     }, 
     function(){
        $(".circle1info").animate({left: '-=1000',bottom: '-=1000'}, 750);  
     });

 $( "#img0" ).delay(1000).fadeIn(3000, function() {
   $( "#img1" ).fadeIn(3000, function() {
     $( "#img2" ).fadeIn(3000, function() {
        $( "#img3" ).fadeIn(3000, function() {
            $( "#img4" ).fadeIn(3000, function() {
                $( "#rightpanel" ).fadeIn(500, function() {
                     $( "#leftpanel" ).fadeIn(500, function() {
                    });             
                });             
            });
        });
     });
  });
  return false;
});
</script>

<img class="smdmascot" src="/images/fade/samplemd_mascot.png"><br>
<img class="circle4" src="/images/fade/circle4.png"><br>
<img class="circle3" src="/images/fade/circle3.png"><br>
<img class="circle2" src="/images/fade/circle2.png"><br>
<img class="circle1" src="/images/fade/circle1.png"><br>
<img class="circle1info" src="/images/fade/coupon_slider.png">


 </body>
 </html>

CSS：（我取出了一些 img0...etc 的东西，这样更容易看）

  a:link { color: #FFFFFF; } 
  a:visited { color: #FFFFFF; } 
  a:hover { color: #000000; } 
  a:active { color: #FFFFFF; }


  .maindiv {
  position: absolute;

  }
  .circle1 {
      position: absolute;
      z-index: 5;
      left: 545px;
      top: 715px;

      }
      .circle1info {
      position: absolute;
      z-index: -5;
      left: 545px;
      top: 715px;


      }
  .circle2 {
      position: absolute;
      z-index: 4;
      left: 579px;
    top: 600px;

      }
  .circle3 {
      position: absolute;
      z-index: 3;
      left: 597px;
      top: 515px;

      }
  .circle4 {
      position: absolute;
      z-index: 2;
      left: 618px;
    top: 450px;

      }
  .smdmascot {
      position: absolute;
      z-index: 1;
      left: 580px;
    top: 320px;

      }

</style>

我非常感谢任何帮助。

4

1 回答 1

0

$( "#img0" ) 正在选择 id 为 img0 的任何元素，我在您的代码中看不到任何元素！

于 2013-09-27T13:41:23.333 回答