init
This commit is contained in:
121
app/us/view/include/top-header-mobile-back.phtml
Executable file
121
app/us/view/include/top-header-mobile-back.phtml
Executable file
@@ -0,0 +1,121 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user