5元硬币滑动坠落代码,JS代码库,德仔网

代码语言

代码分类

【JS】 5元硬币滑动坠落

作者:王丽媛 / 发布于2013/10/11/ 549


	var Gravity = {
	
	init: function() {
	
	 $("#lanrenzhijia .block_container").css({
	 height: $("#lanrenzhijia").outerHeight() + "px"
	 });
	
	 $(".handle").mouseenter(function(i) {
	 //animate the cutting of the string
	 $(this).animate({
	 height: "20px"
	 }, {
	 duration: 1500,
	 easing: "easeOutElastic"
	 });
	
	 var block = $(this).parent().next();
	
	 var yposBlock = $(block).position()['top'] - $("#lanrenzhijia").position()['top'];
	 var fallDist = ($("#lanrenzhijia").outerHeight() - yposBlock) - $(block).outerHeight();
	
	 //let the block fall
	 $(block).stop().animate({
	 marginTop: fallDist+"px"
	 }, {
	 duration: 1000,
	 easing: "easeOutBounce"
	 });
	 });
	
	},
	
	reset: function() {
	 $(".handle").stop().animate({
	 height: "50px"
	 },{
	 duration: 1000,
	 easing: "easeInElastic"
	 });
	
	 $(".block").stop().animate({
	 marginTop: "0px"
	 },{
	 duration: 1000,
	 easing: "easeInBounce"
	 });
	}

	}

	$(document).ready(function(){
	Gravity.init();
	});

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　滑动坠落　

同语言下

可能有用的

王丽媛贡献的其它代码(3)