漂亮的SELECT下拉框
css代码 <input id="headSearchType" name="searchType" type="hidden" value="playlist"> <div class="selSearch"> <div class="nowSearch" id="headSlected" onclick="if(document.getElementById('headSel').style.display=='none'){document.getElementById('headSel').style.display='block';}else {document.getElementById('headSel').style.display='none';};return false;" onmouseout="drop_mouseout('head');">专辑</div> <div class="btnSel"><a href="#" onclick="if(document.getElementById('headSel').style.display=='none'){document.getElementById('headSel').style.display='block';}else {document.getElementById('headSel').style.display='none';};return false;" onmouseout="drop_mouseout('head');"></a> </div> <div class="clear"></div><ul class="selOption" id="headSel" style="display:none;"> <li><a href="#" onclick="return search_show( 'video',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">视频</a></li> <li><a href="#" onclick="return search_show( 'playlist',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">专辑</a></li> <li><a href="#" onclick="return search_show( 'user',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">会员</a></li> <li><a href="#" onclick="return search_show( 'bar',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">看吧</a></li> <li><a href="#" onclick="return search_show( 'pk',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">PK擂台</a></li></ul> </div>