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