约色样式jQuery tab搜索框切换代码,常见的商城网站状况商品店铺搜索框选项卡切换特效。
js代码
<script type="text/javascript">
$(function(){
//通用头部搜索切换
$('#search-hd .search-input').on('input propertychange',function(){
var val = $(this).val();
if(val.length > 0){
$('#search-hd .pholder').hide(0);
}else{
var index = $('#search-bd li.selected').index();
$('#search-hd .pholder').eq(index).show().siblings('.pholder').hide(0);
}
})
$('#search-bd li').click(function(){
var index = $(this).index();
$('#search-hd .pholder').eq(index).show().siblings('.pholder').hide(0);
$('#search-hd .search-input').eq(index).show().siblings('.search-input').hide(0);
$(this).addClass('selected').siblings().removeClass('selected');
$('#search-hd .search-input').val('');
});
})
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791