智软工作室主要是为宁波公司提供宁波网站建设,宁波网站制作,宁波做网站公司,宁波外贸网站建设公司,宁波网站优化等项目,以优质的服务,优惠的价格,深的客户信赖。相信有你的加入我们的明天会更有动力!期待与你合作!
  • 宁波智软设计工作室,打造宁波网站制作工作室顶级品牌
  • 智软拥有专业的设计团队
  • 多年网站建设团队为你服务
  • 智软期待与你合作
  • 我们的技能
  • 我们掌握的技能有:dreamweaver,flash,photoshop
  • 宁波高端网站建设服务公司
    2014已经悄然到来,在新的一年我们恭贺所有客户事业蒸蒸日上,同事庆祝智软设计工作室成立5周年,在5周年为众多客户提供了保质量的网站设计与网站制作。 我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务!期待与你合作
  • 企业网站制作建设原因与服务介绍

    智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格,最优质的质量,最突出的设计!得到了客户的一致认可,我们的服务包括:宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!

  • 点击链接网站优化推广介绍

    点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解

  • 2014开幕,宁波网站设计服务全面优惠.

    2014开幕,宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格

  • 链接到网站案例展示平台
    智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新,让新老客户更好的看到我们做的案例,点击查看我们做的网站案例吧!
  • 我们宁波网络公司提供网站一站式解决方案
    智软(宁波网络公司)帮你轻松解决网络问题,网站一站式解决方案
你当前的位置: > 营销与网络 >

jQuery动画.animate()方法简单实例

2015-11-15 11:05

 jquery动画现在比较流行,比如点击一个页面后。每个div内容单独动画形式移动下来。或者出现,下面是我写的简单的代码

<script type="text/javascript" src=/yingxiaoyuwangluo/"jquery.min.js"></script>_/p/index.html>

<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=/yingxiaoyuwangluo/"">s</a></h1></div>_/p/index.html>

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

更多

【责任编辑:小戴工程师】

关键字: jQuery

上一篇:PHP怎么防止重复刷新提交?代码分享 下一篇:javascript发送短信验证码代码

最新文章

2015-11-15 11:05

相关文章

2015-11-15 11:05
网站制作咨询:
QQ:277728291
电话:18668277799
邮箱:277728291@qq.com
期待你来电咨询
回顶部
Copyright 2010 智软工作室 版权所有    智软为宁波公司提供最优惠的网络服务【宁波网站建设,宁波网站制作公司,宁波做网站公司,宁波外贸网站建设公司】我们竭诚为你服务!
友情链接: