hover for link

try to take over the world!

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

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

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         hover for link
// @namespace    https://github.com/Khdoop
// @version      0.5
// @description  try to take over the world!
// @author       Khdoop
// @match        *://*/*
// @grant        none
// @require      https://code.jquery.com/jquery-3.1.1.min.js
// ==/UserScript==


var body = $(document.body);
console.log('1111111', body);
var anchors = body.find('a');
var box = $('<div class="link-tooltip"></div>').appendTo(body);

box.css({
	display: 'block',
	position: 'absolute',
	right: 0,
	padding: '5px',
	'font-size': '18px',
	background: 'white',
	border: '1px solid black',
	opacity: 0.9,
	'word-break': 'break-all',
	'z-index': 99999
});

anchors.on('mouseover', function() {
	box.css({display: 'block', bottom: body.scrollTop() * -1}).text($(this)[0].href);
}).on('mouseleave', function() {
	box.css({display: 'none'});
});