/arpla/暗記モードスクリプト

generated at 2/17/2025, 11:07:50 PM
暗記モードスクリプト
右側のページメニューに「暗記モード」という項目が出るので、それ押すと、リンク箇所が黒色に染まります

押したあと↓

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



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

 バグ仕様
暗記モードを有効にしたまま別のページにいくと表示が変になるから、一旦OFFにしてね！！
OFFはもう一回「暗記モードボタン」を押せばいいよ！！


使い方 
下記２行を自分のプロフィールページにコピペするだけ（引用の「＞」は消してね）
> code:script.js
> import '/api/code/arpla/暗記モードスクリプト/script.js'



スクリプト
script.js  scrapbox.PageMenu.addItem({
  	title: '暗記モード',
    //image: 'https://gyazo.com/264088a1c763f349d16ee17f796fc943',
    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%;
            background: #000;
            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));
        document.getElementsByTagName('head')[0].appendChild(style);
      }
  })

#UserScript