当前位置:首页 » JavaScript » 正文

使用Jquery动画animate方法实现图片的移动效果

2016年12月29日 11:55:38  分类: JavaScript  参与: 人  点这评论


具体实现效果可查看Demo:http://timegowhere.com/post/animate.html


核心代码:

//往右移动200像素
function moveRight(){
	$div.stop();
	$div.animate({
		marginLeft:"200px"
	},3000);
}
//往右和往下各移动200像素		
function moveRightDown(){
	$div.stop();
	$div.animate({
	        marginLeft:"200px",
		marginTop:"200px"
	},3000);
}

具体源代码直接查看Demo即可!


【相关Demo】

使用Jquery动画animate方法实现的方块排列小游戏

来源:时间去哪儿了博客(微信/QQ号:903918446),转载请保留出处和链接!

本文链接:http://timegowhere.com/post/animate_move_demo.html

本文标签:JQuery  animate    

<< 上一篇下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

搜索

网站分类

Tags列表

最新留言

微信公众号【双语悦读】

    【个人微信】

站点地图 | 网站标签 | 给我留言

Copyright © 2014-2016 timegowhere.com. All rights reserved. 粤ICP备15081222号