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

来源:https://www.sucaihuo.com/js/1494.html 2017-03-20 22:34浏览(842) 收藏

jquery点击搜索按钮,顶部会弹出搜索表单,再点击搜索按钮,搜索表单会消失。
jquery实现可显示和关闭的搜索框特效
分类:表单代码 > 搜索框 难易:初级
查看演示 下载资源 下载积分: 40 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。
<div id="vivo-airbox"></div>
<div id="vivo-wrap">
  <div id="vivo-head">
    <div class="vivo-search">
      <div class="search-box">
        <form action='' method='get'>
          <input type="text" placeholder="如:jquery插件" name='q' class='data_q' autocomplete="off"><button>搜索</button><a class="close"></a>
        </form>
        <div class="qk-results">
          <ul>
          </ul>
          <div class="other-results"><a href="#">其他搜索结果</a></div>
        </div>
      </div>
    </div>
    <div class="vivo-nav cl">

      <div class="search-user"><a href="#" class="search"><b></b></a><a href="" class="user"><b></b></a></div>
    </div>
  </div>
</div>
<div id="vivo-contain"></div>
</div>
标签: 搜索
评论0
头像

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

1 2