![jQueryサンプル集 | DesignWalker](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ff1f0b6088f4085799229c562dcb3525e2a3b27/height=288;version=1;width=512/https%3A%2F%2Fg.twimg.com%2FTwitter_logo_blue.png)
jQuery 関連記事まとめ - Cyokodog::Diary jQuery 関連記事まとめ、ということでjQueryに関する役立つサイトが多数紹介されています。 jQuery をこれからやろうという方は参考にできそうです。 関連エントリ コンテンツのスクロールをクールに行える「jquery.scrollable.js」 時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」
jQuery Demo: Creating A Sliding Image Puzzle Plug-In : Kinky Solutions : A Student's Perspective by Ben Nadel jQueryを使ってパズルを作るjQueryプラグインが公開されています。 1枚の元画像をJavaScript&CSSによって分解して、パズルを作成することが出来ます。 パズルのデモページ 以下が元の画像。本当に1枚です。 画像を分割して、HTMLを書いて、という面倒な作業は必要なくて、以下のように初期化が出来るようです。 $( "div.puzzle, p" ).puzzle( 100 ); 商品のPR等、サイトのキャンペーンなんかでも活用できそうですね。
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
as3Query: alpha version (New Wave ActionScript) [TECH-NI Blog] as3Query is an ActionScript3.0 port of John Resig's exellent JavaScript library jQuery 1.2.1.ActionScript3でjQuery「as3Query」。 as3Query を使えば、ActionScript3 で jQuery の機能が使えるようになるそうです。 as3Queryを使った動くサンプルムービーも公開されています。 HTMLとFlashでは性質は違いますが、ステージ上のオブジェクトを $() 関数で選んで操作したりする機能は中々使いやすそう。
jqzoom | allows you to realize a small magnifier window close to the image or images on your web page easily.画像のマウスポインタ上をズームしてくれる「jqzoom」。 次のように、マウスポインタ上の画像を右部分でズームしてます。 小さい画像と大きな画像を指定するので、拡大しても解像度が悪いということはありません。 jQuery ベースで、(1)ライブラリ読み込み (2) img タグ定義 (3) スクリプト初期化 というステップで実装も簡単。 サイトの仕掛けとして覚えておいた方がよさそうなライブラリですね。
3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Niall DohertyFounder and lead editor at eBiz Facts Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Th
jQuery: jqGalScroll 2.0 (Photo Gallery) | The Book and the Cover jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」 写真下部分の番号を押すとスライドアニメーションしながら写真が切り替わります。 HTMLソースは次のような感じにクリーンになります。 <ul> <li><img src="common/img/baby-02.jpg" alt="This is a baby" /></li> <li><img src="common/img/baby-03.jpg" alt="" /></li> <li><img src="common/img/baby-04.jpg" alt="" /></li> <li><img src="common/img/baby-05.jpg" alt="" /
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く