html5隐藏式搜索框,jQuery+HTML5实现弹出创意搜索框层

本效果适用于移动设备，可以使用手机等浏览效果。

HTML代码如下：

jQuery+CSS3创意搜索框特效 - 何问起

首页 特效 原文

其中hovertreesearch.js的代码如下：

function searchToggle(obj, evt) {

var container = $(obj).closest('.search-wrapper');

if (!container.hasClass('active')) {

container.addClass('active');

evt.preventDefault();

}

else if (container.hasClass('active') && $(obj).closest('.input-holder').length == 0) {

container.removeClass('active');

// clear input

container.find('.search-input').val('');

// clear and hide result container when we press close