jQuery Cycle Plugin
jQuery の Cycle プラグインについて。jQuery の Cycle プラグインを使うと、様々なアニメーション動作によるスライドショーを、簡単に作れる。オプションも豊富にあり、細部までカスタマイズできるので、スライドショー以外にも応用できる。 導入 jQuery Cycle Plugin – Downloadより、「 jquery.cycle.all.js 」をダウンロード。 実装例（サンプル） 実装例（サンプル）について 実装例（サンプル）のソースコードについては、こちら。 Cycle プラグインの使い方 基本 「jquery.cycle.all.js」を読み込み、「JavaScript」と「HTML」を下記のように書く。 JavaScript <script> <!-- jQuery( function() { jQuery( '#jquery-cycle' ) .cycle
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
【javascript】jQueryだけでタブ切り替えサンプル（ローテク版） at softelメモ
jquery.ui を使えば、美しいタブ切り替えをあっという間に作成可能です。 uiを導入していないとき、あまりあれこれ入れたくないとき、美しくなくていいとき（？）など、何かしらの事情がある場合は、jqueryだけで十分です。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>jQueryだけでタブ切り替えサンプル</title> <style type="text/css"> /* タブっぽく並べて */ #tabs ul {list-style:none;} #tabs li {float:left; width:150px;} #tabs a {display:block; margin:5px; border:1px solid #ccc; paddi
[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス
Equalbox.js デモページ [ad#ad-2] Equalbox.jsの実装 HTML 各div要素はjQueryのセレクタで指定できるように、idなどを指定します。 <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> </div> <div id="box2" class="box"> <p>dsfsdfsdfsdf</p> </div> <div id="box3" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdf
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
