$(document).ready(function(){ /*$('.box-mark li').mouseenter(function(){ $(this).find('.img-text').stop().animate({'bottom':0},600) }); $('.box-mark li').mouseleave(function(){ $(this).find('.img-text').stop().animate({'bottom':'-100%'},600) })*/ function Mark(li){ this.li=li; } Mark.prototype.move=function(text){ $(this.li).mouseenter(function(){ $(this).find(text).stop().animate({'bottom':0},600) }) $(this.li).mouseleave(function(){ $(this).find(text).stop().animate({'bottom':'-100%'},600) }) } var mark=new Mark('.box-mark li'); mark.move('.img-text'); })
代码还有些不完善,需要继续学习