联系我们

13878897862

建站、模板咨询

首页 > 标签 > 系统标签 > 头部header区域

智能搜索框

很多人不知道dt官方的自带的搜索，有下拉频道选择，有关健词下拉提示，统计搜索次数是怎么实现的，下面给大家解说下
首先在模板中加入以下代码
<div id="search_tips" style="display:none;"></div>

重要的是这个 id="search_tips"  目的是用来加载搜索关健词提示的

然后加入这个
<div id="search_module" style="display:none;" onmouseout="Dh('search_module');" onmouseover="Ds('search_module');">
	{loop $MODULE $m}{if $m[ismenu] && !$m[islink]}<a href="javascript:void(0);" onclick="setModule('{$m[moduleid]}','{$m[name]}')">{$m[name]}</a>{/if}{/loop}
	</div>

这是下拉频道选择

然后就是加入搜索框代码

<form id="dt_search" action="{$MODULE[$searchid][linkurl]}search.php" onsubmit="return Dsearch(1);">
	<input type="hidden" name="moduleid" value="{$searchid}" id="dt_moduleid"/>
	<input type="hidden" name="spread" value="0" id="taomodi_spread"/>
	<div class="head_search" onmouseover="this.className='head_search_on';" onmouseout="this.className='head_search';">
		<div>
			<input name="kw" id="taomodi_kw" type="text" class="search_i" value="{if $kw}{$kw}{else}请输入关键词{/if}" onfocus="if(this.value=='请输入关键词') this.value='';"{if $DT[search_tips]} onkeyup="STip(this.value);" autocomplete="off"{/if} x-webkit-speech speech/><input type="text" id="taomodi_select" class="search_m" value="{$MODULE[$searchid][name]}" readonly onfocus="this.blur();" onclick="$('#search_module').fadeIn('fast');"/><input type="submit" value=" " class="search_s"/>
		</div>
	</div>
	</form>

css样式大家自己搞定

电子营业执照： 91450922MA5KA1327X　桂公网安备45092202000097　桂ICP备16000869号


咨询电话
18176930112

13878897862



微信咨询
业务咨询