Mouse click effects

Mouse click effects.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(У мене вже є менеджер скриптів, дайте мені встановити його!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name            Mouse click effects
// @auther          miraku
// @version         0.3
// @description     Mouse click effects.
// @namespace       https://greasyfork.org/zh-CN/users/144063-miraku
// @include         *
// ==/UserScript==
/**
 * @name		    onclick
 * @auther          miraku
 * @description     effects of click
 */

(function() {
	var random_num = 0;
	var colors = ["#DC9FB4", "#E16BBC", "#F4A7B9", "#F596AA", "#FEDFE1"];
	jQuery(document).ready(function($) {
		$("html").click(function(nowp) {
			var x = nowp.pageX,
				y = nowp.pageY;
			var fsize = 18;
			var $click_dot;
			random_num = Math.round(Math.random() * 50);
			switch (random_num) {
				case 0:
					$click_dot = $("<b></b>").text("( ̄▽ ̄)");
					// statements_1
					break;
				case 1:
					$click_dot = $("<b></b>").text("(o゚v゚)ノ");
					// statements_1
					break;
				case 2:
					$click_dot = $("<b></b>").text("ε=ε=ε=(~ ̄▽ ̄)~");
					// statements_1
					break;
				case 3:
					$click_dot = $("<b></b>").text("o((>ω< ))o");
					// statements_1
					break;
				case 4:
					$click_dot = $("<b></b>").text("= ̄ω ̄=");
					// statements_1
					break;
				case 5:
					$click_dot = $("<b></b>").text("(。>︿<)_θ");
					// statements_1
					break;
				case 6:
					$click_dot = $("<b></b>").text("o(* ̄︶ ̄*)o");
					// statements_1
					break;
				case 7:
					$click_dot = $("<b></b>").text("(づ ̄3 ̄)づ╭❤~");
					// statements_1
					break;
				case 8:
					$click_dot = $("<b></b>").text("(☆▽☆)");
					// statements_1
					break;
				case 9:
					$click_dot = $("<b></b>").text("?");
					fsize = Math.round(Math.random() * 14 + 6);
					break;
				default:
					$click_dot = $("<b></b>").text("❤");
					fsize = Math.round(Math.random() * 14 + 6);
					// statements_def
					break;
			}
			$click_dot.css({
				"-moz-user-select": "none",
				"-webkit-user-select": "none",
				"-ms-user-select": "none",
				"z-index": 1008,
				"top": y - 20,
				"left": x,
				"position": "absolute",
				"color": colors[Math.round(Math.random() * 5)],
				"font-size": fsize
			});
			$("body").append($click_dot);
			$click_dot.animate({
				"top": y - 200,
				"opacity": 0
			}, 1500, function() {
				$click_dot.remove();
			});
		});
	});
})();