zoukankan
html css js c++ java
DIV搜索条
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <HTML> <HEAD> <TITLE>搜索条</TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style> /*basic*/ *{padding:0;margin:0;color:#000;font:12px/20px Arial,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:0 9px!important;padding:0 5px;} a{color:#0042ff;text-decoration:underline;} a,a *{cursor:pointer;} a img{border:0;} .searchTool{float:left;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;232px;padding:2px 2px 0 2px;height:20px;line-height:20px;vertical-align:bottom;border:1px solid #3e99d4;} .searchTool .selSearch{float:left;60px;background:#fff;height:22px;line-height:22px;border:1px solid #3e99d4;border-left:0;} .searchTool .nowSearch{float:left;40px;height:20px;line-height:22px;overflow:hidden;padding-left:4px;} .searchTool .btnSel{float:right;border-left:1px solid #3e99d4;14px;height:22px;} .searchTool .btnSel a{background:url(http://static.youku.com/v1.0.0217/index/img/btn_sel.gif) no-repeat center center;display:block;14px;height:22px;} .searchTool .btnSel a:hover{background:url(http://static.youku.com/v1.0.0217/index/img/btn_sel_over.gif) no-repeat center center;border:1px solid #fff;12px;height:20px;} .searchTool .selOption{z-index:9999;position:absolute;margin-left:-1px;60px;background:#fff;border:1px solid #3e99d4;} .searchTool .selOption a{display:block;height:21px;padding-left:5px;line-height:21px;color:#000;text-decoration:none;} .searchTool .selOption a:hover{color:#fff;background:#95d5f1;} .searchTool .btnSearch{float:left;margin-left:10px;58px;height:22px;line-height:22px;border:1px solid #3e99d4;overflow:hidden;} .searchTool .btnSearch a{background:url(http://static.youku.com/v1.0.0217/index/img/bg_nav_option.gif) repeat-x center -6px;display:block;text-decoration:none;height:22px;line-height:22px;overflow:hidden;} .searchTool .btnSearch a:hover{background:url(http://static.youku.com/v1.0.0217/index/img/bg_nav_option_over.gif) repeat-x center center;border:1px solid #fff;height:20px;line-height:20px;} .searchTool .btnSearch .lbl{cursor:pointer;display:block;40px;padding-left:5px;letter-spacing:5px;text-align:center;height:18px;padding-top:1px;margin:0 auto;filter:progid:DXImageTransform.Microsoft.DropShadow(color=#daeefa,offX=1,offY=1,positives=true);} .searchTool .btnSearch a:hover .lbl{padding-top:0px;} </style> <script> function drop_mouseover(pos){ try{window.clearTimeout(timer);}catch(e){} } function drop_mouseout(pos){ var posSel=document.getElementById(pos+"Sel").style.display; if(posSel=="block"){ timer = setTimeout("drop_hide('"+pos+"')", 1000); } } function drop_hide(pos){ document.getElementById(pos+"Sel").style.display="none"; } function search_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(); var sE = document.getElementById("searchExtend"); if(sE != undefined && searchType == "bar"){ sE.style.display="block"; }else if(sE != undefined){ sE.style.display="none"; } try{window.clearTimeout(timer);}catch(e){} return false; } </script> </HEAD> <BODY> <div class="searchTool"> <form method="get" action="http://so.youku.com/search_playlist" name="headSearchForm" id="headSearchForm" onsubmit="return dosearch(this);"> <input class="txtSearch" id="headq" name="q" type="text" value="闯关东" /> <input name="searchdomain" type="hidden" value="http://so.youku.com"> <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('head','video',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">视频</a></li> <li><a href="#" onclick="return search_show('head','playlist',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">专辑</a></li> <li><a href="#" onclick="return search_show('head','user',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">会员</a></li> <li><a href="#" onclick="return search_show('head','bar',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">看吧</a></li> <li><a href="#" onclick="return search_show('head','pk',this)" onmouseover="drop_mouseover('head');" onmouseout="drop_mouseout('head');">PK擂台</a></li> </ul> </div> <div class="btnSearch"> <a href="#" onclick="javascript:return dosearch(document.getElementById('headSearchForm'));"><span class="lbl">搜索</span></a> </div> <div class="searchExtend" id="searchExtend" name="searchExtend" style="display:none"> <input type="radio" class="radio" name="sbt" value="post" onclick="csbt(this,this.form.sbts);" />搜贴子<input type="radio" name="sbt" value="user" onclick="csbt(this,this.form.sbts);" class="radio" />按作者搜<input type="hidden" name="sbts" value="bar"> </div> <div class="clear"></div> </form> </div> <div class="clear"></div> </div> </div> </BODY> </HTML>
http://www.corange.cn/archives/2008/06/1280.html
查看全文
相关阅读:
Thinkpad R400无线网络一个都不见了！
如果使用安卓4.4的SD卡？
如何使用安卓4.4的SD卡？
在IAR使用FreeRTOS出现Error[Pa045]: function "XXX" has no prototype
DSP5509的RTC实验-第3篇
LWM2M简介-学习记录
DSP5509的定时器实验-第2篇
DSP5509的XF实验-第一篇
华为LiteOS系统使用-任务调度函数-第一篇
2017-12-24自选的股票之春秋航空
原文地址：https://www.cnblogs.com/zerogo/p/2209303.html
最新文章
树（1）------实现和遍历
Python爬虫4------图片爬虫
Python爬虫3-----浏览器伪装
Python爬虫2------爬虫屏蔽手段之代理服务器实战
1. 自定义视图属性
24、AR技术
23、铃声设置
22、TTS技术
21、多点触摸技术
20、音频技术
热门文章
24、发布前的准备工作
23、性能优化与测试
22、多进程和多线程
如何在VMware Workstation11的Windows Server 2008 R2中安装XAMPP？
Windows server 2008 R2中安装MySQL ！
VMware Workstation内存不足问题的解决！
为啥我的Andrid百度SDK不能正常运行？
adt-bundle-windows不显示ADK Manage和其它图标的解决方法？
adt-bundle-windows不显示ADK Manage和其它图标的解决方法？
Thinkpad R400无线网络一个都不见了！
Copyright © 2011-2022 走看看