」カテゴリーアーカイブ

色に関する JavaScript のカテゴリ。JavaScript は、HTMLやCSS(スタイルシート)と組み合わせることで、色のコントロールも自由自在。

jQueryを使い、クリックしたボタンの色に親要素の背景色を変更

ボタンをクリックすることで、ボタンの親要素の背景色を、クリックしたボタンの色に変更する。 続きを読む

カテゴリー: API, JavaScript, jQuery, , 逆引き | jQueryを使い、クリックしたボタンの色に親要素の背景色を変更 はコメントを受け付けていません。

jQuery と jQuery Cookie で特定の要素の背景色を変更し、次回訪問時もその設定を適用

jQueryとjQuery Cookieを使い、特定の要素の背景色を変更し、次回訪問時もその設定を適用させる方法。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery Cookie, クッキー, プラグイン, , 逆引き | jQuery と jQuery Cookie で特定の要素の背景色を変更し、次回訪問時もその設定を適用 はコメントを受け付けていません。

jQuery UI の Slider プラグインによるスライダーを使ったカラーピッカー

jQuery UI の Slider プラグインによるスライダーを使ったシンプルなカラーピッカー。赤、緑、青の3つのいづれかのスライダーを動かすと、右のオレンジ色のボックスの色が変化する。同時に、「HEX:」の右横のHEXカラーコードの値と、「RGB:」の右横のRGBカラーモデルの値も変化する。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider, | jQuery UI の Slider プラグインによるスライダーを使ったカラーピッカー はコメントを受け付けていません。

jQuery の Color Picker プラグインのカラーセレクター使用例 2

jQuery の Color Picker のカラーセレクター使用例。カラーセレクターをクリックすると、カラーピッカーが、上から下へのアニメーションで出現。カラーピッカーで、色を選択し、submit ボタンを押すと、カラーセレクターの色が、選択した色に変わる。カラーピッカーを隠したいときは、カラーセレクターをクリック。 続きを読む

カテゴリー: Color Picker, JavaScript, jQuery, プラグイン, | jQuery の Color Picker プラグインのカラーセレクター使用例 2 はコメントを受け付けていません。

jQuery の Color Picker プラグインのカラーセレクター使用例

jQuery の Color Picker プラグインのカラーセレクター使用例。カラーセレクターをクリックすると、カラーピッカーが出現。カラーピッカーで、色を選択し、submit ボタンを押すと、カラーセレクターの色が、選択した色に変わる。カラーピッカーを隠したいときは、カラーセレクターと、カラーピッカー以外の場所をクリック。 続きを読む

カテゴリー: Color Picker, JavaScript, jQuery, プラグイン, | jQuery の Color Picker プラグインのカラーセレクター使用例 はコメントを受け付けていません。

カラーピッカーで選択した色のカラーコードをテキスト入力欄に入力

jQuery の Color Picker プラグインで選択した色のカラーコードを、テキスト入力欄に出現させる方法。逆に、テキスト入力欄にカラーコードを直接入力した場合、カラーピッカー上の色も、入力した色へ変化する。ラーピッカーを隠したいときは、テキスト入力欄と、カラーピッカー以外をクリック。 続きを読む

カテゴリー: Color Picker, JavaScript, jQuery, フォーム, プラグイン, | カラーピッカーで選択した色のカラーコードをテキスト入力欄に入力 はコメントを受け付けていません。

jQuery の Color Picker プラグイン

jQuery の Color Picker プラグインの導入方法などについて。 続きを読む

カテゴリー: Color Picker, JavaScript, jQuery, プラグイン, | jQuery の Color Picker プラグイン はコメントを受け付けていません。

特定の要素の背景色をクリックした色に変更

特定の色をクリックすることで、特定の要素の背景色を、クリックした特定の色に変更するサンプル。クリックしたとき、changeBackgroundColor 関数を呼び出す。引数には、背景色を変えたい要素のIDと、背景色を指定する。 続きを読む

カテゴリー: JavaScript, , 逆引き | 特定の要素の背景色をクリックした色に変更 はコメントを受け付けていません。

ポインタを色に合わせると背景色をその色に変更

マウスポインタを特定の色の上に合わせると、特定の要素の背景色を、その色に変更する。マウスポインタを特定の色から外すと、元の背景色に戻る。引数に、背景色を変えたい要素のIDと、背景色を指定し、関数を呼び出す方法。 続きを読む

カテゴリー: JavaScript, , 逆引き | ポインタを色に合わせると背景色をその色に変更 はコメントを受け付けていません。

ロールオーバー・ロールアウトで背景色を変更

マウスポインタを特定の要素の上に合わせると、特定の要素の背景色を特定の色へ変えるサンプル。このページで紹介するのは、引数に、背景色を変えたい要素のIDと、背景色を指定し、関数を呼び出す方法。 続きを読む

カテゴリー: JavaScript, , 逆引き | ロールオーバー・ロールアウトで背景色を変更 はコメントを受け付けていません。

スポンサード リンク