読者です 読者をやめる 読者になる 読者になる

jQueryで遊んでみましたの1

javascript jquery

本格的にjQueryを勉強しようと思い至りました。

今回は、animate関数を使ったアニメーションです。

アニメーションは独自で実装するのが困難だったので、jQueryを使うなら最初にやってみたいことでした。

クリックでメニュー開閉

デモ

click

コード

$(function(){
$('#クリックするタグのid属性').click(function(){
$("#開閉するタグのid属性").animate({'height' : 'toggle'});
});
});

クリックでなんか動く

デモ

 

コード

$('#動かすタグのid属性').click(
function() {
$(this).animate({'marginLeft' : '100px'});
}
);