jQuery百度搜索自动完成功能

Html

Css

#container {
	position:absolute;
	left:50%;
	top:40%;
}
#content {
	float:left;
	position:relative;
	right:50%;
}
input {
	border:0;
	width:288px;
	height:30px;
	font-size:16px;
	padding:0 5px;
	line-height:30px;
}
.item {
	padding:3px 5px;
	cursor:pointer;
}
.addbg {
	background:#87A900;
}
.first {
	border:solid #87A900 2px;
	width:300px;
}
#append {
	border:solid #87A900 2px;
	border-top:0;
	display:none;
}

} else if (keycode == 13) {
            dojob();
        }
    });

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 getFocus(obj) {
    $(".item").removeClass("addbg");
    $(obj).addClass("addbg");
}

function getCon(obj) {
    var value = $(obj).text();
    $("#kw").val(value);
    $("#append").hide().html("");
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jQuery百度搜索自动完成功能



代码描述：jQuery实现类似百度搜索功能,可用键盘控制

更新时间：2020-07-20 09:47:43

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

正能量

相关代码

jQuery百度搜索自动完成功能

最新