<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<HTML>
<HEAD>
<TITLE>搜索条</TITLE>
<METANAME="Generator"CONTENT="EditPlus">
<METANAME="Author"CONTENT="">
<METANAME="Keywords"CONTENT="">
<METANAME="Description"CONTENT="">
<style>
/*basic*/
*{padding:0;margin:0;color:#000;font:12px/20pxArial,Sans-serif,"宋体";}
/*elements*/
.clear{clear:both;height:0px;overflow:hidden;}
ul,li,ol{list-style-type:none;list-style-position:outside;}
button,.btnNormal{height:22px;line-height:18px;padding:09px!important;padding:05px;}
a{color:#0042ff;text-decoration:underline;}
a,a*{cursor:pointer;}
aimg{border:0;}
.searchTool{float:left;width:520px;}
.searchTool.searchExtend{float:left;line-height:24px;_padding-top:5px;}
.searchTool.radio{vertical-align:middle;margin-left:10px;margin-right:2px;*margin-right:0;}
.searchTool.txtSearch{float:left;width:232px;padding:2px2px02px;height:20px;line-height:20px;vertical-align:bottom;border:1pxsolid#3e99d4;}
.searchTool.selSearch{float:left;width:60px;background:#fff;height:22px;line-height:22px;border:1pxsolid#3e99d4;border-left:0;}
.searchTool.nowSearch{float:left;width:40px;height:20px;line-height:22px;overflow:hidden;padding-left:4px;}
.searchTool.btnSel{float:right;border-left:1pxsolid#3e99d4;width:14px;height:22px;}
.searchTool.btnSela{background:url(http://static.youku.com/v1.0.0217/index/img/btn_sel.gif)no-repeatcentercenter;display:block;width:14px;height:22px;}
.searchTool.btnSela:hover{background:url(http://static.youku.com/v1.0.0217/index/img/btn_sel_over.gif)no-repeatcentercenter;border:1pxsolid#fff;width:12px;height:20px;}
.searchTool.selOption{z-index:9999;position:absolute;margin-left:-1px;width:60px;background:#fff;border:1pxsolid#3e99d4;}
.searchTool.selOptiona{display:block;height:21px;padding-left:5px;line-height:21px;color:#000;text-decoration:none;}
.searchTool.selOptiona:hover{color:#fff;background:#95d5f1;}
.searchTool.btnSearch{float:left;margin-left:10px;width:58px;height:22px;line-height:22px;border:1pxsolid#3e99d4;overflow:hidden;}
.searchTool.btnSearcha{background:url(http://static.youku.com/v1.0.0217/index/img/bg_nav_option.gif)repeat-xcenter-6px;display:block;text-decoration:none;height:22px;line-height:22px;overflow:hidden;}
.searchTool.btnSearcha:hover{background:url(http://static.youku.com/v1.0.0217/index/img/bg_nav_option_over.gif)repeat-xcentercenter;border:1pxsolid#fff;height:20px;line-height:20px;}
.searchTool.btnSearch.lbl{cursor:pointer;display:block;width:40px;padding-left:5px;letter-spacing:5px;text-align:center;height:18px;padding-top:1px;margin:0auto;filter:progid:DXImageTransform.Microsoft.DropShadow(color=#daeefa,offX=1,offY=1,positives=true);}
.searchTool.btnSearcha:hover.lbl{padding-top:0px;}
</style>
<script>
functiondrop_mouseover(pos){
try{window.clearTimeout(timer);}catch(e){}
}
functiondrop_mouseout(pos){
varposSel=document.getElementById(pos+"Sel").style.display;
if(posSel=="block"){
timer=setTimeout("drop_hide('"+pos+"')",1000);
}
}
functiondrop_hide(pos){
document.getElementById(pos+"Sel").style.display="none";
}
functionsearch_show(pos,searchType,href){
document.getElementById(pos+"SearchType").value=searchType;
document.getElementById(pos+"Sel").style.display="none";
document.getElementById(pos+"Slected").innerHTML=href.innerHTML;
document.getElementById(pos+'q').focus();
varsE=document.getElementById("searchExtend");
if(sE!=undefined&&searchType=="bar"){
sE.style.display="block";
}elseif(sE!=undefined){
sE.style.display="none";
}
try{window.clearTimeout(timer);}catch(e){}
returnfalse;
}
</script>
</HEAD>
<BODY>
<divclass="searchTool">
<formmethod="get"action="http://so.youku.com/search_playlist"name="headSearchForm"id="headSearchForm"onsubmit="returndosearch(this);">
<inputclass="txtSearch"id="headq"name="q"type="text"value="闯关东"/>
<inputname="searchdomain"type="hidden"value="http://so.youku.com">
<inputid="headSearchType"name="searchType"type="hidden"value="playlist">
<divclass="selSearch">
<divclass="nowSearch"id="headSlected"onclick="if(document.getElementById('headSel').style.display=='none'){document.getElementById('headSel').style.display='block';}else{document.getElementById('headSel').style.display='none';};returnfalse;"onmouseout="drop_mouseout('head');">专辑</div>
<divclass="btnSel"><ahref="#"onclick="if(document.getElementById('headSel').style.display=='none'){document.getElementById('headSel').style.display='block';}else{document.getElementById('headSel').style.display='none';};returnfalse;"onmouseout="drop_mouseout('head');"></a></div>
<divclass="clear"></div>
<ulclass="selOption"id="headSel"style="display:none;">
<li><ahref="#"onclick="returnsearch_show('head','video',this)"onmouseover="drop_mouseover('head');"onmouseout="drop_mouseout('head');">视频</a></li>
<li><ahref="#"onclick="returnsearch_show('head','playlist',this)"onmouseover="drop_mouseover('head');"onmouseout="drop_mouseout('head');">专辑</a></li>
<li><ahref="#"onclick="returnsearch_show('head','user',this)"onmouseover="drop_mouseover('head');"onmouseout="drop_mouseout('head');">会员</a></li>
<li><ahref="#"onclick="returnsearch_show('head','bar',this)"onmouseover="drop_mouseover('head');"onmouseout="drop_mouseout('head');">看吧</a></li>
<li><ahref="#"onclick="returnsearch_show('head','pk',this)"onmouseover="drop_mouseover('head');"onmouseout="drop_mouseout('head');">PK擂台</a></li>
</ul>
</div>
<divclass="btnSearch">
<ahref="#"onclick="javascript:returndosearch(document.getElementById('headSearchForm'));"><spanclass="lbl">搜索</span></a>
</div>
<divclass="searchExtend"id="searchExtend"name="searchExtend"style="display:none">
<inputtype="radio"class="radio"name="sbt"value="post"onclick="csbt(this,this.form.sbts);"/>搜贴子<inputtype="radio"name="sbt"value="user"onclick="csbt(this,this.form.sbts);"class="radio"/>按作者搜<inputtype="hidden"name="sbts"value="bar">
</div>
<divclass="clear"></div>
</form>
</div>
<divclass="clear"></div>
</div>
</div>
</BODY>
</HTML>
DIV搜索条（图）