異なる高さのブロックの高さを揃えるスクリプト まとめ | JavaScript | jQuery | understandard.net
異なる高さのブロックの高さを揃えようとすると、CSS だけでは制御できなかったり面倒だったり…なので、ここは JavaScript の力を借りることに。 jQuery 非依存のもの 今は jQuery に頼ることが多いですが、他のライブラリなどとの相性で使えない場合などもあるかと思うので、まずはjQuery 非依存のスクリプト。 heightLine.js ブロックレベル要素の高さを揃えるheightLine.js[to-R] 読み込む JavaScript は1つ。 スクリプトまでのパスは適宜変更してください。
jQuery MegaMenu 2 - GeekTantra
An updated jQuery based MegaMenu plugin. Demo: Click Here Download: Click Here Project Repository: Click Here This is a sequel to the popular jQuery MegaMenu Plugin, with quite a lot of changes in the code base and usability. Demo: Click Here Download: Click Here Project Repository: Click Here So whats new in jQuery MegaMenu 2 A completely revamped JS and CSS code-base. Easier to use. (A lot simpl
なんかもうカッコイイ！フルスクリーン画像ギャラリー「jmFullWall」
フルスクリーンで画像を並べ、クリックすると拡大画像を表示する。 そんなのを作りたい方多いのではないでしょうか。 jmFullWall | FullZoom Portfolio with jQueryを利用すれば、簡単にこれが導入できてしまいます。 sponsors 使用方法 jmFullWall | FullZoom Portfolio with jQueryからファイル一式をダウンロードします。 <link rel="stylesheet" href="jmFullWall.css" media="all" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.imgpreload.js"></script> <scr
[JS]Responsive Web Designに対応したカルーセルタイプのスライダー -Elastislide
幅800pxで表示したデモ [ad#ad-2] Elastislideのデモ デモではさまざまなタイプのスライダーがあります。 デモページ：5 2つのカルーセルをフロートで配置したタイプ [ad#ad-2] Elastislideの実装 HTML 各画像はリスト要素で配置し、スライダーを可変にするためにdiv要素で内包します。 <div id="carousel" class="es-carousel-wrapper"> <div class="es-carousel"> <ul> <li> <a href="#"> <img src="images/medium/1.jpg" alt="image01" /> </a> </li> <li>...</li> ... </ul> </div> </div> 画像の幅 サムネイル画像の幅はスクリプトで指定します。 $('#carousel')
[JS]表示位置の微調整も可能、キュートなデザインのツールチップを実装するスクリプト -grumble
テキスト量を自動判定してサイズを大きく $('#grumble4').grumble( { text: 'Whoaaa, this is a lot of text that i couldn\'t predict', angle: 85, distance: 50, showAfter: 4000, hideAfter: 2000, } ); ); callback関数も用意されています。 $('#myElement').grumble({ showAfter: 1000, hideAfter: 2000, onShow: function(){ console.log('triggered when show animation completes'); }, onBeginHide: function(){ console.log('triggered when hide anima
[JS]ページネーションをもっと楽しく、使いやすくするスクリプト -jPaginator
カラフルなデザインだけでなく、自動加速のアニメーション、スライダーなど、ユーザビリティを向上する機能を備えたページネーションを設置するjQueryのプラグインを紹介します。 jPaginator デモ [ad#ad-2] 自動加速のアニメーションは、それぞれのデモの左右の矢印をマウスオーバーすると、加速のアニメーションでページの数字が送られます。 スライダー機能はデモ1と3に実装されており、大量のページでも一気に移動できます。 スライダー機能も装備 スクリプトのオプション スクリプトのオプションでは、さまざまなものが設定できます。 selectedPage:1, 現在の選択されたページ nbPages:54, ページの合計数 length:10, スライドによるページの数 widthPx:30, ページ数の幅（px） marginPx:1, ページ数のマージン（px） withSlider
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
写真スライド jCarousel - Riding carousels with jQuery
Create a new fiddle - JSFiddle