您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Adds a floating tooltip with the ASMR's tags when you hover over the thumbnail.
// ==UserScript== // @name Japanese ASMR Tags Tooltip on hover // @namespace https://www.swcombine.com/ // @version 1.1 // @description Adds a floating tooltip with the ASMR's tags when you hover over the thumbnail. // @author code-syl // @match https://japaneseasmr.com/* // @icon https://external-content.duckduckgo.com/ip3/japaneseasmr.com.ico // @grant none // @require https://greasyfork.org/scripts/383527-wait-for-key-elements/code/Wait_for_key_elements.js?version=701631 // @license MIT // ==/UserScript== /* @require https://code.jquery.com/jquery-3.6.3.min.js /* <-- enable when not using waitForKeyElements.js */ (function() { 'use strict'; const styles = ` .op-square:hover .syl-tooltip { display: flex; } .syl-tooltip { display: none; flex-direction: row; justify-content: center; gap: .5em; flex-wrap: wrap; align-self: center; background: #262626; padding: .7em !important; max-width: 100%; z-index: 1000; } `; /* add custom styles to the page */ let styleSheet = document.createElement('style'); styleSheet.innerText = styles; document.head.appendChild(styleSheet); const addTagsOnMainThumbnails = (mainThumbnail) => { const $anchor = mainThumbnail.find('a')[0]; const $url = $anchor.href; let $tooltip = $("<div>", {"class": "syl-tooltip post-meta post-tags"}); $.get($url, (data) => { const $tags = $(data).find('a[rel=tag]').toArray(); $tags.forEach(($tag) => { $tooltip.append($tag); }); }); $anchor.after($tooltip[0]); } waitForKeyElements('.site-archive-post .op-square', addTagsOnMainThumbnails); })();