だれがセレクトボックスは1列だって決めたの？
たしかにそうね。
あなたが与えられたものを全てだと思い込んでるなら、
そういうことになるわよね。
こんな感じで、1列しか表示しない。
ええ。たしかに。
女の化粧は詐欺かしら？
私はそうは思わない。
自分を表現するための手段よ。
なら、セレクトボックスもおんなじ。
自分の可能性を広げるために、そういう風にしちゃえばいいのよ。
たとえば、こんな風に。
そう見える。ただそれだけなの。
方法は単純。
（１）セレクトボックスのoptionを全部とりだす。
（２）ひとつずつoptionの値をdivに設定していく。optionのvalueはdivにvalue属性なんかを勝手につけて。
（３）それをm行ずつ作って、列divで囲む。
（４）列divを左からfloatさせて、wrapperのdiv内に順番に配置する。
ただこれだけで、見かけは完成。
振る舞いもそれらしくね。
でも、見かけだけちゃ簡単にあきられちゃう。
それなりに振る舞いなさい。
（１）mouseoverされたら背景が紺色になって、mouseoutされたら背景が白色になる。
（２）クリックされたら、一倍外部のwrapperのdivを消去する。
（３）クリックされた要素が選択された状態にする。
これが私のやり方
0 件のコメント:
コメントを投稿