IE6-8 is Not Supported

Amazon で 90%OFF の商品を見つけるフォームを作成する方法

随分前に作ったものですが、公開していたページを閉じてしまったので再掲。
昔の記事が LifeHacker に取り上げられていたらしく、未だにアクセスがあるので作り直しました。

API を使わないシンプルなフォームなので導入しやすいと思います。
コードは以下の通りです。自分のアソシエイトIDがある方はタグを変更してください。


上記のコードをそのまま打ち込むとこのように表示されます。

このままだとさすがに味気ないので、簡単な デモページを作成。
デモではセレクトタグを手軽に装飾できる jQuery Selectric を使用しています。

今回は 10% ごとのセレクトボックスで実装したけど、CSS3 も無事勧告されたし range で実装してみても面白いかも。って今更ながら思いました。そのうち作るかな…。

ads by google