[問題] 搜尋建議的下拉框
像在google把字打進搜尋的框,下面會跳出符合這個字開頭資料的下拉框
想請問這個下拉框是怎麼作的?
我自己試過的方法
是先用一個div模擬最外層的框框
然後把符合的字每一個都再用div包著
大概像是這樣
<div id="test">
<div onmouseover=".." onmouseout=".." onclick="..">符合開頭的字串1</div>
<div onmouseover=".." onmouseout=".." onclick="..">符合開頭的字串2</div>
</div>
onmouseover跟onmouseout是拿來做移到字串那行底色會變的效果
onclick是選取那行就把字串帶到原本的搜尋輸入框
現在的問題是效果有了
不過這樣做的話
這個下拉框出現會把版面拉長
因為 不會覆蓋下面的區塊 而下面的元素會往下跑
不太像google,yahoo出現的下拉框感覺是直接彈出
而不影響下面元素本來的位置(就直接蓋住)
我也是想把出現的下拉框直接蓋掉下面的區塊
所以我想我這個方法是錯的...
希望版上的朋友給點提示或想法
謝謝!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.224.25.206
推
08/02 22:45, , 1F
08/02 22:45, 1F
→
08/02 22:46, , 2F
08/02 22:46, 2F
→
08/05 21:13, , 3F
08/05 21:13, 3F