最新記事
- DeNA × Yahoo!JAPAN UI/UX勉強会に参加してきました。 (07/16)
- Webデザイナーとしての仕事 (07/14)
- 「La・VIE(ラヴィ) のびーるフィットネス スーパーハード」を使ってみた。 (07/03)
- Facebookの「リスト」と「グループ」の違いって何? (06/11)
- VIP LINER グランシアファーストに乗ってみた。 (05/28)
- 東京から大阪に行くとき、あなたは何を使って行きますか? (05/15)
- Bluetooth対応ヘッドセットMDR-EX31BNを買ってみた。 (04/18)
- Appleの対応が神すぎる件 (02/15)
- デザイナーになって2年生 (01/28)
- (12/22)
カテゴリー
- 未分類 (84)
- php (9)
- News (52)
- 日記 (15)
- Java (18)
- Flex (12)
- Webサービス (29)
- JavaScript (4)
- Ajax (16)
- CSS (6)
- Web@Youtility (7)
- Google Adsence (4)
- mixi (3)
- SEO (3)
- Perl (2)
- 書籍紹介 (2)
- セミナー (0)
- 製品 (2)
RSSリンクの表示
ブロとも申請フォーム
今回の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();
}
本機能のサンプルは以下からどうぞ
要素が移動しちゃうます
<<JSvalidateを使ってフォームのチェック! | ホーム | dojoライブラリでワイプアウト/ワイプイン>>要素の移動
ってことで、ボタンクリックで要素が移動しちゃうってものを作りました。
これまた簡単で初歩みたいです。
以下の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();
}
本機能のサンプルは以下からどうぞ
要素が移動しちゃうます
スポンサーサイト