ホーム > タグ > プラグイン

プラグイン

WCAN mini MU ～CSS3＋jQueryを実際に使ってみよう！～

去る、6/5にWCAN mini MUに参加してきました。

今回のお題は、「CSS3＋jQueryを実際に使ってみよう！」という事で、WCAN x CSS Nite 2009 SPRINGの時に益子さんがお話された内容を踏まえ、各自CSS3や、jQueryを使用したサンプルを作成し、発表してしまおうという内容。

jQueryのプラグインを作る。
とりあえずこう書きます。

$.fn.hoge = function(引数){
    return this.each(function(){
        //ここに処理を書く
    });
}

これで例えば、hoge.jsと保存し、hoge.jsとjQuery本体を読み込みます。
そして、

$(function(){
    $('div').hoge();
});

とすれば実行できます。すげー。

ちなみに、

(function($){
    $.fn.hoge = function(){
        return this.each(function(){
            //ここに処理を書く
        });
    };
})(jQuery);

という書式もあった。どっちが正解なんだろう？

jQueryの.animate()は、デフォルトでは数値型の制御しかできないらしい。色のアニメーションをさせたかったので、探したらありました。

参考url：http://h2ham.seesaa.net/article/107837321.html

対象のjsファイルを<head>の<script>で読み込むだけで、.animate()で色の制御が可能になります。

Search

Banner

Feeds

Meta

Return to page top