紙を剥がす感じのもんたメソッド
javascriptでもんたメソッドを作った。
<html> <head> <style> div.mino { padding: 0.5em; border : outset 1px; color : #000 } span.monta { background-color: #000; color:#000; } </style> <script type="text/javascript"> var method_content = "『廃業を覚悟して不退転で臨んでください』という励ましの発言だったのでは"; function create_content(id){ var elem = document.getElementById(id); for(var i=0;i<method_content.length;i++){ var span = document.createElement('span'); span.className='monta'; span.innerHTML=method_content.charAt(i); elem.appendChild(span); } } var spans = document.getElementsByTagName('span'); var count = 0; function monta_method(){ if(count==spans.length)return; if(spans[count].className == 'monta'){ spans[count].style.backgroundColor='transparent'; } count++; setTimeout(function(){monta_method.apply(this)},15); } window.onload=function(){ create_content('minomonta'); document.getElementById('minomonta').onclick=function(){ monta_method(); } } </script> </head> <body> <div class="mino">みの氏は不二家報道の翌日の番組冒頭で、不二家について「もうはっきり言って、廃業してもらいたい」と言い放っているが、TBSは「<span id="minomonta"></span>」としている。</div> </body> </html>
なんてウザイHTML・・!!
でも見え方としては紙を剥がす印象があるので、この方がよりみのもんた。紙を剥がす印象が必要かどうかは知らないけれど。
[追記]
ウザ過ぎるので、書き直した。
この方が、拡張とかもしやすそうだ。