[JS]テーブルの一部をハイライト・切り替えることできるスクリプト

Crazy Egg'sで実装されている、テーブルのハイライトされた箇所を動的に切り替え、別の要素を表示するスクリプトの紹介です。

Crazy Egg'sのテーブル

サイトには、素の表組みの状態からステップごとに解説されており、ダウンロードファイルにも全てのステップが含まれています。

reating a table with dynamically highlighted columns like Crazy Egg's pricing table

ハイライトされた箇所を選択すると、上記のように別の入力画面が表示されます。