注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-04-26
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>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。