導(dǎo)讀:DEDE技術(shù)DEDE技術(shù)這個(gè)功能主要實(shí)現(xiàn)的是用戶在搜索的時(shí)候輸入關(guān)鍵字，然后會(huì)出現(xiàn)下拉菜單，下拉菜單中出現(xiàn)的是站內(nèi)所有包含這個(gè)關(guān)鍵字的文章的標(biāo)題共用戶選擇，相對(duì) DedeCMS 原生的dede模板安裝免費(fèi)織夢(mèng)模板。

這個(gè)功能主要實(shí)現(xiàn)的是用戶在搜索的時(shí)候輸入關(guān)鍵字，然后會(huì)出現(xiàn)下拉菜單，下拉菜單中出現(xiàn)的是站內(nèi)所有包含這個(gè)關(guān)鍵字的文章的標(biāo)題共用戶選擇，相對(duì)DedeCMS原生的搜索這個(gè)功能實(shí)用一點(diǎn)，既增加了用戶體驗(yàn)，也可以讓用戶快速的找到想要的東西。功能基于php+jquery來實(shí)現(xiàn)，參考autocomplete，效果圖如下：

　　下面講解下具體實(shí)現(xiàn)步驟：

1、打開你的網(wǎng)站首頁(yè)模板，在</head>之前加入

<script language="javascript" type="text/javascript" src="https://img.genban.org{dede:global.cfg_temp織夢(mèng)模板修改lets_skin/}/js/jquery-1.7.1.min.js"></script> <script type="text/javascript">     function lookup(inputString) {         if(inputString.length == 0) {             // Hide the suggestion box.             $('#suggestions').hide();         } else {             $.post("/plus/search_list.php", {queryString: ""+inputString+""}, function(data){                 if(data.length >0) {                     $('#suggestions').show();          &ndede免費(fèi)模板bsp;          $('#autoSuggestionsList').html(data);                 }             });         }     } // lookup            function fill(thisValue) {         $('#inputString').val(thisValue);   &nb織夢(mèng)模板sp;     setTimeout("$('#suggestions').hide();", 200);     } </script>

jquery-1.7.1.min.js這個(gè)jquery庫(kù)需要你自己下載，這里就不多說了。本人用的是這個(gè)版本的。

　　這段代碼中的search_list.php就是本文下載的文件，下載后放入/plus目錄下。

關(guān)鍵詞標(biāo)簽: CMS 標(biāo)簽 提示