caraldo.net - it転職 リソースおよび情報caraldo.net は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、caraldo.netが全てとなります。あなたがお探しの内容が見つかることを願っています！
背景画像にトランジション効果をつけられるJavaScript「BGTransition」
twitter facebook hatena google pocket 背景画像にも何らかの効果をつけられると、面白い表現が可能になりそうです。 BGTransitionは、そんな時手軽に導入が可能です。 sponsors 使用方法 BGTransitionからjquery.BgImageTransition.jsを、jQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.BgImageTransition.js"></script> <script language="JavaScript" type="text/javascript"> $( function(){ va
caraldo.net -
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
セレクターで要素を選択する - jQuery 日本語リファレンス
jQueryを使ってコーディングする上で、最も頻繁に出てくる作業のひとつがセレクターによる要素選択でしょう。 この便利さが、他のライブラリをおさえてjQueryがデファクトになりつつある要因のひとつでもあると思います。 殊にバージョン1.3になってからはエンジンがsizzleに変わり、更に柔軟性と実行速度を向上させています。 通常はidによる単一要素選択が多くなるかもしれませんが、上手に使うことでより一層、jQueryによる開発が楽しくなると思います。 セレクター書式確認用ツール しかし、セレクター書式は時に非常に難解です。 これを確認するために、簡単なブックマークレットを作ってみました。 以下のリンクを、Firefoxであればツールバーなどにドラッグして下さい。 IEならば右クリックして「お気に入りに追加」を選び、警告は無視して登録します。 [jQuery Selectors Inspe
jQueryのセレクタ 基本 [Javascript] All About
Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 最近は、jQueryのすぐに使えるプラグインを紹介してきましたが、今回から、jQueryのAPI自体の使い方についても目配りしていきます。 jQueryの肝のひとつは、CSSふうのセレクタを使用して、極めて簡単にDOM要素を検索できる機能です。 今回はまず、そのjQueryセレクタの基本的なものから順番に試していきたいと思います。 jQuery jquey.jsのダウンロード jQuery ドキュメント API/1.2/Selectors jQueryのダウンロードと設置 セレクタについて これまで、たとえば、次のような書式でjQueryを使ってきました。 $('#test0').jQchart(setting); $('.test1'
![jQueryのセレクタ 基本 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
jQueryを使う際の25個Tips | hayasaka修行ブログ～裏目人生脱却計画～
mprove your jQuery - 25 excellent tips ｊQueryを利用する際の25のTipsを見つけたので紹介します。 ちょっと長いですが、かなりいいです。 google jsapiを利用しましょう <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> これを利用すると読み込み時間が高速になります。 チートシートを利用しましょう わからなくなったら、チートシートを利用し、さくっと。 チートシートはこちらがい
[JS]ソートだけでなく、検索も可能な多機能なデータテーブルを実装するスクリプト
セルのハイライト表示、データのソート、特定文字列の検索などに対応したデータテーブルを実装するスクリプトを紹介します。
枠内でワークフロー風に華麗に動作する画像ギャラリー「Moving Boxes」:phpspot開発日誌
Moving Boxes 枠内でワークフロー風に華麗に動作する画像ギャラリー「Moving Boxes」というものが公開されています。 なかなかカッコいいUIと動作が印象的な画像ギャラリーになっています。 画像の下にリンクを仕込むこともできるみたいです。 サンプルファイルがダウンロードできるので、カスタマイズして自由に使えそうです。 関連エントリ JavaScript製の画像スライダー・ギャラリーいろいろ 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集 超絶クールなMacスタイル写真ギャラリー「PhotoFlip」
ページを簡単にjQueryでポップアップ！ jQuery PopUpWinodow | バシャログ。
こんばんは、先日右のみパーマをかけたishidaです。 最近はページや画像をlightbox系で表示する機会が多くなってきましたが、ポップアップで表示することも少なくありません。 今回ご紹介するのは、jQueryを使ったポップアッププラグイン jquery.popupwindow.js です。 設置方法 配布ページよりデータをダウンロードし、ポップアップを利用したいhtmlのhead要素などでファイルを読み込みます。 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.popupwindow.js" type="text/javascript"></script> 表示する部分は以下です。 <a href="DUMMY.html" class="popupwindow">ポップアップ</a
[JS]ブラウザのサイズに合わせて画像サイズを最適化するスクリプト
maxImage demo 上記のデモでは、右側の画像がブラウザのサイズに合わせて、はみでないようにリサイズされて表示されます。 デモは他にも多数あり、下記は背景画像をブラウザのサイズに合わせて最適化します。
フロートウィンドウを作成するJavaScript「(mb)ContainersPlus」
twitter facebook hatena google pocket ある部分だけ目立たせたいけど、ユーザーの邪魔にならないよう閉じられるようにしたい。 誰しもがもつ欲求をかなえてくれるのが、jQueryプラグイン「(mb)ContainersPlus」です。 移動、リサイズなどが可能なフロートウィンドウをJavaScriptで作成できます。 sponsors 使用方法 (mb)ContainersPlusからファイル一式をダウロードします。 <link rel="stylesheet" type="text/css" href="mbContainer.css" title="style" media="screen"> <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/j
パンクズを綺麗に見せるJavaScript「jBreadCrumb」
twitter facebook hatena google pocket パンクズを設置することでユーザーがどこを見ているのかをわかりやすくできます。 おおかた地味な存在ですが、jQueryプラグインjBreadCrumbを使うと一味違う見せ方が可能です。 sponsors 使用方法 jBreadCrumbからファイル一式をダウンロードします。 <link rel="stylesheet" href="BreadCrumb.css" type="text/css"> <script src="jquery-1.3.js" type="text/javascript"></script> <script src="jquery.easing.1.3.js" type="text/javascript"></script> <script src="jquery.jBreadCrumb.js
ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集:phpspot開発日誌
25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近
[JS]スムーズなスライドが気持ちいい、パンくずのスクリプト -jBreadCrumb
jBreadCrumb demo パンくずはリスト要素で実装されており、既存のパンくずに適用することも簡単です。 「jquery.jBreadCrumb.js」の最後に記述してあるオプションでは、オープンするルール、オープンしておくレベル、アニメーションのスピード、クローズ時のサイズなどを変更できます。 オープンするルールの最大文字数と最小文字数を100に、エレメント数を1に、オープンしておくレベルを終わりから2に、クローズ時のサイズを20に変更。 jBreadCrumbはjQueryのプラグインのため、動作にはjquery.jsが必要です。
Ajax » jQuery plugin » 要素のスクロール | PHP & JavaScript Room
IE6, IE7, FF2, FF3, Safari 3, and Opera 9 on Windows. FF3 and Safari 3 on MacOSX. 画面をスクロールすると、特定の要素も一緒にスクロールさせるjQueryプラグインです。 スクロール可能な範囲を指定したり、一緒にスクロールさせるかどうかの有無も指定することができます。 設置イメージ jQuery Scroll Followの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery メニュープラグインLavaLamp [Javascript] All About
jQueryを使ってXMLを解析操作する（サンプルソースコード含める） | DigiTechLog Dot Com
caraldo.net - it転職 リソースおよび情報
http://www.designwalker.com/2009/02/jquery-dropdown.html
caraldo.net - it転職 リソースおよび情報