Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

jqueryに関するsosukのブックマーク (5)

  • 「jQuery Mobile」を活用したスマートフォンサイト作成(中編)

    はじめに 今回も、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。今回は2月に正式リリースされたばかりの最新バージョン1.3.0の新機能を紹介します。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、1.9.1です。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基的な使い方は、第3回を参照してください。 また、執筆時点でのjQuery Mobileの最新版は、1.3.0です。こちらからzipファイルでダウンロードできます。サンプルでは、htmlファイルと同じ階層にmobileというフォルダを作成しています。zipファイル中のimagesフォルダ(cssファイルが呼び出す画像ファイルが格納されたフォルダ)と、jquery.mobil

  • Xlune::Blog

    可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる(?)ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008

    Xlune::Blog
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    sosuk
    sosuk 2010/02/13
  • スライダーの実装 - t-taira blog

    ECサイトなどで商品画像のスライダーを実装したい場合、 jQueryのプラグイン(bxSlider)を使うと簡単に実装できます。 bxSlider: jQuery content slider carousel image slideshow | bxSlider Railsで実装する場合は、まずjQueryを使用できるようにします。 jrailsプラグインをインストールするのがお手軽です。 (RAILS_ROOTで以下のスクリプトを実行します。) ruby script/plugin install http://ennerchi.googlecode.com/svn/trunk/plugins/jrailsあとはスライダーを実装する画面で、JSファイルを読み込んであげればOKです。 <%= javascript_include_tag :defaults %> <%= javascri

    スライダーの実装 - t-taira blog
  • 第2回 属性&コンテンツ編

    要素セットに含まれる要素体や属性、スタイルを取得/設定するためのメソッドについてまとめた、すぐに役立つ18を一挙公開。 連載目次 このシリーズでは、jQueryの基機能を目的別リファレンスの形式でまとめています。リファレンスという性質上、入門レベルからの解説は行っていませんので、拙稿「ASP.NETプログラマーのためのjQuery入門」も併せてご利用いただくことをお勧めします。 さて、第2回となる今回は、属性&コンテンツ編。要素セット(jQueryオブジェクト)に含まれる要素体(コンテンツ)や属性、スタイルを取得するためのメソッドについてまとめていきます。 属性値を取得するには? 属性値を設定するには? 複数の属性値をまとめて設定するには? 関数の結果によって動的に属性値を設定するには? 属性値を削除するには? スタイル・クラスを追加/削除するには? スタイル・クラスが適用されてい

    第2回 属性&コンテンツ編
  • 1