サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
第1回 そろそろ本気で学びませんか？ | ThinkIT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type ofJavaScript library. jQuery: The Write Less, Do More,JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。 Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。 そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。 Ajaxとは ここで言うAjaxは、オランダの名門フットボールチーム「アヤックス」ではなく、ウェブブラウザ内で非同期通
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
一個のサンプルは非常に単純な構造になっておりますゆえ、jQueryをすでにやったことがある人にとって必要ないものだということをあらかじめご了承くださいませ。 エフェクト関係とかそれ以前に、どんなことをすればどうなるのかという基礎的なサンプルです。 プラグイン関係は以前書いた記事を参照してください。 jQueryでweb制作をする時にキープしておきたい30リスト そもそもｊQueryって何ですかという人は以下を。 今更ですが、jQueryにはまりました 追記：ほんとすいませんローカルで動作確認したところ動くのですが、オンラインではfirefoxしか動作確認せずに公開。 IE7では上の4つが動きません。 いくつか確認したのですが、どうしてもIE7でJavaScriptエラー。ダメすぎる自分・・・。 追記2：まいりました。他のサイトの記述を見てもミスが見つかりません。言語問題でしょうか・・・アク
May 08, 2007 17,799 Comments Tags:Javascript If you are a bigMac fan, you will love thisCSS dock menu.It is using Jquery library and Fisheye component from Interface and some of my icons.It comes with two dock position:top and bottom. ThisCSS dock menu is perfect to add on to myiTheme. Here I will show you how to implementit to your web page.CSS dock menu screenshot Update: I no longer s
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel
タブメニューなにか良いのないかなと思って探していたら、10Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。 エントリの中でも、以下のメニューが面白かったですね。 口で説明するのは難しいですが、タブをクリックすると上下にスライドしながら違う文章を持ってきます。 以下からサンプル＆ダウンロード可能 タブメニューに関して 最近仕事のほうも忙しくなり、なかなか更新できないでいます。 そんなわけで、今回のようにタブを紹介するときにまとめて関連する記事を紹介する率も高くなってきました。 ピンポイント紹介ではなくなってきていますが、ご愛嬌と言う事でお願いします。 [JS]スムーズに切り替わるタブ型コン
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Con
Check out Cycle2, the latest in the Cycleline of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types oftransition effects.It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.It also supports, but does not require, the Easing Plugin. Howit Works The plugin provides a method called cycle which is
結構昔からあったんですが、使ってみると意外と素敵なので記事に残しておきます。 イメージギャラリーを作成する時などにも使えそうですし、非常に高度な動きを簡単に実装できますので便利です。 ※この記事はJQueryJavaScriptを使ったプラグインの紹介です。 何はともあれサンプルを見てみるのが早いかも 初級者用サンプルデモ 中級者用サンプルデモ１ 中級者用サンプルデモ２ 上級者編サンプル１ 上級者編サンプル２ その他のバライティサンプル JQueryの基本的構造 基本はjquery.jsと、プラグイン用のjsファイルをまず読み込みます。 ※あくまでも基本構造の説明なので、この通りコピペしてもうごきません。 <script type="text/javascript" src="../jquery-1.2.1.js"></script> <script type="text/javascri
JavaScript（ECMAScript）は、他のプログラミング言語の決まりに慣れ親しんでいると、非常に奇妙な存在です。一見すると、CやJavaから型宣言を省いただけの単純なプログラミング言語に見えます。しかし、prototype.jsやjQueryのような優れたライブラリのソースを眺めると、それが単なる勘違いに過ぎないことに気づくでしょう。 ここでは、prototype.jsのソースファイルを読むのに必要となるJavaScriptの文法のうち、特に重要な3点を説明します。これらは、JavaScriptでプログラムを記述するのに重要な役割を持つ反面、単にHTMLにアクセントを付ける程度の利用方法では出現しません。したがって、ここで説明するJavaScriptの「濃い」部分を知らなければ、prototype.jsのソースファイルを眺めても何が記述されているのか理解することはできないでしょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
