タグ

ブックマーク / webdrawer.net (2)

  • このWebサイトを作ったのは私だと主張するためのスタッフロールを流せるjQueryプラグインを作った

    TVにあってWebサイトにはないもの。それは・・・スタッフロール!それに気づいてからはや数年・・・。そのjQueryプラグインを作成しました。 概要 Webサイトにもスタッフロールが流れたら面白いなーと思い作ったjQueryプラグインです。レイアウト2種類+縦or横に流れるorフェードバージョン+おまけが入っています。動作は現時点のデスクトップの最新ブラウザで確認しています。 デモ一覧 タイプ1:縦レイアウト+縦スクロール 役職と名前が縦に並んでいるバージョンを縦にスクロールしていくバージョンです。 デモ1 タイプ2:縦レイアウト+フェード 役職と名前が縦に並んでいるバージョンをフェードで表示していくバージョンです。 デモ2 タイプ3:縦レイアウト+横スクロール 役職と名前が縦に並んでいるバージョンを右から左に表示していくバージョンです。 デモ3 タイプ4:横レイアウト+縦スクロール 役職

    このWebサイトを作ったのは私だと主張するためのスタッフロールを流せるjQueryプラグインを作った
  • jQueryのanimateを使ったアニメーション

    今回はjQueryのanimateを使って、要素をアニメーションさせる方法を試してみようと思います。 当はCSSのアニメーションだけで済めば良いのですが、特にIEを考えると難しいところです。そこでjQueryを使っての基的な方法をおさらいしておきたいと思います。 書き方 まずanimateの書き方ですが、このような感じ。 animate(params, [duration], [easing], [complete]); animate(params, options); 2通りありどちらの書き方でも動きます。 1つめの書き方はそれぞれ引数を指定する方法で、2つめは連想配列で指定できるようになっています。今回は2つ目の連想配列の方法で説明していきます。 params ここには、アニメーションさせたいスタイルを書きます。 $('#btn01').click(function(){ $('

    jQueryのanimateを使ったアニメーション
  • 1