Greyscale Hover Effect w/ CSS & jQuery 画像マウスオーバーでグレーにアニメーションするCSS＆jQueryサンプル。 CSSスプライトで2種類の画像を作っておいて、カラー画像をグレーに切り替えるサンプルになってます。 ↓↓マウスオーバー↓↓ グレーでなくとも、別の画像に切り替えるという場合のサンプルとしても使えます。 透過PNGとかでやれば2種類画像を作らないでもよさそうですね。そういうのも今後出てくるとうれしいですね。
Add ( /-) Button Number Incrementers | CSS-Tricks インプットフィールドに数値の調整が可能な＋−ボタンを付けるjQueryサンプル。 +や-を押すと、分かると思いますが、数値が加減されます。 ショッピングカートとか、そういう部分実装しておくと結構便利そうなスクリプトですね。 この＋、−ボタンをjQueryにて動的に付与するところも便利なポイントになります。 覚えておくと便利かもですね。 関連エントリ リッチで使いやすいＵＩを作成するためのjQueryライブラリ＆サンプル集 jQueryでリアルタイムにCSSを書き換えるサンプル マウスオーバーで画像を扉のように左右にアニメーションさせるjQueryサンプル
Learning jQuery: Submit form PHP Mac style Modal window | AEXT.NET PHPとjQueryのAjax連携の学習用チュートリアルが公開されています。 macスタイルのログインフォームからjQueryでAjax送信してリアルタイム認証を行うサンプルです。 それぞれ簡単なコードになっているので入門にも最適で、かつ成果物もクール。 デモページ 入門としてだけでなく、サンプルとして応用して使ってみるのもよさそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ jQueryでアコーディオン作成のチュートリアル 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル
Juitter | jQuery Plugin to put Twitter live on your website サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」 次のようなウィジェットをjQueryプラグインによって簡単設置されます。 Twitterの発言は、ダイナミックに更新されたものからアニメーションされつつ追加されるところがナイスです。 検索機能も付いているのがよくて、そのまま、画面遷移なしに検索が可能です。 関連エントリ 「フォローしてね」を表すTwitterアイコン集 Twitterのメッセージ表示などができるPHP＆AJAXなブログパーツ実装が可能な「Ptwix」 Twitterで使われているフォント「Pico」
We're under construction. Please check back for an update soon.
jQueryはよく使うのだけど、ちょっとだけ不便なときがあったので、それに対応する関数を書いてみた。 クラスを生成する var Class = $.klass({ init: function (a) { this.a = a; }, view: function () { alert(this.a) } }); initがコンストラクタとして機能します。 $.klass=function(a){var b=function(){this.init&&this.init.apply(this,arguments)};b.prototype=a;return b}; CSSルールの追加削除 var index = $.css.add("body{background:red;}"); alert("stop"); $.css.remove(index); あると便利なときがあるので一応。 $
JavaScriptを使えば画面遷移の少ない、スムーズな操作性を提供できる。いわゆるAjaxなどがそれに相当するが、ドメインを越えて通信できないのが問題だった。幾つかの打開案はあるが、例えばJSONPを使う方法やサーバサイドで取得する方法などがメインになっていた。 検索結果のXMLを並べるテスト これではどちらかのサーバで対応が必要になってしまう。そんな中、殆どをクライアントサイドだけで解決してしまうのがjQuery CrossDomainだ。 今回紹介するオープンソース・ソフトウェアはjQuery CrossDomain、jQueryによるクロスドメインAjaxライブラリだ。 jQuery CrossDomainが使うのはFlashだ。Flashを使って外部ドメインにあるXMLを取得し、それをJavaScriptに返すようになっている。その仕組みをjQueryプラグイン化することで容易に
QuickFlip takes any piece of HTML markup and flips it like a card. It’s simple to implement and the animation is fresh and original. How QuickFlip works Normally QuickFlip uses two panels: a front and a back. When a flip occurs, the front panel is split in half with Javascript. The right and left halves slide into one another, and afterwards the opposite occurs with the back panel. While it’s not
Please note that this page requires JavaScript for it to function. This tool is still loading. If this message does not disappear, your JavaScript has not worked/loaded properly and this tool will not function.
Written by Samuli Kärkkäinen <amuli.karkkai[email protected]>. Idea from the Interactive XPath tester. See jQuery selector language docs.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
