js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 表单按钮

jQuery仿腾讯首页搜索框样式_仿搜狗搜索框特效代码

发布时间:2016-03-11 22:48:47    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jQuery仿腾讯首页搜索框样式_仿搜狗搜索框特效代码
$(function(){ 
	$("#searchSelected").click(function(){ 
		$("#searchTab").show();
		$(this).addClass("searchOpen");
	}); 

	$("#searchTab li").hover(function(){
		$(this).addClass("selected");
	},function(){
		$(this).removeClass("selected");
	});
	 
	$("#searchTab li").click(function(){
		$("#searchSelected").html($(this).html());
		$("#searchTab").hide();
		$("#searchSelected").removeClass("searchOpen");
	});	
});



搜索框

jquery实现可显示和关闭的搜索框特效

jquery实现选项卡形式搜索框样式切换特效

jquery鼠标点击搜索框提示文字向上浮动特效代码

jQuery仿腾讯首页搜索框样式_仿搜狗搜索框特效代码

jquery实现带下拉分类筛选功能的绿色搜索框特效代码