纯javaScript仿百度搜索框联想词输入提示

互联网飞速发展,网站这种展示途径也已经深入人心,而站内搜索相信大家也并不陌生了,但是针对站内搜索的优化工作却一直被忽略着,很多中小型网站甚至都没有站内搜索,一个是信息量不够,一个是没技术处理,种种原因限制了他们。

而相对于一个网站来说,站内搜索是很有必要的,一个是可以提高网站的关键词权重及密度,一个是可以跟好的贴近搜索引擎,其实最主要的两点还是在于他强大的功能可以批量的通过搜索词来产生页面,可以让用户更快捷的在站内找到自己想要看的!用户体验度的提高是不言而喻的!

那么怎么来优化站内搜索呢,下面是康诺科技提供的一个小知识点,只是站内搜索优化的一小部分功能,大家如果有需求可以留言提出,我们会及时整理发布你提出的可行性问题!有好的想法就快快留言吧!

先看下效果:

纯javaScript仿百度搜索框联想词输入提示

源码如下:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>纯js高仿百度联想输入</title>

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

</head>

<body>

<div id="out">

<div id="ser_box">

<input type="search" id="ipt"><span><input id="su" value="搜索一下" class="bg s_btn" type="submit"></span>

</div>

<div id="bot_box">

<ul id="oul"></ul>

</div>

</div>

<script src="./js/my.js" type="text/javascript" charset="utf-8"></script>

</body>

</html>

由于涉及js内容偏多,就不贴出了,有需求的小伙伴们,可以给我们留言,邮箱或者微信,我们会整理后统一发出的!

相关推荐