Files
orico-official-website-old/app/th/view/group/search.phtml
2024-10-29 14:04:59 +08:00

81 lines
2.6 KiB
PHTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/webth/css/subject/search.css">
</head>
<body>
<header class="header-PC header-Product">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--top End-->
<div class="S-search-bg banner-other nsea">
<div class="swt-Container-1200 S-search-content secon1">
<div class="S-Searchbox">
<div class="Search">
<input type="text" name="textfield" class="ipt" placeholder="HDD enclosure" id="search-in">
<button type="submit" name="button" value="" class="searchbtn icon-search" id="search-btn"></button>
</div>
</div>
<!--<div class="sput">
<input value="dfdff" placeholder="站内搜索" id="search-input" type="text">
<a href="javascript:void(0);" id="search-button"><img src="/frontend/web/images/images/sea1.png"></a>
</div>-->
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script type="text/javascript">
/*定位光标*/
document.querySelector('#search-in').focus();
$(function() {
//
$("#search-btn").bind("click", function(event) {
var skeyword = $("#search-in").val();
if (skeyword) {
var href = "<?php echo url('/us/search'); ?>?skeyword=" + encodeURIComponent(skeyword);
location.href = href;
}
});
$("#search-in").keyup(function(event) {
if (event && event.keyCode === 13) {
$("#search-btn").trigger("click");
}
});
var $category = $(".navlist");
$category.hide();
$(".navul li").mouseleave(function() {
$(this).children("a").addClass("aons");
$(this).children("dl").stop(true, true).slideUp(500);
});
$(".navul li").mouseenter(function() {
$category.hide();
$(this).children("dl").stop(true, true).slideDown(500);
});
//搜索框
$(".Searchbox .icon").click(function() {
$(".Search").slideToggle();
});
// 城市
$(".zg").click(function() {
$(".topnav").toggle();
});
});
</script>
</body>
</html>