jQuery链接微移插件

Posted 2021-02-26

Plugin Source.

(function($){
 
		//Define the plugin, named 'linkNudge' 
		$.fn.linkNudge = function(params){
 
			//set default parameters 
			params = $.extend({
				padding: 20, 
				elapseTime: 300, 
				returnPadding: 0}, params);
 
			//Traverse every node passed 
			this.each(function(){
 
				//Define this as a single object 
				var $t = $(this);
 
				//Proceed to nudge on hover 
				$t.hover(function(){
					$t.stop().css('cursor', 'pointer').animate({paddingLeft: params.padding}, params.elapseTime);	
				}, function(){
					$t.stop().animate({paddingLeft: params.returnPadding}, params.elapseTime);
				});
 
			});
 
			return this;//Allow for chaining.
		};
 
	})(jQuery);