--------

2005-06-06

単に実験のために作ったエントリ。でも、広く使えるかもしれないので公開した。

とりあえずCSSに組み込み、spanタグのclass属性を利用して、もんたメゾットをエントリに組み込もう！という無意味な可能性大なエントリ。しかもFC2ブログでしか使えない内容かも。勝手に改変してください。

▼使用例

これが、CSSを利用して組み込んだ「もんたメソッド」の使用例。

　→　黒塗り部分（ここの部分ね）をクリックすると、文字が現れる。

以下に、この手法の長所と短所、そして実装例を紹介する。

---

▼長所

• CSSによる定義により、各エントリ毎のHTML記述によるSTYLEタグの定義が不要。
  
• 同様に、SPANタグにclass属性、onclick属性をつけてやるだけで、もんたメゾットが組み込める。

　→　メリット少ないな。SPANタグを、もんたメゾットの使用のみに割り切って定義付けする方法もあるかも？

▼短所

• 手軽さでは、JavaScript貼り付けの手法より明らかに劣る。
  
• CSSを触れないブログサービスでは使えない。
  
• HTML記述が反映されないブログサービスでは使えない。
  
• FC2ブログでしか試したことがない。
  

　→　短所多すぎ。

▼CSS記述

/*monta要素 */
.monta {
background-color: black;
color: black;
}

　→　これを、CSSの末尾にコピー＆ペースト。

▼エントリ内記述

これが、CSSを利用して組み込んだ「<span class="monta" onclick="this.className=''">もんたメソッド</span>」の使用例。

　→　<span class="monta" onclick="this.className=''">〜</span>をエントリ内に組み込む。

▼出力例再掲載

これが、CSSを利用して組み込んだ「もんたメソッド」の使用例。

いまのところこんな感じです。プログラム技術も知識もなくてすいません。

---

[参考にさせていただいたblog]
■「もんたメソッド」は○○なプレゼン手法だ (説明ムービーなど)（bricklife.weblog.*）
　→　もんたメゾットの解説。
■もんたメソッド祭り（antipop2.0）
　→　もんたメゾットのJavascriptを外部から呼び出す使用例１。
■既存のページにもんたメソッドを簡単に組み込むツールを作った（YappoLogs）
　→　もんたメゾットのJavascriptを外部から呼び出す使用例２。
■もんたメソッドの簡単サンプル（たつをの ChangeLog ）
　→　さらに手軽にもんたメゾット。