imgur animated upvote/downvote fireworks

adds an animation to upvote/downvote

当前为 2015-07-05 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         imgur animated upvote/downvote fireworks
// @namespace    http://porath.org/
// @version      0.11
// @description  adds an animation to upvote/downvote
// @author       porath
// @match        http://imgur.com/*
// @grant        none
// ==/UserScript==

$('#mainUpArrow').append('<div id="upvote_firework" style="display: none; position: absolute"><img src="http://i.imgur.com/YEzlDPG.png" /></div>');
$('#mainDownArrow').append('<div id="downvote_firework" style="display: none; position: absolute"><img src="http://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);
});