jQuery课程表选项卡滑动切换代码

jQuery课程表选项卡滑动切换代码-精品资源网
jQuery课程表选项卡滑动切换代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery课程表选项卡滑动切换代码

这是一款蓝色风格的jQuery课程表选项卡滑动切换代码,以选项卡的方式查看学校机房信息课程表样式。

js代码

<script language=\"javascript\">
(function (window, $, undefined) {
    /*
     * tab切换插件
     * 用例:$(\'*\').createTab();
     */
    $.fn.createTab = function (opt) {
        var def = {
            activeEvt: \'mouseover\',
            activeCls: \'cur\'
        }
        $.extend(def, opt);
        this.each(function () {
            var $this = $(this);
            var timer;
            $this.find(\'ul.title li\').mouseover(def.activeEvt,function(){
                var index = $(this).index(),
                    that = $(this);
                timer = setTimeout(function(){
                    that.addClass(\'cur\').siblings().removeClass(\'cur\');
                    $this.find(\'div.list\').animate({marginLeft:-1000*index},\'slow\');
                },300);
            }).mouseout(function(){
                clearTimeout( timer );
            })
        });
    }

})(window, jQuery);
$(function(){
    $(\".jyTable\").createTab()
})
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容