imgur animated upvote/downvote fireworks

adds an animation to upvote/downvote
安裝腳本 ?
換行
// ==UserScript==
// @name         imgur animated upvote/downvote fireworks
// @namespace    http://porath.org/
// @version      0.25
// @description  adds an animation to upvote/downvote
// @author       porath
// @match        http://imgur.com/*
// @match        https://imgur.com/*
// @grant        none
// ==/UserScript==

$('#mainUpArrow').append('<div id="upvote_firework" style="display: none; position: absolute"><img src="//i.imgur.com/YEzlDPG.png" /></div>');
$('#mainDownArrow').append('<div id="downvote_firework" style="display: none; position: absolute"><img src="//i.imgur.com/5WTwxi9.png" /></div>');

$('#mainUpArrow').on('click', function () {
    if ($('#mainUpArrow').hasClass('pushed')) {
        return;
    }

    $('#upvote_firework').css("top", -39);
    $('#upvote_firework').css("left", -80);

    $('#upvote_firework').show();

    window.setTimeout(function() { // wait, then hide the animation
        $('#upvote_firework').hide();
    }, 1000);
});

$('#mainDownArrow').on('click', function () {
    if ($('#mainDownArrow').hasClass('pushed')) {
        return;
    }

    $('#downvote_firework').css("top", -39);
    $('#downvote_firework').css("left", -39);

    $('#downvote_firework').show();

    window.setTimeout(function() { // wait, then hide the animation
        $('#downvote_firework').hide();
    }, 1000);
});

function animateCommentUpvote (a) {
    if (a.parent().find('.comment_upvote').length == 0) {
        a.closest('.up').append('<div class="comment_upvote" style="display: none; position: absolute; width: 80px; height: 45px;"><img style="width: 80px !important; height: 45px !important;" src="//i.imgur.com/YEzlDPG.png" /></div>');
    }

    a.parent().find('.comment_upvote').css("top", -10);
    a.parent().find('.comment_upvote').css("left", -15);

    a.parent().find('.comment_upvote').show();

    window.setTimeout(function() { // wait, then hide the animation
        $('.comment_upvote').hide();
    }, 1000);
};

function animateCommentDownvote (a) {
    if (a.parent().find('.comment_downvote').length == 0) {
        a.closest('.up').append('<div class="comment_downvote" style="display: none; position: absolute; width: 80px; height: 45px;"><img style="width: 80px !important; height: 45px !important;" src="//i.imgur.com/5WTwxi9.png" /></div>');
    }

    a.parent().find('.comment_downvote').css("top", -10);
    a.parent().find('.comment_downvote').css("left", -15);

    a.parent().find('.comment_downvote').show();

    window.setTimeout(function() { // wait, then hide the animation
        $('.comment_downvote').hide();
    }, 1000);
};

$('#comments-container').on('click', '.icon-upvote', function () {
    if ($(this).parent().hasClass('pushed')) {
        return;
    }

    animateCommentUpvote($(this));
});

$('#comments-container').on('click', '.up.arrow', function () {
    if ($(this).hasClass('pushed')) {
        return;
    }

    animateCommentUpvote($(this).find('.icon-upvote'));
});

$('#comments-container').on('click', '.icon-downvote', function () {
    if ($(this).parent().hasClass('pushed')) {
        return;
    }

    animateCommentDownvote($(this));
});

$('#comments-container').on('click', '.down.arrow', function () {
    if ($(this).parent().hasClass('pushed')) {
        return;
    }

    animateCommentDownvote($(this).find('.icon-downvote'));
});