jQuery關鍵詞搜索框過濾篩選效果



104 413 138



特效描述:jQuery 關鍵詞搜索框 過濾篩選效果,jQuery關鍵詞搜索框過濾篩選效果

代碼結構

1. 引入CSS

<link type="text/css" rel="stylesheet" href="css/style.css">

2. 引入JS

<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>

3. HTML代碼

<h1>jQuery搜索框過濾篩選</h1>
<h3>簡單、易用、方便、快捷</h3>
<section class="list-wrap">
  <label for="search-text">搜索列表內容</label>
  <input type="text" id="search-text" placeholder="美食大搜索" class="search-box">
  <span class="list-count"></span>
	<ul id="list">
	  <li class="in">蘋果派</li>
	  <li class="in">南瓜派</li>
	  <li class="in">香蕉奶油派</li>
	  <li class="in">桃黑莓餡餅</li>
	  <li class="in">巧克力草莓蛋糕</li>
	  <li class="in">巧克力南瓜蛋糕</li>
	  <li class="in">巧克力和薄荷控</li>
	  <li class="in">紅絲絨蛋糕</li>
	  <li class="in">非水果櫻桃</li>
	  <span class="empty-item">無數據</span>
	</ul>
</section>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 文本框 text文本框 文字滑動 文字滑塊 搜索框 篩選 篩選器
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表