絶賛 更新停止中！
「http://lab.sarusaruworld.com/」は、少し更新しています。
ゴー！ウエスト！！
script.aculo.us：Lesson0
結構前にブックマークはしてあったJSライブラリ「script.aculo.us」。
ブラウザ互換の問題でややトラウマとなり
極力避けてきたJavascriptだが、そろそろ避けては通れない事態になったので
おっかなビックリ触ってみることにした。
とりあえず、サンプルをベースに動くか検証。
10分やそこらで全然動く・・・。
ちょっと楽しいか・・・。
よくわからん。
とりあえず頑張ろう。
以下やったことメモ。
ライブラリ読み込み<script src="scriptaculous/lib/prototype.js" type="text/javascript"></script>Divに直接エフェクトを設定する
<script src="scriptaculous/src/scriptaculous.js" type="text/javascript"></script>
<script src="scriptaculous/src/unittest.js" type="text/javascript"></script>
<div onclick="new Effect.SwitchOff(this)">DivにIDを振ってDraggable設定をする
<img src="images/icon_saru.gif" alt="" />Effect.SwitchOff クリックすると消える
</div>
<div onclick="new Effect.BlindUp(this, {duration: 10})">
<img src="images/icon_saru.gif" alt="" />Effect.BlindUp クリックするゆっくり消える
</div>
<div id="shrink" onclick="new Effect.Shrink(this); window.setTimeout('Effect.Appear(\'shrink\', {duration:.3})',2500);">
<img src="images/icon_saru.gif" alt="" />Effect.Shrink シュリンクさせる
</div>
<div id="dragTarget">
<img src="images/icon_saru.gif" alt="" />Draggable ドラッグさせる
</div>
<script type="text/javascript">new Draggable('dragTarget', {revert:false})</script>
2007/05/23 00:31Comments (3)TrackBacks(0)
TrackBack URL
http://sarusaruworld.com/mt/mt-tb.cgi/151
RSS Feed