提示：如果不能在浏览器中正常运行，可以尝试切换浏览模式。
像淘宝的网页搜索框代码风格为您分享
淘宝Web选项卡式搜索框的代码风格
$（函数（）{（））
$（p）。不（：）。隐藏（）；
$（。搜索框的ul）。Mouseover（function（）{（）{）
var索引= $（this）；
如果（索引= 0）{
$（这）找到（），AddClass（style1 ）；
$（礼）。情商（1）。发现（），RemoveClass（方式2 ）；
$（礼）。情商（2）。发现（），RemoveClass（方式3 ）；
}
如果（索引= 1）{
$（这）找到（），AddClass（方式2 ）；
$（礼）。情商（0）。发现（），RemoveClass（style1 ）；
$（礼）。情商（2）。发现（），RemoveClass（方式3 ）；
}
如果（索引= 2）{
$（这）找到（），AddClass（方式3 ）；
$（礼）。情商（0）。发现（），RemoveClass（style1 ）；
$（礼）。情商（1）。发现（），RemoveClass（方式2 ）；
}
var索引= $（this）；
$（p）；
}）；
}）；
*边距：0；填充：0；列表样式类型：无；}
一、img {边界：0；}
搜索框 / * * /
。搜索框{宽度：520px；高度：80px；保证金：40px汽车0汽车；}
。搜索UL {身高：35px；宽度：500px；列表样式：无；margin-left: 20px }
。搜索ul {浮动：左}
UL Li。搜索{浮动：左；线高度：35px；padding: 0 20px；文字装饰：无；颜色：# 000；字体大小：14px；font-weight: bold；}。
UL Li。搜索。style1 {背景颜色：# 000；颜色：# FFF }
UL Li。搜索。方式2 {背景颜色：# F00；颜色：# FFF }
UL Li。搜索。方式3 {背景颜色：# F90；颜色：# FFF }
。体输入{身高：30px；线高度：30px；宽度：390px；padding: 0 10px；浮动：左；}
。体。一{边界：# 000 3px固体}
。人。两{边界：# F00 3px固体}
。体。三{边界：# F90 3px固体}
。体。一{背景颜色：# 000；}
。人。2 {背景颜色：# F00；}
。体。三{背景颜色：# F90；}
。身体的按钮{浮动：左；边界：0；高度：36px；宽度：100px；颜色：# FFF；线高度：36px；文本对齐：中心；溢出：隐藏；}
宝贝
天猫
商店
搜索
搜索
搜索
以上是分享jQuery实现类似淘宝网站搜索框样式代码，希望你能喜欢它。
