首页>>表单>>手机M端抽屉式搜索框，点击显示搜索框(2017-02-24)

手机M端抽屉式搜索框，点击显示搜索框

html5搜索框，手机搜索框，搜索框动画，可收缩的搜索框代码，点击展开的搜索框演示

js和css请到演示页面查看源码

手机M端抽屉式搜索框，点击显示搜索框
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container">  
  2.     <!-- Top Navigation -->  
  3.   
  4.     <div class="main clearfix">  
  5.         <!-- Optional columns for small components -->  
  6.   
  7.         <div class="column">  
  8.             <div id="sb-search" class="sb-search">  
  9.                 <form>  
  10.                     <input class="sb-search-input" placeholder="Enter your search..." type="text" value="" name="search" id="search">  
  11.                     <input class="sb-search-submit" type="submit" value="">  
  12.                     <span class="sb-icon-search"></span>  
  13.                 </form>  
  14.             </div>  
  15.         </div>  
  16.           
  17.     </div>  
  18.       
  19. </div><!-- /container -->  
  20.   
  21. <script type="text/javascript" src="classie.js"></script>  
  22. <script type="text/javascript" src="uisearch.js"></script>  
  23. <script type="text/javascript">  
  24. new UISearch( document.getElementById( 'sb-search' ) );  
  25. </script>  

 


原文地址:http://www.freejs.net/article_biaodan_592.html