jQuery tab搜索框切换代码

来源:https://www.sucaihuo.com/js/2584.html 2017-07-30 19:10浏览(1065) 收藏

约色样式jQuery tab搜索框切换代码,常见的商城网站状况商品店铺搜索框选项卡切换特效。
jQuery tab搜索框切换代码
查看演示 下载资源 下载积分: 20 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2