发布一个jquery动画插件

只需要看说明提交相关参数,就可以实现不错的效果。

插件代码如下:

/**
使用示例:我们要对id为sdsdsd里的div实现动画切效果
<div id="sdsdsd" style="width:90000px; position:relative; height:128; line-height:128 overflow:hidden;">
    <span><img src="1.jpg"></span>
    <span><img src="1.jpg"></span>
    <span><img src="1.jpg"></span>
</div>

显示切换到哪一个的状态指示
<ul id="gwtj_nrshow">
   <li class="current"></li> <li></li> <li></li>
</ul>


在调用页面中使用:

$("#sdsdsd").scooltab({<br>    speed:500,//在多少豪秒内完成切换<br>    items:"span",//每一次切换时的选项类型<br>    zhishicss:"current",//切换到哪 张时的指示css样式<br>    zhitiname:"#gwtj_nrshow li",//切换到哪 一张时的标签类型 注意传入一个集合<br>    tabsp:4000,//切换下一张的时间间隔<br>});



就OK了.
*/
;(function($){
    $.fn.extend({
        "scooltab":function(optionss){
              var _self=$(this);
              var _id=_self.attr("id");
                optionss=$.extend({
                    speed:600,//在多少豪秒内完成切换
                    items:"span",//每一次切换时的选项类型
                    zhishicss:"current",//切换到哪 张时的指示css样式
                    zhitiname:"#flastabs li",//切换到哪 一张时的标签类型 注意传入一个集合
                    tabsp:3000,//切换下一张的时间间隔
                },optionss);
                
                //删除空格和换行符
                _self.html(_self.html().replace(/\>[\s|\n]+\</g,"><"));
                var pagess=1;
                
                
                //具体执行的函数
                var dofun=function(obj,i){
                    pagess=i;
                    var pagecount=obj.find(">"+optionss.items+":last").index()+1;//获取有多少页
                    var widthss=obj.find(">"+optionss.items).width();
                    
                  if(!obj.is(":animated")){
                            if(pagecount==pagess){
                                obj.animate({left:0},"normal");
                                pagess=1;
                            }else{
                                obj.animate({left:"-"+pagess*widthss},optionss.speed);
                                pagess++;
                            }
                    $(optionss.zhitiname).eq(pagess-1).addClass(optionss.zhishicss).siblings().removeClass();
                    }
                  }
                temps=setInterval(function(){dofun(_self,pagess)},optionss.tabsp);
                $(optionss.zhitiname).bind("click",function(){
                    var di=$(this).parents().find(this).index();
                    dofun(_self,di);
                });
                return _self;
            },

        })
})(jQuery)