123 lines
4.1 KiB
PHTML
Executable File
123 lines
4.1 KiB
PHTML
Executable File
<div class="header">
|
|
<div class="m_Container">
|
|
<div class="left"><span class="icon-category cursor_p"></span></div>
|
|
<div class="center cursor_p"><img src="__PUBLIC__/m_web/images/logo.png"></div>
|
|
<div class="right img-responsive cursor_p"><img src="__PUBLIC__/m_web/images/countries/US.png"></div>
|
|
</div>
|
|
<div class="menu" style="display: none;">
|
|
<a href="__ORICOROOT__">
|
|
<dl>
|
|
<dt><a href="__ORICOROOT__">HOME</a></dt>
|
|
</dl>
|
|
</a>
|
|
<dl>
|
|
<dt class="cursor_p">Product & Service<i class="rotate icon-arrow"></i></dt>
|
|
<?php
|
|
$oneLevelCategory = [];
|
|
foreach ($productCategory as $key => $value):
|
|
if ($key > 7) {
|
|
break;
|
|
}
|
|
if (isset($category['id']) && $category['id'] == $value['id']) {
|
|
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
|
}
|
|
?>
|
|
<dd>
|
|
<a href="__ORICOROOT__/product/catelists/id/<?php echo $value['id']; ?>" class=" cursor_p">
|
|
|
|
<p><img src="<?php echo $value['m_icon']; ?>" style=" width:5.2%; padding-right: 4%; vertical-align: middle;"><?php echo $value['name']; ?></p>
|
|
</a>
|
|
</dd>
|
|
<?php endforeach; ?>
|
|
|
|
<dd><a href="__ORICOROOT__/Group/special" class="cursor_p"><img src="__PUBLIC__/m_web/images/special-icon.png" style="width:5.2%; padding-right: 4%; vertical-align: middle; ">Featured Products</a></dd>
|
|
</dl>
|
|
<dl>
|
|
<dt class="cursor_p">Value & Mission<i class="rotate icon-arrow"></i></dt>
|
|
<dd><a href="__ORICOROOT__/Group/weare">We Are</a></dd>
|
|
<dd><a href="__ORICOROOT__/Group/wewill">We Will</a></dd>
|
|
<dd><a href="__ORICOROOT__/Group/culture">Culture & Values</a></dd>
|
|
<dd><a href="__ORICOROOT__/Group/vision">Mission & Vision</a></dd>
|
|
</dl>
|
|
<dl>
|
|
<dt class="cursor_p">History & Innovation<i class="rotate icon-arrow"></i></dt>
|
|
<dd><a href="__ORICOROOT__/article/lists">Brand News</a></dd>
|
|
<dd><a href="__ORICOROOT__/Group/brand">Brand Course</a></dd>
|
|
<dd><a href="__ORICOROOT__/Group/honor">Honors & Certificates</a></dd>
|
|
</dl>
|
|
<dl>
|
|
<dt><a href="__ORICOROOT__/Group/job">Join Us</a></dt>
|
|
</dl>
|
|
<dl>
|
|
<dt><a href="__ORICOROOT__/Group/contact">Contact Us</a></dt>
|
|
</dl>
|
|
<dl>
|
|
<dt><a href="__ORICOROOT__/antifake/anti_fake">SSD Series Anti-Fake Query</a></dt>
|
|
</dl>
|
|
|
|
<div class="search">
|
|
<a href="__ORICOROOT__/search"><div class="search">
|
|
<button class="updown_search_btn" type="sumbit" id="bnt_email"><span class="icon-search"></span></button>
|
|
<input class="form-control" name="keywords" placeholder="Search" value="" type="text">
|
|
</div> </a>
|
|
<div class="SingIn-button text-c"><a href="__ORICOROOT__/customer/register">Registry</a><a href="__ORICOROOT__/customer/login">Login</a></div> </div>
|
|
|
|
</div>
|
|
<div class="m-Country" style="display: none;">
|
|
<ul>
|
|
<li><a href="/us">USA</a></li>
|
|
<li><a href="">Indonesia</a></li>
|
|
<li><a href="">Thailand</a></li>
|
|
<li><a href="">VietNam</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<script>
|
|
|
|
/*menu菜单*/
|
|
$(function(){
|
|
$(".icon-category").click(function(){
|
|
$(this).toggleClass("icon-close");
|
|
$(".menu").slideToggle(800);
|
|
$(".m-Country").hide();
|
|
})
|
|
})
|
|
|
|
/*国家菜单*/
|
|
$(function(){
|
|
$(".m_Container .right").click(function(){
|
|
$(".menu").hide();
|
|
$(".m-Country").slideToggle(800);
|
|
})
|
|
|
|
})
|
|
/*字体大小变化*/
|
|
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
|
|
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
|
|
function placeholderPic(){
|
|
var w = document.documentElement.offsetWidth;
|
|
if(w>750){
|
|
document.documentElement.style.fontSize=750/20+'px';
|
|
}else{
|
|
document.documentElement.style.fontSize=w/20+'px';
|
|
}
|
|
}
|
|
placeholderPic();
|
|
window.onresize=function(){
|
|
placeholderPic();
|
|
}
|
|
|
|
/*底部文件*/
|
|
$(function(){
|
|
$("dl dt").click(function(){
|
|
$(this).nextAll().slideToggle(500);
|
|
$(this).children("i").toggleClass("rotate");
|
|
})
|
|
|
|
})
|
|
|
|
</script>
|