在页面加载时添加动画（从左/右滑动等）

我想在页面加载时添加一些动画。我尝试了几次，但没有成功。你能帮我用jquery破解吗？在页面加载时添加动画（从左/右滑动等）

HTML & jQuery的部分：

<div class="MainPozEstate"><a href=""><img src="assets/img/mrk-sng.png" alt="Acarkent Markavilla"/></a></div> 
    <script type="text/javascript"> 
     jQuery(document).ready(function($) { 
      $(".MainPozEstate a").mouseover(function() { 
       $(this).children("img").stop(true, true).animate({ 
        opacity: 0.6 
       }, 200, "swing", function() { 
        $(this).animate({ 
         opacity: 1 
        }, 400); 
       }); 
      }); 
     }); 
    </script>

CSS线：

.MainPozEstate {float:left;width:980px;margin:0px auto;padding-top:30px;text-align:center;} 
.MainPozEstate img {border:none;margin:0px auto;}

感谢。

来源

2012-11-20 Fatih Toprak

它看起来像你的动画触发'mouseover'，而不是在页面加载时。这是打算吗？ – greener

如果你想添加另一个效果，那么也许做另一个电话。 http://jsfiddle.net/fedmich/w8HzE/2/

jQuery(document).ready(function($) { 
    $(".MainPozEstate a").mouseover(function() { 
     $(this).children("img").stop(true, true).animate({ 
      opacity: 0.6 
     }, 200, "swing", function() { 
      $(this).animate({ 
       opacity: 1 
      }, 400); 
     }); 
    }); 

    // 
}); 

jQuery(document).ready(function($) { 
    //do your other effects here or just trigger/call mouseover if you want. 
    $(".MainPozEstate a").mouseover(); 
});

我觉得你的代码工作，http://jsfiddle.net/fedmich/w8HzE/

来源

2012-11-20 03:06:31 fedmich

是的，我添加了它。但我想为MainPozEstate div图像添加另一个动画效果。当你在浏览器上打开该页面时，该图像应该从左侧开始滑动，然后在5秒后停止动画。 –

在页面加载时添加动画（从左/右滑动等）

回答

相关问题