购买流程 付款方式 常见问题 在线提问  续租服务  购物车
首页 域名注册 虚拟主机 成品网站 企业邮局 服务器租用 VPS主机 云主机 智能建站 代理专区 客户中心
用户登陆
           首页公告
           常见问题
           有问必答
           跟踪提问
           购买流程
           付款事宜
           汇款确认
           相关文档
           联系我们



发布一个jquery动画插件

 



发布一个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)


返回首页 |关于我们 | 联系我们 | 付款方式 | 广告联盟 | 有问必答
版权所有 西部数码代理,西数代理,vps_空间优惠,网站性能优化·严禁复制
在线客服: 点击发送消息给对方3528938
服务热线:18382390188 传真:028-86264041
信息反馈:业务咨询 技术问题 问题投诉 《中华人民共和国增值电信业务经营许可证》川B2-20030065号
友情链接:美美哒网