ExHentai thumbnail list title hover prompt

Add a hover hint to the ExHentai thumbnail list title to display the full title

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name                ExHentai thumbnail list title hover prompt
// @name:zh-CN          ExHentai缩略图列表标题悬浮提示
// @name:zh-TW          ExHentai縮略圖列表標題懸浮提示
// @namespace           moe.moekai.exhentai-tooltip
// @version             0.6
// @description         Add a hover hint to the ExHentai thumbnail list title to display the full title
// @description:zh-CN   给ExHentai缩略图列表标题添加悬浮提示来显示完整标题
// @description:zh-TW   給ExHentai縮略圖列表標題添加懸浮提示來顯示完整標題
// @author       YIU
// @icon         https://exhentai.org/favicon.ico
// @match        *://exhentai.org/
// @match        *://exhentai.org/?*
// @match        *://e-hentai.org/
// @match        *://e-hentai.org/?*
// @require      https://code.jquery.com/jquery-2.1.1.min.js
// @require      https://code.jquery.com/ui/1.11.0/jquery-ui.min.js
// @run-at       document-end
// @grant        none
// ==/UserScript==

(function() {

	var headlabel = `<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<style>
.ui-tooltip,.arrow:after{background:#001a;border:1px solid #446}
.ui-tooltip{padding:8px 10px;color:white;font-size:11pt;box-shadow:0 0 7px #446;max-width:250px;z-index:9}
</style>`;

	$('head').append(headlabel);

	$('.gl3t').tooltip({
		position:{
			using:function(position){
				position.top += 25;
				position.left += 20;
				$(this).css(position);
				$("<div>").addClass("arrow").appendTo(this);
			}
		},
		track:true
	});

})();