web前端|js教程
js/jQuery实现类似百度搜索功能
web前端-js教程
本篇文章给大家带来的内容是关于js实现类似于联想关键词的搜索功能(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
驱动级进程隐藏源码,vscode怎么打开工具栏,ubuntu 保存指令,自定义tomcat页面,爬虫脚本入门,php5.6 msi,茂名核心关键词seo价格lzw
A、页面代码:
小猪直播平台源码,vscode辅助侧栏,ubuntu 输入密码,tomcat 自动编译,sqlite最大支持多少条数据,网页设计的语言,php 插入到数据库,代理哪家的服务器虚拟主机好,wp 演示地址插件,前端三大框架最易入门,淘宝网爬虫,php 遍历目录,seo优化合同,springboot实现爬虫,dedecms 根目录标签,jsp网站毕业设计,京东网页版微信支付,织梦儿童早教教育培训网站模板,dz论坛网站后台设置,支付页面源码下载,管理系统网页模板下载,易语言搜索子程序lzw
特征码定位源码,vscode格式化css代码,ubuntu精简桌面,查看tomcat 打不开,豆瓣 爬虫 规则,php源码查毒,seo技术搜索引擎优化lzw
B、js代码:
var data = [ "你好,我是Michael", "你是谁", "你最好啦", "你最珍贵", "你是我最好的朋友", "你画我猜", "你是笨蛋", "你懂得", "你为我着迷", "你是我的眼"];$(document).ready(function(){ $(document).keydown(function(e){ e = e || window.event; var keycode = e.which ? e.which : e.keyCode; if(keycode == 38){ if(jQuery.trim($("#append").html())==""){return; } movePrev(); }else if(keycode == 40){ if(jQuery.trim($("#append").html())==""){return; } $("#kw").blur(); if($(".item").hasClass("addbg")){moveNext(); }else{$(".item").removeClass(addbg).eq(0).addClass(addbg); } }else if(keycode == 13){ dojob(); } }); var movePrev = function(){ $("#kw").blur(); var index = $(".addbg").prevAll().length; if(index == 0){ $(".item").removeClass(addbg).eq($(".item").length-1).addClass(addbg); }else{ $(".item").removeClass(addbg).eq(index-1).addClass(addbg); } } var moveNext = function(){ var index = $(".addbg").prevAll().length; if(index == $(".item").length-1){ $(".item").removeClass(addbg).eq(0).addClass(addbg); }else{ $(".item").removeClass(addbg).eq(index+1).addClass(addbg); } } var dojob = function(){ $("#kw").blur(); var value = $(".addbg").text(); $("#kw").val(value); $("#append").hide().html(""); }});function getContent(obj){ var kw = jQuery.trim($(obj).val()); if(kw == ""){ $("#append").hide().html(""); return false; } var html = ""; for (var i = 0; i = 0) { html = html + "
" + data[i] + "
" } } if(html != ""){ $("#append").show().html(html); }else{ $("#append").hide().html(""); }}function getFocus(obj){ $(".item").removeClass("addbg"); $(obj).addClass("addbg");}function getCon(obj){ var value = $(obj).text(); $("#kw").val(value); $("#append").hide().html("");}
C、运行效果:
1.在输入框输入关键字:
2.键盘上下键选中:
3.enter键输入:
js如何利用setInterval定时器方法实现轮播图 (完整代码)
js封装_new函数以及实现new关键字的方法(附代码测试)