[JS]これFlashじゃないの？ってなるナビゲーションを実装するjQueryのチュートリアル
軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML：背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
ASCII.jp：jQueryによるLightbox風モーダルウィンドウの作り方｜Web制作の現場で使えるjQuery UIデザイン入門
HTMLとCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML／XHTML（以下、HTML）とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素（今回はimg要素）はoverLayer内に配置します。 ▼サンプル01（HTML部分） <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i
jQuery基礎文法最速マスター[to-R]
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
![jQuery基礎文法最速マスター[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」:phpspot開発日誌
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 2009年12月01日- GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡単に実装できるみたいです。 マウスホイールでズームし、ドラッグして地図移動が可能 ズームとか移動のコントローラーを付けることも可能で、これなら初心者にも簡単に気付いてもらえますね。 設置はjQueryを使うので、マークアップでズーム用に画像を数枚置いておき、$("#viewport").mapbox({mousewheel: true}); のように初期化するだけでOKです。 オプションも多数あるのでカスタマイズも出来ます。 ズーム前後に実行できるイベントハンドラも設定可能なので、柔軟性が高い
jQuery超初心者にありがちな6つの間違い - あじゃぱー
顔に見える？最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…
from jQuery Tutorial | RsStudio
jQueryチュートリアルの中の気になる! あくまでjQueryの初心者による、初心者向け紹介です。 もともとはthickboxで必須ファイルだったのでチェックし始めました。 で、チュートリアルが英語だったので、ソースしか読んでないので、わからないこと満載でこれを書いています。 実際にちょっと使ってみたところではすごく使い勝手が良いです。 最近のJavascriptなどにまっさらな状態の人は、XPath形式のExpressionの勉強も一緒にできて便利、かも。 プラグインもあるので、何かやるときはセットで使うてもあり。自分で書く手もあり。 もう一方の著名な、prototype.jsは自分で使ったことがないので、比較はしていません。 簡単なjquery.jsの取得方法 私の場合最初jquery.jsの取得方法がわからなかったので、念のため。 jQueryのホームページのなかからGetting
jQueryの魔法 - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ jQueryの魔法 1: jQueryの特徴 2: 魔法のメソッドチェーン 3: jQueryのダウンロード 4: 設置 jQueryの特徴 jQueryは、最近急速に人気を増してきているJavaScriptライブラリです。 短いコードで多くの処理を安全で簡単に実行できる優れたライブラリのひとつです。 jQueryは、きわめて簡潔な表現で多彩な機能を実現することに成功しています。 もし、DIVで"testClass"というクラス名のついた要素だけを選んで、文字色を赤にしようとしたら、 一般的なJavaScriptでは、いろいろな書き方はありますが、たとえば、次のような書き方になります。 <div
jQuery で JSONP ２通り - てっく煮ブログ
JavaScriptjQuery を使って JSONP でリクエストする方法を２通り紹介するよ。その１: $("")createElement を $() を使って実装。 $("") .attr('type', 'text/javascript') .attr('src', "http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback") .appendTo($("head")); function myCallback(json){ // ロード完了時にここが呼ばれる } http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback にリクエストがいく。callback のところは、サービスによって指定の仕方が違うかもね。その２: $.ajax
50 Amazing Jquery Examples- Part1
Many of us have been using a good deal of jQuery plugins lately. Below I have provided a list of the 50 favorite plugins many developers use. Some of these you may have already seen, others might be new to you. This is just the first series , the second version will be coming soon, stay tuned and Enjoy! Menu 1) LavaLamp 2) jQuery Collapse A plugin for jQuery to collapse content of div container.
ニュータイプなJSライブラリjQueryを使ってみよう！
JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。 Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。 そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。 Ajaxとは ここで言うAjaxは、オランダの名門フットボールチーム「アヤックス」ではなく、ウェブブラウザ内で非同期通
jQuery の $(function) が ready イベント発生後だと動かない問題の解決法 - IT戦記
ready にまつわる「ややこしい問題」で 川崎さんが困っているようなので、 [jQuery] $(function)はonload後には効かない Kawanet Blog II/ウェブリブログ 解決方法を書きます 実は （たぶん）その「ややこしい問題」のために用意されている関数が jQuery にはある jQuery.event.special.ready.setup() /* または */ $.event.special.ready.setup() 試したことはないけど。たぶん上の関数を ready イベント前（ロードされる前）に呼び出してあげると、その「ややこしい問題」を解決できる 関数名が長いけど $(function(){}) のようにダミー関数を空呼びするよりは奇麗かなあ？
Roppongi.JS#1 jQuery Code Reading - VTuberになったプログラマーの魂の残滓
忙しさにかまけてちゃんと告知してなかった。 日程：3月15日（土） 時間：13:00〜17:00ぐらい 内容：jQueryコードリーディング 場所：オンライン（全国から参加してください！） 人数：無制限（オンラインなのでもちろん無制限です） 自分の家に くるのもオッケー！無線LANあるよ！ けどあまりにも狭いのでたぶん2〜3人が限界だと思いますが・・・ｗ 一応初？オンラインメインの勉強会！ 一応Ustream＋Lingrの組み合わせで誰でも参加できる形で実験的にやってみます！ もちろん細かい集まりでおのおの集まりつつオンラインで参加なんてのもいいかもしれませんね。 Roppongi.JS#0.5として 実際にやってみたらどんな感じになりそうか事前のテストとかはしてみたいですね。 コードリーディングなので各自ソースを用意だけしてもらえば大丈夫だとは思うのですが・・・。 でもやっぱり初の試みな
特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
jQuery API Update: offline and anywhere
I've been beavering away at the API behind the scenes for a little while, and if you follow me on Twitter you've probably already seen the API browser has already been upgraded. The key change I've made is to de-couple the API search engine from the front end. What this has resulted in, is a fairly simple API to create any number of bespoke front ends to the jQuery API browser. READER DISCOUNTSave
素晴らしいjQueryのサンプル50選『50+ Amazing Jquery Examples- Part1』 – creamu
jQueryでクールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『50+ Amazing Jquery Examples- Part1』。素晴らしいjQueryのサンプル50選だ。 このエントリーでは、以下のたくさんのカテゴリーでjQueryのサンプルが紹介されている。 ・スライドパネル ・メニュー ・タブ ・アコーディオン ・スライドショー ・トランジションエフェクト ・スライドギャラリー（jQuery Carousel） ・カラーピッカー ・LightBox ・iframe ・フォームバリデーション ・フォームエレメント ・スターレイティング ・ツールチップ ・テーブルプラグイン ・ドラッグ&ドロップ&選択可能にする ・スタイル変更 ・角丸 ・必ず見るべきjQueryの使用例 ぜひこの機会に使ってみてはいかがだろうか。 素晴らしいjQueryのサンプル、チェックして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き） 記事一覧 | gihyo.jp
はじめてのjQuery
HisasAnn.com is for sale | HugeDomains
jQuery を使って Ajax 開発を単純化する
http://bizcaz.com/archives/2007/06/21-145954.php