カラーピッカーで選択した色のカラーコードをテキスト入力欄に入力
jQuery の Color Picker プラグインで選択した色のカラーコードを、テキスト入力欄に出現させる方法。 逆に、テキスト入力欄にカラーコードを直接入力した場合、カラーピッカー上の色も、入力した色へ変化する。 実装例（サンプル） 実装例（サンプル）の動作について テキスト入力欄をクリックすると、カラーピッカーが現れる。カラーピッカーで、色を選択し、 ボタンを押すと、選択した色のカラーコードが、テキスト入力欄に入力される。 テキスト入力欄に、カラーコードを直接入力した場合、カラーピッカー上の色も、入力した色へ変化する。 カラーピッカーを隠したいときは、テキスト入力欄と、カラーピッカー以外をクリック。 実装例（サンプル）のソースコード 読み込み <link rel="stylesheet" media="screen" type="text/css" href="colorpicke
jQuery+CSSで実装するナビゲーションメニュー総集編 - かちびと.net
jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー。css3を使っています。 Fly-out Menu with jQuery and CSS3 Rocking and Rol
シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net
よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。 軽い、というのは大事ですよね。スライドさせるとURL末尾に#～が付き、ここにリンクすることが出来ます。 シンプルです。マークアップも単純なので使いやすいのでは。 <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul> デモでは画像を利用しています。 #～にリンク #～にリンクさせることで個々のスライドを指定して表示さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
