もんたメソッド は(最近、突然TVでは見なくなった)某司会者がTV番組で行なっていた、一部を隠した文章を基にそれを徐々に見せながら行なうプレゼンテーションの方法です。さっきそれを知った私は、手軽にHTMLでもできたらな、ということで早速 jQuery プラグイン jquery-monta を書いてみました。
使い方は簡単です。まずは jQuery を読み込んでから、jquery-montaを読み込んで、隠したい 要素を jQuery で選択して monta() メソッドを呼ぶだけです!
実際の書き方はこんな感じ。
<div id="monta-sample">
これは<span>もんたメソッド</span>のサンプルです<br />
<span>隠したい要素</span>を jQuery でクエリーして <span>monta() メソッド</span>を呼ぶだけで<br />
手軽に<span>某TV番組司会者</span>のようなプレゼンができます!
</div>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//koron.github.io/jquery-monta/jquery-monta.js"></script>
<script>
$(function() {
$('#monta-sample span').monta();
})
</script>
で、これを表示するとこうなります。黒塗りで隠されているテキストをクリックしてください!
これはもんたメソッドのサンプルです
隠したい要素を jQuery でクエリーして monta() メソッドを呼ぶだけで
手軽に某TV番組司会者のようなプレゼンができます!
隠したい要素を jQuery でクエリーして monta() メソッドを呼ぶだけで
手軽に某TV番組司会者のようなプレゼンができます!
Let’s enjoy もんたメソッド!