jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン:phpspot開発日誌
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。もちろん、日本製のプラグインなので日本語もきれいに段組みにします。HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグインの紹介。 次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが可能です。 $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定できるところも良いですね。 関連エントリ 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats
jQueryでスクレイピングする時の文字化け対処法 - 不動産屋のラノベ読み
id:IkeTさんがUbiquityでスクレイピング的な事を試してまして、参考にさせていただいていました。 で、エキサイト翻訳で文字化けする件があって、対処されていたのですが。 teramakoさんのご指摘を受けてjQuery.get(url, data, callback)→XMLHttpRequestに変更し、overrideMimeTypeに"text/html; charset=Shift_JIS"を指定したところ、文字化けなく表示できました。 jQuery.ajax(options)への変更も検討してみましたが、内部ロジックでoverrideMimeTypeを指定する箇所が無かったため、使用できませんでした。 UbiquityでHTMLコンテンツとマッシュアップ - IkeTの日記 これ、jQueryでもできます。 Ajaxリクエストが送信される前に実行するコールバック関数を登録
jQueryのコードを良くする5つのTIPS
jQueryのコードを良くする5つのTIPS 5 Tips for Better jQuery CodeでjQueryのコードを良くする5つのTIPSが紹介されています。 DOM中にデータを保存できるdataメソッドを使おう $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); 「alt」などのHTMLにデータを保存しておくと後で取り出せなくなってしまうことがあるから良くない。 $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with
jQueryを使って IE6 で position:fixed させる方法 ノウハウ [okyuu.com]
IE6 で position:fixed させる方法いろいろ 擬似フレームで position:fixed expressionで position:fixed Javascriptで position:fixed 3の場合、Fixed positioning っていうライブラリもあるみたいです。 jQueryを使用して簡単にできないか試してみました。 jQueryを使用すると $j(window).scroll() メソッドでスクロールイベント $j(document).scrollTop() メソッドでスクロール量 が取得できます。 クロスブラウザを気にせず、簡単に書けます（ヘッダ部固定の例）
jQuery Selectors
Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast'); Download This Lab This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>. This is the first list item (<li>) in an unordered list (<ul>). This is the second list item. It has a link in it. This is the third list item. It has a class of "my
jQuery Documents Main Page - jQuery
jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center. If you're updating to a newer version of jQuery, be sure to rea
jQueryを読み込ませるbookmarklet Google AJAX Libraries API版 (JavaScriptの動的ロードとか) - monjudoh’s diary
jQueryを読み込ませるbookmarklet - 文殊堂 ↑を置き換える用に作った。 javascript:(function%20(options)%20{var%20version=(options%20||%200).version%20||%201.2;var%20noConflict=(options%20||%200).noConflict%20||%20false;if%20(typeof%20jQuery%20!=%20'undefined'%20&&%20jQuery.fn.jquery==version)%20{return;}var%20s=document.createElement('script');var%20head=document.getElementsByTagName('head')[0];var%20done=false;s.charset='
jQuery 関連記事まとめ - Cyokodog::Diary
はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報 はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回 Silverlight vs. jQuery＋ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ
たった1行で再現する有名ECサイトのUIデザイン (1/5)
インターネットでは買いにくいものだからこそ、サイトの使い勝手やデザインにしっかりこだわる――そうした取り組みで成功しているのが、「ファッション」分野のECサイトではないでしょうか。素材や色味、サイズや形など、実際に手にとって見て、確認してから買いたい。あるいは、店頭でのスタッフとのコミュニケーションも楽しみたい。リアル店舗にはあってECサイトにはないデメリットを解消するため、アパレル系のECサイトにはさまざまな工夫が見られます。 「JOURNAL STANDARD」などの若者向けアパレルブランドを展開するベイクルーズのECサイト「スタイルクルーズ」もその1つです。今回はこのスタイルクルーズが採用しているUI（ユーザーインターフェイス）を参考にさせてもらいましょう。 今回のお手本サイト：『スタイルクルーズ』 「JOURNAL STANDARD」「IENA」などを展開するベイクルーズが2007
具体例で学ぶ！情報可視化のテクニック 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
jQueryで作る“Amazon風”インターフェイス (1/5)
「最近、どこでよく買い物していますか？」――こう聞かれて「Amazon！」と答える方も少なくないかもしれません（特に本誌読者であれば）。当初は書店の店頭で入手が難しい書籍の購入などに重宝していたAmazonですが、取扱商品が増えた今では、ペットボトルの水からパソコンまで何でも買える便利なECサイトとして、ネット利用者の生活に定着しました。 もっとも、Webサイトを作る立場から見ると、Amazonの魅力は品揃えやサービスだけではありません。Webサイトのデザイン面からAmazonを見ても優れた点は多数あり、実際、国内外の非常に多くのECサイトがAmazonをお手本にしたUIを採用しています。今回は、「Amazon.co.jp」を参考にさせてもらいましょう。 今回のお手本サイト：『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。現
[JS]注目させたい箇所にユーザーの視線を集めるスクリプト -Seek Attention
Seek Attentionは、画面をグレーアウトさせ、注目させたい箇所にハイライトやアニメーション効果を利用して、ユーザーの視線を集めるスクリプトです。 Seek Attention 注目させたい箇所がブラウザの表示領域外の時は、表示領域内に自動でスクロールされます。 オプションでは、グレーアウト箇所の指定（全体・一部）・色・不透明度・フェードのタイミングが調整可能で、ハイライト箇所のアニメーションの有無・領域のpaddingなども設定することができます。 Seek AttentionはjQueryのプラグインのため、動作にはjquery.jsが必要です。
jQueryを使って入力フォームにサンプル文字を入れておき、フォーカスで消すスクリプト:応用 機能追加編
以前にご紹介した 「jQueryを使って入力フォームにサンプル文字を入れておき、フォーカスで消すスクリプト」 それを使って、今行っている案件をこなそうと思ったら、 ３つ程改良したい部分が出てきた。 一つ目はあらかじめ文字を出現させていて、 そのままsubmitされた場合、デフォルトの文字のままだった場合、 それを削除するというもの。 二つ目は、あらかじめHTMLの段階でvalueをセットしていた場合や、 以前入力していたのをあらかじめ表示させておくなどをした場合、 デフォルトの文字を表示させないようにするというもの。 ３つめは単純、フォーカスがあった部分の 背景の色を変えて、入力している部分がわかるようにするもの。 以上３点を加えたものを作ってみた。 ※2011/06/19 add jQuery1.2～1.2.6までは今回の方法でも動作しますが、1.3以降のバージョンでは、ボタンクリック時
jQueryでゲームを作成するためのライブラリ「gameQuery」:phpspot開発日誌
gameQuery jQueryでゲームを作成するためのライブラリ「gameQuery」 ライブラリを使って作られたゲームも公開されています。 どういう仕組みかは詳しくみていませんが、サウンドをならしたり、アニメーションさせたりといった機能が組み込まれているみたい。 関連エントリ JavaScriptでリズムゲーム「JavaScript Rock Star」 JavaScriptで作られたボンバーマン JavaScriptでマリオカート JavaScriptマリオ JavaScriptで書かれたテトリスゲーム JavaScriptで出来たシューティングゲーム「Spacius!」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コリス
はじめてのjQuery
[JS]jQueryで実装するiGoogle風のインターフェイス | コリス
ちょっとした説明に便利なTooltipsのスクリプトいろいろ | IDEA*IDEA
