jq选项卡鼠标延迟的插件实例

2020-05-23 06:20:45易采站长站整理

                 var tabUl=tabcon.find(confings.conTag);
                 var timoutid=null;
                 tabLi.each(function(ind){
                     $(this).bind(options.method,function(){
                         var liNode = $(this);
                         timoutid = setTimeout(function(){ //鼠标不小心划过的延迟时间
                             tabUl.hide();
                             tabLi.removeClass(“cur”);
                             tabUl.eq(ind).show();
                             liNode.addClass(“cur”);
                         },300);
                     }).mouseout(function(){
                                 clearTimeout(timoutid);
                             });
                 })
                 return this;
             }
         })
     })(jQuery);
     $(function(){
         $(“#testtab5”).myTab({
             tabNav:”#tabtag5″,tabTag:”li”,tabCon:”#tabcon5″,conTag:”.tabcontent”,method:”mouseover”