简单的轮播图小插件

(function () {
    $.fn.moreImg = function () {
        var allpar = Array.prototype.slice.call(arguments);//获取传过来的参数,打散成数组,如对这个有疑问可以参考我收藏的【优雅代码】深入浅出 妙用Javascript中apply、call、bind的那个文章，作者讲的老好了

        var elem = allpar[0];
        var allImg = allpar[1];
        if (allImg.length > 0) {
            $.each(allImg, function (i,v) {
                $(elem).append("<img src=" + v + " style='display:none'>");//添加图片到指定容器，先将所有的轮播的图片隐藏
            })
            var imgs = $(elem).find("img");
            var moveImg = setInterval(function () {//无限次定时重复执行，除非clearInterval(moveImg);
                var tIndex = $(elem).find(".sThis");//显示图片的唯一标示
                if (tIndex.length > 0) {
                    if ($(tIndex.next()).length>0) {
                        $(tIndex.next()).show().addClass("sThis");
                        $(tIndex.next()).siblings().hide().removeClass("sThis");
                    } else {
                        $(imgs[0]).show().addClass("sThis");
                        $(imgs[0]).siblings().hide().removeClass("sThis");
                    } 
                } else {
                    $(imgs[0]).show().addClass("sThis");
                }
            }, 1000)
        }
    }
})(jQuery)

<script>
        var arr = ["image/sf2-bg.jpg","image/top_logo.png","image/ken.png","image/ken-tatsumaki-senpuu-kyaku.png"]
        $(function () {
            $("#login").click(function(){
                $(this).moreImg($("#cll"), arr);//调用自己写的小插件里的函数
            })
            
        })
    </script>
 <div id="cll">点击</div>