PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > JS特效 > Tab选项卡 > 正文

    jquery tab选项卡支持鼠标滑过、点击、自动切换等功功能

    作者:admin来源:网络浏览:时间:2014-05-13 12:03:16我要评论
    分享到

    内容介绍

    B5教程网分享一个tab选项卡插件tabs.js,非常实用,5种效果轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等功能,B5教程网推荐下载!B5教程网,站长必备js网页特效及js广告代码,提供高质量js特效下载。
    核心代码如下:
     
    复制代码 代码如下:
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script src="js/jquery.tabs.js"></script>
    <script src="js/jquery.lazyload.js"></script>
    <script type="text/javascript">
    $(function(){

    $("img[original]").lazyload({ placeholder:"images/color3.gif" });

    $('.demo1').Tabs();
    $('.demo2').Tabs({
      event:'click'
    });
    $('.demo3').Tabs({
      timeout:300
    });
    $('.demo4').Tabs({
      auto:3000
    });
    $('.demo5').Tabs({
      event:'click',
      callback:lazyloadForPart
    });
    //部分区域图片延迟加载
    function lazyloadForPart(container) {
      container.find('img').each(function () {
       var original = $(this).attr("original");
       if (original) {
        $(this).attr('src', original).removeAttr('original');
       }
      });
    }
    });
    </script>

     

    下载资源:477 下载积分:0 积分
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-57-209-1.html
    相关热词搜索: tab选项卡 jquery插件 tabs