( function ($){
$.fn.slide = function (options){
var defaults = {
sLength : 10 // 缩进长度
}
var options = $.extend(defaults,options);

this .each( function (){
// var thisObj = $(this);
// thisObj.find("a").each(function(){
var className = $( this ).attr( " class " );
$( this ).mouseover( function (){
$( this ).animate({marginLeft :options.sLength + ' px ' }, {queue: false , duration: 300 });

}).mouseout( function (){

$( this ).animate({marginLeft : ' 0px ' }, {queue: false , duration: 300 });

});
// });

});
};
})(jQuery);

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title ></ title >
< script type ="text/javascript" src ="/js/jquery-1.3.1.min.js" ></ script >
< style type ="text/css" >
ul { float : left ; }
ul li { list-style-type : none ; }
.hoverClass { color : red ; }
.oddClass { color : black ; }
</ style >
< script type ="text/javascript" >
( function ($){
$.fn.slide = function (options){
var defaults = {
sLength : 10 // 缩进长度
}
var options = $.extend(defaults,options);
this .each( function (){

var className = $( this ).attr( " class " );
$( this ).mouseover( function (){
$( this ).animate({marginLeft :options.sLength + ' px ' }, {queue: false , duration: 300 });
}).mouseout( function (){
$( this ).animate({marginLeft : ' 0px ' }, {queue: false , duration: 300 });
});

});
};
})(jQuery);
</ script >
< script >
$( function (){
$( " ul li a " ).slide({sLength: 10 ,className: " hoverClass " });
})
</ script >
</ head >
< body >
< ul >
< li >< a href ="#" class ="oddClass" > 嗨，美女，这是我写的一个jQuery插件！ </ a ></ li >
< li >< a href ="#" class ="oddClass" > 先想好做个什么功能 </ a ></ li >
< li >< a href ="#" class ="oddClass" > 不急着写，先想想实现原理 </ a ></ li >
< li >< a href ="#" class ="oddClass" > 一个通用的框架 </ a ></ li >
< li >< a href ="#" class ="oddClass" > 名号、参数和属性 </ a ></ li >
< li >< a href ="#" class ="oddClass" > 开始下半身吧 </ a ></ li >
< li >< a href ="#" class ="oddClass" > 最重要的一步！ </ a ></ li >
< li >< a href ="#" class ="oddClass" > ok！来看看一个完整的实例吧！ </ a ></ li >
</ ul >
</ body >
< html >