jQuery Jsonp跨域模拟搜索引擎

效果还不错 就差加上键盘控制了...

代码如下：

 
 
   
     
     
     
      * { 
 margin: 0; 
 padding: 0; 
      } 
      form { 
 position: absolute; 
 left: 50%; 
 top: 40%; 
      } 
      form input:nth-child(1) { 
 width: 450px; 
 height: 34px; 
 float: left; 
 font-size: 16px; 
 text-indent: 0.5em; 
 outline: none; 
 box-sizing: border-box; 
      } 
      form input:nth-child(1):focus { 
 border: 1px solid blueviolet; 
      } 
      form input:nth-child(2) { 
 height: 34px; 
 float: left; 
 background: blueviolet; 
 cursor: pointer; 
 width: 80px; 
 letter-spacing: 2px; 
 border: 0; 
 font-size: 14px; 
 line-height: 34px; 
      } 
      #oul { 
 position: absolute; 
 left: 0; 
 top: 34px; 
 background: white; 
 width: 530px; 
 box-shadow: 3px 3px 5px #F3F3F3; 
 border: 1px solid #F3F3F3; 
 box-sizing: border-box; 
 display: none; 
      } 
      #oul li:hover { 
 background: #F3F3F3; 
 cursor: pointer; 
      } 
     
   
   
     
     
   
 

以上所述是小编给大家介绍的jQuery Jsonp跨域模拟搜索引擎的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！