アメブロでjQueryとかのJavaScriptを使う方法。

いろいろと考えてみたら、
ブログを書く　＞　サイドバーの設定　＞　プラグインの追加　＞　フリープラグイン
で

<script type="text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

ってjQueryをCDNで読み込めばいいじゃん！…ってことに今更気づく。

もちろん、設定も

<script type="text/javascript">

$(document).ready(function () {
 $("img").hover(function () {
 $(this).fadeTo("fast", 0.6); // マウスオーバーで透明度を60%にする
 }, function () {
 $(this).fadeTo("fast", 1.0); // マウスアウトで透明度を100%に戻す 
}); 

}); 

</script>

とか書いてあげればおk。

jQuery以外のライブラリ一覧は、こっから探してくださいな…と。
http://code.google.com/intl/ja/apis/libraries/devguide.html





おまけ。

<script type="text/javascript">

(function() {
  var codes = document.body.innerHTML.match(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>((.|\n)*)<\/pre>/gi);
  if (codes == null) return;
  for (var i = 0; i < codes.length; i++) {
    eval(codes[i].replace(/<\/pre>/i, "").replace(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>/i, ""));
  }
})();

</script>

ってやると、本文中に

<pre class="eval" style="display:none">
   ここにJavaScriptのコードを書く
</pre>

で埋め込めるようです。。。


http://blog.livedoor.jp/jsmemo/archives/349192.html
▲
こことかみてると、やっぱり弾さんみたいにみんなブログでテストコード実行したいんだな…と思いました。

PDFにしたり画像にしたりするより、サンプルコード走らせたほうが早い！…みたいな。
僕も頭より先に手が動く（とりあえず作ってみる）んで、わかるなぁ…。

ただ、アメブロって「http://stat100.ameba.jp/blog/js/apm001.js」で

・jQuery JavaScript Library v1.3.2
・Sizzle CSS Selector Engine - v0.9.3
・Cookie plugin

の３つを読み込んでいるんで、特に外部から読み込む必要はないんですけどね。



▲▲ここをクリックでトップまでスクロール移動します▲▲