122 lines
4.3 KiB
PHTML
Executable File
122 lines
4.3 KiB
PHTML
Executable File
<header class="header-M">
|
||
<div class="header-fixed">
|
||
<div class="logo img-responsive"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png"></a></div>
|
||
<div class="Menu icon-menu"></div>
|
||
<div class="Country"><img src="__PUBLIC__/web/images/countries/UK.png"></div>
|
||
</div>
|
||
<div class="m-Menu" style="display: none;">
|
||
<ul>
|
||
<li><a href="__ORICOROOT__">HOME</a></li>
|
||
<li><a href="__ORICOROOT__<?php echo url_rewrite('product'); ?>">Product & Service</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||
<div class="S-Menu" style="display: none">
|
||
<ul>
|
||
<?php foreach ($productCategory as $k => $pc): ?>
|
||
<li><a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"><?php echo $pc['name']; ?></a></li>
|
||
<?php endforeach; ?>
|
||
<li><a href="__ORICOROOT__/Group/special">Featured Products</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><a href="">Value & Mission</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||
<div class="S-Menu" style="display: none">
|
||
<ul>
|
||
<a href="__ORICOROOT__/Group/weare">We Are</a>
|
||
<a href="__ORICOROOT__/Group/wewill">We Will</a>
|
||
<a href="__ORICOROOT__/Group/culture">Culture & Values</a>
|
||
<a href="__ORICOROOT__/Group/vision">Mission & Vision</a>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><a href="">History & Innovation</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||
<div class="S-Menu" style="display: none">
|
||
<ul>
|
||
<li><a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">Brand News</a></li>
|
||
<li><a href="__ORICOROOT__/Group/brand">Brand Course</a></li>
|
||
<li><a href="__ORICOROOT__/Group/honor">Honors & Certificates</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><a href="__ORICOROOT__/Group/job">Join Us</a></li>
|
||
<li><a href="__ORICOROOT__/Group/Contact">Contact Us</a></li>
|
||
</ul>
|
||
<div class="SingIn-button text-c"><a href="__ORICOROOT__/register.html">Registry</a><a href="__ORICOROOT__/login.html">Login</a></div>
|
||
<a href="__ORICOROOT__/Group/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>
|
||
<div class="m-Country" style="display: none;">
|
||
<ul>
|
||
<li><a href="http://www.orico.com.cn"><p>China</p></a></li>
|
||
<li><a href="http://www.orico.cc/us"><p>USA</p></a></li>
|
||
<li><a href=""><p>Vietnam</p></a></li>
|
||
<li><a href=""><p>Thailand</p></a></li>
|
||
</ul>
|
||
|
||
|
||
</div>
|
||
</header>
|
||
<script>
|
||
/*菜单栏*/
|
||
$( function () {
|
||
$( ".Menu" ).click( function () {
|
||
$( this ).toggleClass( "icon-close" );
|
||
$( ".Country" ).children().show();
|
||
$( ".m-Menu" ).slideToggle( 500 );
|
||
$( ".Country" ).removeClass( "icon-close" );
|
||
$( ".m-Country" ).hide();
|
||
$( ".m-Menu ul" ).animate( {
|
||
fontSize: "1em"
|
||
} );
|
||
} );
|
||
} )
|
||
/*国家栏*/
|
||
$( function () {
|
||
$( ".Country" ).click( function () {
|
||
$( this ).children().toggle();
|
||
$( this ).toggleClass( "icon-close" );
|
||
$( ".Menu" ).removeClass( "icon-close" );
|
||
$( ".m-Country" ).slideToggle( 500 );
|
||
$( ".m-Menu" ).hide();
|
||
} );
|
||
} )
|
||
/*箭头下拉*/
|
||
$( function () {
|
||
$( ".m-Menu .arrow" ).click( function () {
|
||
$( this ).parent().find( ".S-Menu" ).slideToggle( 500 );
|
||
$( this ).toggleClass( "arrow-r" )
|
||
} );
|
||
} )
|
||
|
||
|
||
</script>
|
||
<script type="text/javascript">
|
||
/*固定头部*/
|
||
/*window.onload=function()
|
||
{
|
||
if(document.readyState=="complete")
|
||
{
|
||
document.getElementById("wap-search-in").focus();
|
||
}
|
||
}*/
|
||
|
||
var theme_color= $("#header").attr("class");
|
||
var header_class = $("header").attr("class");
|
||
/*滚动条大于100固定头部*/
|
||
$(window).scroll(function() {
|
||
// 当滚动到最底部以上100像素时， 固定头部
|
||
if ($(this).scrollTop() > 100) {
|
||
$("header").removeClass("header-Index").addClass("header-Product");
|
||
$("#header").removeClass(theme_color).addClass("theme-black");
|
||
}
|
||
else
|
||
{
|
||
$("header").removeClass("header-Product").addClass(header_class);
|
||
$("#header").removeClass("theme-black").addClass(theme_color);
|
||
|
||
}
|
||
});
|
||
|
||
|
||
</script>
|