mirror of
https://github.com/caojiezi2003/Snavigation.git
synced 2024-11-10 06:39:45 +00:00
commit
75c6e6b3d9
@ -142,6 +142,7 @@ img.error {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
transform: translateY(-120%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.time {
|
||||
@ -1004,3 +1005,10 @@ input[type="radio"]:checked+label {
|
||||
background: #ffffff60;
|
||||
color: #ffffffb3;
|
||||
}
|
||||
|
||||
/*关闭块*/
|
||||
.close_sou {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
@ -67,6 +67,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 搜索框 -->
|
||||
<div class="close_sou"></div>
|
||||
<div class="sou">
|
||||
<form class="search" action="https://www.baidu.com/s" target="_Blank">
|
||||
<div class="all-search">
|
||||
|
51
js/set.js
51
js/set.js
@ -276,6 +276,10 @@ function focusWd() {
|
||||
$(".tool-all").css({
|
||||
"transform": "translateY(-140%)"
|
||||
});
|
||||
//搜索引擎选择上移
|
||||
$(".search-engine").css({
|
||||
"transform": "translateY(-30%)"
|
||||
});
|
||||
}
|
||||
|
||||
// 搜索框取消高亮
|
||||
@ -310,6 +314,10 @@ function blurWd() {
|
||||
});
|
||||
//隐藏搜索建议
|
||||
$("#keywords").hide();
|
||||
//搜索引擎选择恢复
|
||||
$(".search-engine").css({
|
||||
"transform": "translateY(0)"
|
||||
});
|
||||
}
|
||||
|
||||
// 搜索建议提示
|
||||
@ -627,17 +635,44 @@ $(document).ready(function () {
|
||||
$(".search-engine").slideUp(160);
|
||||
});
|
||||
|
||||
// 搜索框获得焦点事件
|
||||
$(".wd").focus(function () {
|
||||
focusWd();
|
||||
keywordReminder();
|
||||
// 搜索引擎列表点击
|
||||
$(".search-engine-list").on("click", ".se-li", function () {
|
||||
var url = $(this).attr('data-url');
|
||||
var name = $(this).attr('data-name');
|
||||
var icon = $(this).attr('data-icon');
|
||||
$(".search").attr("action", url);
|
||||
$(".wd").attr("name", name);
|
||||
$("#icon-se").attr("class", icon);
|
||||
$(".search-engine").slideUp(160);
|
||||
});
|
||||
|
||||
// 搜索框失去焦点事件
|
||||
$(".wd").blur(function () {
|
||||
// 搜索框点击事件
|
||||
$(document).on('click', '.sou', function(event) {
|
||||
focusWd();
|
||||
$(".search-engine").slideUp(160);
|
||||
})
|
||||
|
||||
$(document).on('click', '.wd', function(event) {
|
||||
focusWd();
|
||||
keywordReminder();
|
||||
$(".search-engine").slideUp(160);
|
||||
})
|
||||
|
||||
// 点击其他区域关闭事件
|
||||
$(document).on('click', '.close_sou', function() {
|
||||
blurWd();
|
||||
});
|
||||
closeSet();
|
||||
})
|
||||
|
||||
// 点击搜索引擎时隐藏自动提示
|
||||
$(document).on('click', '.se', function() {
|
||||
$('#keywords').toggle();
|
||||
})
|
||||
|
||||
// 恢复自动提示
|
||||
$(document).on('click', '.se-li', function() {
|
||||
$('#keywords').show();
|
||||
})
|
||||
|
||||
// 自动提示( 调用百度 api )
|
||||
$('.wd').keyup(function (event) {
|
||||
@ -649,7 +684,7 @@ $(document).ready(function () {
|
||||
});
|
||||
|
||||
// 点击自动提示的搜索建议
|
||||
$("#keywords").on("click", "div", function () {
|
||||
$("#keywords").on("click", ".wd", function () {
|
||||
var wd = $(this).text();
|
||||
$(".wd").val(wd);
|
||||
$(".search").submit();
|
||||
|
Loading…
Reference in New Issue
Block a user