Tag: haik

HAIKで穴埋め問題

試験勉強用、穴埋め非表示スクリプト

　昔、教科書の暗記などに利用した暗記シートを思い出してみました。今は、スマホのアプリで撮影した教科書などの画像上で処理を行うものがあるようですね。

• 黒いところにマウスを移動すると、文字が見えます。
• 黒くするところは、"斜字"にしてください。HAIKでは「'」の３連続で囲みます。

  '''斜字'''

  すると次の様になります。
• 本ページ末の記述をページ毎に貼り付けてください。

  上記の記述は、 「本ページ末の記述をページ毎に'''貼り付け'''てください。」

• 教科書の暗記や文章のテスト問題を作成出来るのかな？

  上記の記述は、 「教科書の暗記や文章の'''テスト'''問題を'''作成'''出来るのかな？」

  
  
  
  

各ページに以下の記述を追加が必要です。

　以下の内容をコピー貼り付けてください。ページを更新すると見えなくなりますが、マウスイベントに反応して黒い部分にマウスカーソルが移動すると文字が見えるようになります。

#html{{
<style>
 em {
	 color: black;
	 background-color:black;
	 cursor:pointer;
	 font-style:normal;
	 padding-right: 8px;
	 padding-left: 8px;
	 }
 
</style>
 
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
        $("em")
		.mouseover(function() {
                	$(this).css('background', 'yellow');
		})            
		.mouseout(function() {
			$(this).css('background', 'black');
		});
</script>
 
}}