使用javascript上的动画将对象从中心移动到角落
Move object from center to corner with animation on javascript?
这是我想要的基本flash动画。但是我不想用闪光灯。
首先,我想看到介绍屏幕上的大标志,它移动到左角,随着动画的缩小。
这样做的最佳做法是什么。有样品吗?
Thx
您应该使用animate()
这里有一个jsfiddle示例,只需单击
css:
.logo { position:absolute; left:0px; top:0px; }
jQuery:
$(document).ready(function(){
//when document ready
$('.logo').animate({'left':'960px'},1000); //1000 = 1second
//click animation
$('.logo').click(function(){
$(this).animate({'left':'960px'},1000); // you can set left/top or you can do it with margins
});
});
jquery animate使用所有正确的值可以很容易地做到这一点。
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- FabricJs-限制主对象内添加对象的移动区域
- 如何从画布上的某个移动事件中获取X和Y
- 触摸移动时切换到新元素
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 停止jQuery UI滑块移动超过给定值
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- JQuery移动动态分区页面
- XMLHttpRequest在移动设备上的chrome上不起作用
- 如何使bxslider仅在移动视图中处于活动状态
- css停止图像在滚动中移动
- jquery移动对齐按钮取决于内容大小
- 使用javascript上的动画将对象从中心移动到角落
- Jquery移动按钮点击在角落不工作
- 鼠标移动时缩放图像:到达所有角落
- 可移动的弹出指令使弹出跳转到屏幕的角落