慕课网找回路径课程

将慕课网消失的路径课程显示出来，数据来源：慕课网App4.2.3。使用方法：点击首页上方职业路径，或者输入http://class.imooc.com。github:https://github.com/Ahaochan/Tampermonkey，欢迎star和fork。
目前为 2017-09-08 提交的版本。查看最新版本。
安装此脚本 ?
提问、发表评价，或者举报这个脚本。
换行
// ==UserScript==
// @name        慕课网 找回路径课程
// @namespace   https://github.com/Ahaochan/Tampermonkey
// @version     0.1.6
// @description 将慕课网消失的路径课程显示出来，数据来源：慕课网App4.2.3。使用方法：点击首页上方职业路径，或者输入http://class.imooc.com。github:https://github.com/Ahaochan/Tampermonkey，欢迎star和fork。
// @author      Ahaochan
// @match       http://class.imooc.com*
// @match       https://class.imooc.com*
// @require     https://code.jquery.com/jquery-2.2.4.min.js
// ==/UserScript==

(function ($) {
    'use strict';
    var itemTitles = ["",
        /*  1: */"",
        /*  2: */"",
        /*  3: */"Web前端工程师成长第一阶段(基础篇)",
        /*  4: */"",
        /*  5: */"",
        /*  6: */"",
        /*  7: */"",
        /*  8: */"",
        /*  9: */"",
        /* 10: */"",
        /* 11: */"PHP开发工程师闯关记--初识PHP",
        /* 12: */"",
        /* 13: */"",
        /* 14: */"",
        /* 15: */"",
        /* 16: */"",
        /* 17: */"从0开始学习制作QQ侧滑菜单",
        /* 18: */"模式宗师养成宝典之Java版",
        /* 19: */"",
        /* 20: */"jQuery源码探索之旅",
        /* 21: */"电商网站全站开发攻略",
        /* 22: */"响应式布局那些事",
        /* 23: */"搞定Java加解密",
        /* 24: */"Android加薪利器--自定义View",
        /* 25: */"",
        /* 26: */"前端经典案例集萃之“图片、信息展示”",
        /* 27: */"从零开始学习ThinkPHP框架",
        /* 28: */"高德开发者必由之路——JS API篇",
        /* 29: */"高德开发者必由之路——Android SDK篇",
        /* 30: */"",
        /* 31: */"Java工程师",
        /* 32: */"Web前端工程师",
        /* 33: */"Android工程师",
        /* 34: */"PHP工程师",
        /* 35: */"前端经典案例集萃之 \"网页常用特效\"",
        /* 36: */"Android加薪利器——断点续传",
        /* 37: */"C语言学习攻略",
        /* 38: */"Tony老师聊shell",
        /* 39: */"Swift加薪利器-iOS动画特辑",
        /* 40: */"Oracle数据库开发必备利器",
        /* 41: */"",
        /* 42: */"C++远征攻略",
        /* 43: */"教你HTML5开发爱心鱼游戏",
        /* 44: */"小慕感恩计划-实战Hot!!!",
        /* 45: */"Linux运维工程师",
        /* 46: */"iOS苹果表开发攻略",
        /* 47: */"Cocos2d-x游戏开发快速入门",
        /* 48: */"Hibernate开发宝典",
        /* 49: */"Linux shell运维实战",
        /* 50: */"Android-微信热门功能合集",
        /* 51: */"搞定python基础",
        /* 52: */"玩嗨Python进阶",
        /* 53: */"PHP微信公众平台开发攻略",
        /* 54: */"快速搞定PHP第三方登录(不可用)",
        /* 55: */"带你玩转Yii框架",
        /* 56: */"探索Python世界",
        /* 57: */"Android必备技能之基础组件",
        /* 58: */"安卓特效合集豪华套餐",
        /* 59: */"搞定Java SSM框架开发",
        /* 60: */"SSH框架探幽"];
    var course = {
        "route": {"name": "路线", "id": [45, 34, 33, 32, 31]},
        "all": {
            "name": "全部",
            "id": [3, 11, 17, 18, 20, 21, 22, 23, 24, 26, 27, 28, 29, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60]
        },
        "web_font": {"name": "前端", "id": [43, 35, 28, 26, 22, 20, 3]},
        "web_back": {"name": "后端", "id": [60, 59, 56, 55, 54, 53, 52, 51, 49, 48, 42, 40, 37, 38, 23, 18, 27, 11]},
        "mobile": {"name": "移动", "id": [58, 57, 50, 47, 46, 44, 39, 36, 29, 24, 17]},
        "station": {"name": "整站", "id": [21]}
    };

    //创建存储路径课程的内容div
    var $box = $('<div class="plan-list-box clearfix"></div>'); // 装载课程的div, 复制自原有的课程div
    $('.plan-list-wrap').prepend($box); // 添加到原有课程div之前

    //获取图片数组
    var imgs = [];
    $('.img-box').each(function () {
        var $this = $(this);
        var img = {};
        img['img-up'] = $this.find('.img-up:first').css('background-image').slice(5, -2);
        img['img-mid'] = $this.find('.img-mid:first').css('background-image').slice(5, -2);
        img['img-down'] = $this.find('.img-down:first').css('background-image').slice(5, -2);
        imgs.push(img);
    });

    // 设置导航中的文字
    $('.tab-nav a span').each(function (i) { // 获取a标签中的span标签，更改标题名
        var $this = $(this);
        var key = Object.keys(course)[i]; // 获取course的第i个属性名
        $this.text(course[key].name); // 设置标题
        $this.parent().attr('ahao-type', key); // 设置type, 用于在点击事件获取课程id
    });

    // 设置导航中的点击事件
    $('.tab-nav a')
        .removeAttr('href') // 移除跳转链接
        .off('click') // 移除jquery绑定的点击事件
        .on('click', function () {
            var $this = $(this);
            $box.empty(); // 清空div中的内容, 用于重新加入div

            // 设置nav被选中的class
            $('.tab-nav a').attr('class', 'navitem');
            $this.attr('class', 'navitem navitemall active');

            var type = $this.attr('ahao-type'); // 获取之前设置的type
            for (var i in course[type].id) { // 遍历course中的id数组
                var pid = course[type].id[i];
                var img = imgs[parseInt(Math.random() * imgs.length)]; // 随机获取一个图片
                // 创建item, 复制自原有课程的div的a标签
                var $item = $(
                    '<a class="plan-item l" href="http://www.imooc.com/course/programdetail/pid/' + pid + '" target="_blank">' +
                    '<div class="img-box">' +
                        '<div class="img-up"   style="background-image: url(' + img["img-up"] + ');"></div>' +
                        '<div class="img-mid"  style="background-image: url(' + img["img-mid"] + ');"></div>' +
                        '<div class="img-down" style="background-image: url(' + img["img-down"] + ');"></div>' +
                    '</div>' +
                    '<div class="plan-item-desc-box">' +
                        '<p class="plan-item-name">' + itemTitles[pid] + '</p>' +
                    '</div>' +
                    '</a>');
                $box.append($item);
            }
        })
        // 初始化, 默认选择第一个
        .first().click();
})(jQuery);
欢迎访问Greasy Fork镜像
