我是 jquery 的新手，我正在尝试编写一个非常简单的动画。我已经对 div 运动进行了编码，但我希望动画在进入页面时自动启动，而无需单击或悬停任何内容。
这就是代码
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").hover(function(){
$("#div02").animate({left:'150px'});
});
$("p").hover(function(){
$("#div01").animate({left:'180px'});
});
});
</script>
<style>
#div02{background:url(norahalf.png) no-repeat; background- size:contain;height:100px;width:100px;position:absolute;}
#div01{background:url(rinohalf.png) no-repeat; background-size:contain;height:100px;width:100px;position:absolute; left:500px}
</style>
</head>
<body>
<p>something something dark side</p>
<div id="div02"><img src="pixeltransp.gif" width="100%" height="100%" alt="rino" title="rino"></div>
<div id="div01"><img src="pixeltransp.gif" width="100%" height="100%" alt="nora" title="nora"></div>
任何帮助将不胜感激!
诺拉
最佳答案
尝试在悬停段落后不执行 animate 函数，然后:
$(document).ready(function(){
$("#div02").animate({left:'150px'});
$("#div01").animate({left:'180px'});
}
关于javascript - Jquery动画进入页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22132178/