【連載】いまからはじめるScript.aculo.us (2) 複合的な動きによる演出効果 | エンタープライズ | マイコミジャーナル
前回は基本的な演出効果を実現する方法を紹介した。今回はそれらを組み合わせて複合的な動きをする演出効果を紹介したい。Script.aculo.usのバージョンは引き続き1.8である。詳細はWikiページで確認していただきたい。 なお、オプション以外で省略可能な記述は[〜]で表す。オプションはすべて省略可能だ。また、画面上での動作を示すために、要素の元の大きさを点線で示す別の要素を重ねて表示させている(画像はInternet Explorer 7で実行したもの)。 表示済みの要素に動きを与える Effect.Shake( IDもしくはDOMオブジェクト, { オプション } ); または $( IDもしくはDOMオブジェクト ).shake( { オプション } ); 左右に揺れる。durationとdistanceを短く設定すれば、ブルブルと震えてあたかも首を「イヤイヤ」と横に振っている
[JS]簡単に画像表示のエフェクトを変更できるスクリプト
Image Transition Managerは、画像表示のエフェクトをHTML箇所に指定するだけで、変更できるスクリプトです。 Image Transition Manager デモページ 現在、実装されているエフェクトは、「switchoff」「slidedown」「blinddown」「slideright」「appear」「switch」「blinddown」「grow」「shrink」の９種類です。 Image Transition Managerを実装するには、「transition.js」を外部スクリプトとして使用し、その他に「prototype 1.5.1.1」と「script.aculo.us 1.7.3」が必要となります。
【連載】いまからはじめるScript.aculo.us (4) ドラッグ&ドロップを応用した画面コンポーネント | エンタープライズ | マイコミジャーナル
前回はドラッグ&ドロップを実現する方法を紹介したが、今回はそれを応用した画面コンポーネントであるSortableとSliderを使ってみよう。なお、今回は都合によりメソッドやオプションをごく一部しか紹介できない。詳細は画面コントロールのWikiページを参照していただきたい。 項目の並べ替え Sortable.create( IDまたはDOMオブジェクト [, オプション] ); // 並べ替え可能にする Sortable.destroy( IDまたはDOMオブジェクト ); // 並べ替え不能にする Sortableは、<ul>などで列挙した項目をドラッグによって並べ替えられるようにする。項目をドラッグしている間は、その表示位置のみが変更されるが、ドロップ後は、その位置に最も近いところにHTMLタグの構成も変更される。 【例】「マイコミジャーナル」という項目をドラッグで最上行に移動する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ProtoFlow first preview release… :: Deensoft
http://journal.mycom.co.jp/series/scriptaculous/004/menu.html
