新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


今回のAjaxライブラリdojo.jsによる機能はー

要素の移動

ってことで、ボタンクリックで要素が移動しちゃうってものを作りました。

これまた簡単で初歩みたいです。

以下のfunctionにより移動を実装します。
これも簡単でdojo.fx.slideToを使っているだけです


dojo.addOnLoad(function() {
animation = dojo.fx.slideTo({
node: "slideto",
left: 300,
top: 300,
unit: "px",
duration: 500
});
});



そして実装したfunctionを動かすために
play()で実行しています

function slideTo() {
animation.play();
}



本機能のサンプルは以下からどうぞ
要素が移動しちゃうます
スポンサーサイト

テーマ:dojo.js - ジャンル:コンピュータ

<<JSvalidateを使ってフォームのチェック! | ホーム | dojoライブラリでワイプアウト/ワイプイン>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://kanamehackday.blog17.fc2.com/tb.php/118-3b510bb9
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。