码迷,mamicode.com
首页 > 编程语言 > 详细

javascript-jquery插件

时间:2017-02-22 19:30:06      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:rip   部分   bounce   end   cli   seo   pre   div   函数   

1.jquery创建插件

jQuery.extend({插件名:函数体,插件名:函数体});

html部分

<div id="div1">开始动画</div>

jquery部分

$(function(){
			$("#div1").click(function(){
				$(this).animate(
					{"left":800},
					6000,
					"easeOutBounce",
					function(){
						$(this).html("动画结束");
					}
					
				);
				
			});
		});

  插件部分

jQuery.extend(jQuery.easing, {
	easeOutBounce: function(x, t, b, c, d)
	{
		if ((t /= d) < (1 / 2.75))
		{
			return c * (7.5625 * t * t) + b;
		}
		else if (t < (2 / 2.75))
		{
			return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b;
		}
		else if (t < (2.5 / 2.75))
		{
			return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b;
		}
		else
		{
			return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b;
		}
	}
});

  

javascript-jquery插件

标签:rip   部分   bounce   end   cli   seo   pre   div   函数   

原文地址:http://www.cnblogs.com/yaxinwang/p/6430413.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!