☰

MyAnimeList(MAL) - Hover List, Notifications and Profile dropdown

Why click on the icons when you can hover?

当前为 2016-08-17 提交的版本，查看 最新版本。

// ==UserScript==
// @name         MyAnimeList(MAL) - Hover List, Notifications and Profile dropdown
// @version      1.0.4
// @description  Why click on the icons when you can hover?
// @author       Cpt_mathix
// @match        *://myanimelist.net/*
// @exclude      *://myanimelist.net/animelist*
// @exclude      *://myanimelist.net/mangalist*
// @grant        none
// @namespace https://greasyfork.org/users/16080
// ==/UserScript==

if (typeof jQuery == 'undefined') $ = unsafeWindow.$;

var properties = {
    sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)
    interval: 0, // number = milliseconds for onMouseOver polling interval
    over: showInfo, // function = onMouseOver callback (required)
    timeout: 300, // number = milliseconds delay before onMouseOut
    out: hideInfo // function = onMouseOut callback (required)
};

$('#header-menu > div.header-menu-unit.header-list.js-header-menu-unit').hoverIntent(properties);

$('#header-menu > div.header-menu-unit.header-notification.js-header-notification').hoverIntent(properties);

$('#header-menu > div.header-menu-unit.header-profile.js-header-menu-unit').hoverIntent(properties);

function showInfo() {
    if (! $(this).hasClass('on')) {
        $('.header-list-dropdown').hide();
        $('.header-notification-dropdown').hide();
        $('.header-menu-dropdown').hide();
        $(this).find('.header-list-dropdown').show();
        $(this).find('.header-notification-dropdown').show();
        $(this).find('.header-menu-dropdown').show();
        $(this).addClass('on');
    }
}

function hideInfo() {
    $(this).find('.header-list-dropdown').hide();
    $(this).find('.header-notification-dropdown').hide();
    $(this).find('.header-menu-dropdown').hide();
    $(this).removeClass('on');
}