暗記モードスクリプト

右側のページメニューに「暗記モード」という項目が出るので、それ押すと、リンク箇所が黒色に染まります

https://gyazo.com/512d60294563be71789e26694255fcbb

押したあと↓

https://gyazo.com/8519fc6a1a0bb1b3ca1adfbe1f56e551

黒色に染まったのにマウスカーソル合わせると、黒色が解除されます。

マウスオーバーで海苔が消えます。

https://gyazo.com/bca1d7a920d0e285bcee159d2896c4c5

またマウスカーソル外すと黒く染まります。

暗記モードを有効にしたまま別のページにいくと表示が変になるから、一旦OFFにしてね！！

OFFはもう一回「暗記モードボタン」を押せばいいよ！！

使い方

下記２行を自分のプロフィールページにコピペするだけ（引用の「＞」は消してね）

code:script.js

import '/api/code/arpla/暗記モードスクリプト/script.js'

スクリプト

code:script.js

scrapbox.PageMenu.addItem({

title: '暗記モード',

onClick: () => {

let ankimode = document.getElementById("anki-mode");

if(!!ankimode){

ankimode.parentNode.removeChild(ankimode);

return

}

let target = document.querySelectorAll(".page-link")

for ( let link of target ){

link.parentNode.style.position = "relative";

}

let css = `

.page-link::after

{

display: inline-block;

position: absolute;

top: 0;

left: 0;

content: "";

width: 100%;

height: 100%;

opacity: 1;

z-index: 100000;

transition: .5s;

}

.page-link:hover::after

{

opacity: 0;

}

`

let style = document.createElement('style');

style.id = "anki-mode";

style.appendChild(document.createTextNode(css));

}

})