Jquery 如何在hover上交换照片并多次使用

经过这么多小时的努力 我终于成功了 代码运行良好

.fadein、.fadein2{位置：相对；高度：302px；宽度：300px；}
.fadein2 img，.fadein2 img{位置：绝对；左侧：0；顶部：0；}
$（'.fadein img:gt（0）'）.hide（）；
$（“.fadein”）.hover（函数（）{
timer=setInterval（函数（）{$（'.fadein:first child'）.fadeOut（）
.next（'img'）.fadeIn（）
.end（）.appendTo（'.fadein'）；}，
1000);
}，函数（）{
清除间隔（计时器）；
});

我想在同一页（图库）中多次使用它 我想买至少30个刷卡盒

---

如何在不重复代码的情况下多次使用该代码？

您可以将其作为插件使用

（函数（$）{
$.fn.mySlideShow=函数（）{
返回此值。每个（函数（）{
变量计时器，$slider=$（此）；
$slider.find（'img'）.slice（1.hide（）；
$slider.hover（函数（）{
计时器=设置间隔（函数（）{
$slider.find（':first child'）.fadeOut（）
.next（'img'）.fadeIn（）
.end（）.appendTo（$slider）；
},
1000);
}，函数（）{
清除间隔（计时器）；
});
});
}
})（jQuery）；
jQuery（函数（$）{
$（'.fadein'）.mySlideShow（）；
});
.fadein{
位置：相对位置；
高度：302px；
宽度：300px；
}
法登先生{
位置：绝对位置；
左：0；
排名：0；
}
法登先生{
显示：无；
}
.fadein img：第一个孩子{
显示：块；
}
您可以将其作为插件来完成


（函数（$）{
$.fn.mySlideShow=函数（）{
返回此值。每个（函数（）{
变量计时器，$slider=$（此）；
$slider.find（'img'）.slice（1.hide（）；
$slider.hover（函数（）{
计时器=设置间隔（函数（）{
$slider.find（':first child'）.fadeOut（）
.next（'img'）.fadeIn（）
.end（）.appendTo（$slider）；
},
1000);
}，函数（）{
清除间隔（计时器）；
});
});
}
})（jQuery）；
jQuery（函数（$）{
$（'.fadein'）.mySlideShow（）；
});
.fadein{
位置：相对位置；
高度：302px；
宽度：300px；
}
法登先生{
位置：绝对位置；
左：0；
排名：0；
}
法登先生{
显示：无；
}
.fadein img：第一个孩子{
显示：块；
}


<div class="fadein">
<img src="http://lovesharm.com/thumbssmall/22.jpg"  />
<img src="http://lovesharm.com/thumbssmall/23.jpg" />
<img src="http://lovesharm.com/thumbssmall/21.jpg" />
</div>




<style>
.fadein,.fadein2 { position:relative; height:302px; width:300px;}
.fadein img,.fadein2 img { position:absolute; left:0; top:0; }
</style>


<script>
$('.fadein img:gt(0)').hide();
$(".fadein").hover(function(){
timer = setInterval(function(){   $('.fadein :first-child').fadeOut()
.next('img').fadeIn()
.end().appendTo('.fadein');},             
1000);
}, function() {
clearInterval(timer);
});
</script>