タグ

*javascriptとcolorに関するwebmarksjpのブックマーク (2)

  • [JS]背景やテキストの色を少しずつ変更するスクリプト -fader.js

    leigeberのエントリーから、背景やテキストやボーダーの色を、指定色から指定色に少しずつ変更するスクリプトの紹介です。 JavaScript Color Fading Script デモページ デモには、下記の4つがあります。 ホバーすると、背景の色をフェード。 クリックすると、背景の色をフェード。 ホバーすると、テキストの色をフェード。 ホバーすると、ボーダーの色をフェード。 fader.jsの動作環境は、IE6/IE7, Firefox, Opera and Safariとなっており、jQueryやPrototypeなどの他のスクリプトに依存せずに動作する軽量(約2KB)のスクリプトです。 実装も簡単で、「fader.js」を外部スクリプトとして配置し、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5

  • まるでphotoshop!JavaScriptで実装するクールなカラーピッカー[prototype.js]

    完全にphotoshopと同様の機能 以下にサンプル。 サンプルデモ どうみても使い慣れたピッカーにしか見えない。 すごいのがドラッグとか色々できて、スムーズに色も変化していく点。 実物と比較しても違いがほとんどありません。 対応ブラウザも多数 この作者のエントリから、対応ブラウザが公開されていました。 ・IE5.5 ・IE6 ・IE7 ・firefox2 ・Opera 9 ・Safari 2 幅広いカバー率です。 でも、1つだけ問題。 一応ダウンロードしてローカルで確認したところきちんと動きましたが、またもや私のレンタルしているサーバーにアップしても動かないと言う症状が現れました。 ただ、使える人も多数いるようなので、ご紹介だけはしておきますね。 皆さんも一応使うときはご確認を。 ダウンロードは以下ページの以下の画像を参照してください。 PhotoShop-like JavaScript

    まるでphotoshop!JavaScriptで実装するクールなカラーピッカー[prototype.js]
  • 1