DomLastic.js点击删除项目弹性动画插件-精品资源网

DomLastic.js点击删除项目弹性动画插件

一款基于DomLastic.js弹性动画插件制作的jQuery点击删除项目弹性动画代码，它可以为HTML元素添加弹性动画特效效果。你可以管理一组DOM元素，使它们具有物理弹性效果。这个效果就像iOS系统的信息在滚动时的弹性效果，非常炫酷。

js代码

<!-- jQuery -->
<script src=\"assets/jquery.js\"></script>
<script type=\"text/javascript\" src=\"assets/jquery-ui.js\"></script>

<!-- domLastic.js -->
<script type=\"text/javascript\" src=\"dist/domlastic.js\"></script>
<link rel=\"stylesheet\" href=\"assets/demopage-styles.css\" type=\"text/css\" />

<!-- set example DomLastic events -->
<script>
	$(document).ready(function() {

		domLastic.init({
			itemsClassnameToConnect: \'item\', //cssSelector for items to join
		});

		$(\'.container-1 .listToAnimate\').animate({
			top: 0
		}, 500, \'easeInQuad\', function() {
			domLastic.animateItems();
		});
		$(\'.listToAnimate\').draggable({
			axis: \'y\',
			stop: function(event, ui) {
				$(\'.container-1 .listToAnimate\').animate({
					top: 0
				}, 200, \'easeInQuad\', function() {
					domLastic.animateItems();
				});
			}
		});

	});
</script>