タブ機能(JS版)

JavaScriptライブラリ(jQuery + rgbcolor.js)を使用してたタブ切り替え機能です。

jQueryで背景色を取得し、取得した色をrgbcolor.jsで分解・再構築して当該色のRGB版とRGBa版を動的に生成しています。

タブの切り替え機能とタブの装飾を同時に実装しているので、CSSで指定した色を取得してからは、すべてが自動的に機能するようになっています。

CSS版はこちら

パネル1
パネル2
パネル3
パネル4
パネル5