2014已经悄然到来，在新的一年我们恭贺所有客户事业蒸蒸日上，同事庆祝智软设计工作室成立5周年，在5周年为众多客户提供了保质量的网站设计与网站制作。 我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务！期待与你合作
智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格，最优质的质量，最突出的设计！得到了客户的一致认可,我们的服务包括：宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!
点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解
2014开幕，宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格
智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新，让新老客户更好的看到我们做的案例，点击查看我们做的网站案例吧！
智软(宁波网络公司)帮你轻松解决网络问题，网站一站式解决方案
jQuery动画.animate()方法简单实例
jquery动画现在比较流行，比如点击一个页面后。每个div内容单独动画形式移动下来。或者出现，下面是我写的简单的代码
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var dice = $("#dice");
var shang10=$("#shang10");
var shang11=$("#shang11");
var shang12=$("#shang12");
var shang13=$("#shang13");
shang10.animate({top: "100px",left: "400px"})//下移动,可以添加移动时间参数,100
.delay(800).animate({top: "200px",left: "200px"})//到时间重新移动动画
shang11.animate({top: "200px",left: "500px"})
.delay(800).animate({top: "300px",left: "500px"})//到时间重新移动动画
shang12.animate({top: "500px",left: "600px"})
.delay(800).animate({top: "300px",left: "500px"})//到时间重新移动动画
shang13.animate({top: "600px",left: "200px"})
.delay(800).animate({top: "300px",left: "600px"})//到时间重新移动动画
});
</script>
<div id="shang10" style="position: absolute; height: 55px; width:50px;top:-70px;left:300px;background-color:#ee0000;"><h1><a href="">s</a></h1></div>
<div id="shang11" style="position: absolute; height: 55px; width:50px;top:-70px;left:400px; background-color:#FFf000;">宁波网站制作</div>
<div id="shang12" style="position: absolute; height:55px; width:50px;top:-70px;left:500px; background-color:#000000;">sfhdskjf</div>
<div id="shang13" style="position: absolute; height: 55px; width:50px;top:-70px;left:600px;background-color:#F00000;">sfhdskjf</div>
【责任编辑：小戴工程师】
上一篇：PHP怎么防止重复刷新提交？代码分享 下一篇：javascript发送短信验证码代码
客户案例
QQ在线咨询
18668277799
