Kwicksは、Mootoolsにあるように領域をアニメーションでスムーズに収縮するスクリプトのjQuery版のスクリプトです。 Kwicks for jQuery デモ デモにある4つの矩形の領域はリスト要素となっています。 オプションとして、領域間のスペースの有無やアニメーションのタイミングを変更することが可能で、収縮させるのを矩形以外にして利用することも可能です。
[JS]Mootoolsのように領域をスムーズに伸縮するスクリプト -Kwicks
Kwicksは、Mootoolsにあるように領域をアニメーションでスムーズに収縮するスクリプトのjQuery版のスクリプトです。 Kwicks for jQuery デモ デモにある4つの矩形の領域はリスト要素となっています。 オプションとして、領域間のスペースの有無やアニメーションのタイミングを変更することが可能で、収縮させるのを矩形以外にして利用することも可能です。
[JS]かわいい感じに画像を拡大表示するスクリプト -prettyPhoto
prettyPhotoは、角丸のかわいい感じのフレームやパーツを使用した、画像を拡大表示するLightbox風のスクリプトです。 prettyPhoto 背景色、拡大表示時のフレーム、ローディング時のアニメーション、ボタンなど他のLightbox風スクリプトよりかわいくデザインされています。 prettyPhotoで画像を拡大表示するには、スクリプトを外部ファイルとして、画像箇所に下記のようにrel属性に「prettyOverlay(一枚用)」「prettyOverlay(ギャラリー用)」を記述します。 <textarea name="code" class="html" cols="60" rows="5"> <a href="fullscreen.jpg" rel="prettyOverlay" title="画像の説明"><img src="thumbnails.jpg" alt="
[JS]高いカスタマイズ性を備えたLightbox風のスクリプト -nyroModal
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ nyroModalが生成するウインドウには、テキストなどのコンテンツをはじめ、複数の画像を使用したギャラリーや動画、AJAXコンテンツやフォームなどを表示することができます。 また、デフォルトのままでも気持ちよく表示・非表示されるアニメーション、背景、ウインドウなどをカスタマイズすることも可能です。 nyroModalはjQueryのプラグインのため、動作にはjquery.jsが必要です。
[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 前回のjQueryのプラグイン33+1選 -2007年9月と合わせて、参考ください。 lightbox for jQuery jQu
fancyBox
Fancybox #Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. Supports images, videos, maps, inline content, iframes and any other HTML content. This is the fifth generation of Fancybox. Both Carousel and Panzoom components are used under the hood and that's what makes this project so unique. In addition, Fancybox is ea
[JS]jQueryのプラグイン33+1選 -2008年5月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Con
fladdict� ブログアーカイブ � インタラクティブアート用JSライブラリ processing.js
Javaによるインタラクティブアートの定番である、processingをJavaScriptにポーティングした猛者があわられた。 via keitap情報 processingはご存知、コードで絵を描く人のたしなみっぽいツールだけど、それがJavaScriptのキャンバスで動く。なんかスゴイ。遅いけど。 ・既存のprocessingのJavaコードを、js用に変換するポーティングライブラリ。 ・js用のprocessing api の両方つくったっぽい。すごいね。怒涛のサンプルを見よって感じ。 やっぱりJSはオーバーロードができない関係で、色々細かいさはあるけど、それでもスゴイな。JSにポーティングできるなら、AS3にもポーティングできるよなぁ。だれか(主にbeinteractiveとか)やらんかな。
jQueryの便利なプラグイン10選 – creamu
jQueryでかっこいいUIを実装したい。 そんなときにおすすめなのが、『10 useful jQuery plugins』。jQueryの便利なプラグイン10選だ。 以下にご紹介。 ・jQuery UI Webアプリをデスクトップアプリのように動作させる。タブメニューやスプリットペイン、ドラッグできるフォトマネジャーなど ・Mark-It-Up テキストエリアをマークアップエディタに変えてくれる ・jQuery cookie plugin クッキーを簡単にセット、削除できる ・lightbox for jQuery jQuery用のlightbox ・jQuery Corner Plugin jQueryで角丸を作成 ・jTip クールなツールチッププラグイン ・LavaLamp CSSメニューにスムーズなスライドエフェクトを追加 ・Superfish jQueryのアニメーションを使っ
jQueryやCSSを使ったナビゲーションメニュー300選 – creamu
かっこいいナビゲーションメニューをさくっと実装したい。 そんなあなたにおすすめなのが、『300+ Jquery, CSS, MooTools and JS navigation menus』。jQueryやCSSを使ったナビゲーションメニュー300選だ。 以下にいくつかご紹介。 » Fancy menu かっこいいナビゲーションメニュー » Amazing apple style navigation menu Appleのサイトのようなナビゲーションメニューの作り方。↑のキャプチャはこちら » jQuery idTabs 8つのクールなjQueryメニュー » navigation-3 プルダウンメニューなど4つの例 » block-navigation CSSデザインのメニュー9選 その他のリストは以下から。 » 300+ Jquery, CSS, MooTools and JS na
[JS]jQueryのプラグイン33+1選 -2008年9月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MopSlider オート・マニュアルに対応したコンテンツスライダー。 MopBox スライド機能付きの移動可能なボックスを表示。
[JS]ナビゲーションの背景画像をアニメーションさせるスクリプト
Snook.caのエントリーから、「ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2」のように、ナビゲーションの背景画像にさまざまなアニメーション効果つけるスクリプトを紹介します。 Using jQuery for Background Image Animations デモ デモでは、上下のアニメーション、左右のアニメーション、フェードのアニメーションがあります。 スクリプトにはjQueryがメインに使用されており、それぞれのアニメーションは下記のように記述されています。 「#a」は上下、「#b」は左右、「#c, #d」はフェード。 <textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#a a') .css( {backgroundPosition: "-20px 35
[JS]見出しなどのテキストを画像に置換するスクリプト -jQIR | コリス
jQIR (jQuery Image Replacement)は、見出しなどのテキストをpng, gif, jpg画像に置換するスクリプトです。 <textarea name="code" class="html" cols="60" rows="5"> <h1 id="heading1" class="jqir">Heading 1</h1> <h2 class="jqir {src:heading2.png}">Heading 2</h2> <h3 id="heading3" class="jqir"><a href="http://jquery.com">Heading 3</a></h2> </textarea>
Apple風のインターフェイスを実装するチュートリアル集
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
[JS]jQueryのプラグイン33 1選 -2008年10月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 ListNav リストの高機能なナビゲーションを作成。 Scroll your HTML ホイールにも対応した高機能なスクロールする
RedLine Magazine : jQueryでボックスを上下左右中央に簡単配置
jQueryでボックスを上下左右中央に簡単配置 ボックスを上下左右の中央に配置したレイアウトにしたい時の話。もちろんjQueryというかjavascriptを使わなくてもCSSだけでそんな風にしたい場合なんかのやり方もあるのだけれど。そんな場合はCSS HappyLifeさんのこちらの記事がオススメです。 >>ボックスを上下左右画面中央に｜CSS HappyLife 今回はjQuery Center pluginを使ってみる 先述の通り、CSSでもこうすればできるといった手法がいろいろあるわけだけど、jQueryのプラグインで秒殺できますよーというプラグイン「jQuery Center plugin」を使ってみます。 >>Plugins | jQuery Plugins ※プラグインなので当然jQuery本体も必要になります。 jQuery本体はこちら辺りからダウンロード。 親に対して、上
[JS]シンプルなjQueryのプラグインが揃っている -Aquaron | コリス
Aquaronは、ナビゲーション、フロートしたエレメントの操作、クッキー・文字列の操作、エレメントの装飾などのシンプルなjQueryのプラグインを配布しているサイトです。
| ＾＾ |秒刊SUNDAY | ずばり客が喜ぶWEBサイトを作れるフリーのAjaxサンプル集３０個
2008年08月05日 ずばり客が喜ぶWEBサイトを作れるフリーのAjaxサンプル集３０個 WEB制作で、デザイン性に優れているも、機能的にイマイチだな。と思われてしまうことは無いか。しかしそんなにお金を掛けれないという客にオススメなのが、フリーのAjaxです。FLASHにしてしまうと十万単位で値段が上がりますが、これなら数万に抑えれます。 ◆Lightbox 2 ■Lightbox 2 写真をポップアップして背景を暗くする、イメージギャラリーに使えるライトボックス。はいはい、メジャーですね。ｊｐｇ 次！ ◆Timeline ■SIMILE | Timeline プロジェクト管理や、スケジュールなど幅広く利用できるタイムライン ◆Reflection.js ■Reflection.js ＷＥＢ上で画像にエフェクトを掛ける。 ◆Pie & Donut Chart ■amCharts:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]にょきっと表示されるツールチップのスクリプト | コリス
[JS]jQueryで実装するテキスト・画像・サイトのツールチップ | コリス
[JS]画像を縦横に3D回転できるスクリプト -mooVRotatingMenu