new-nav-html
<header id="masthead" class="masthead" role="banner">
<h1 class="accessible">Fidelity Worldwide Investment</h1>
<nav class="navigation" role="navigation">
<!-- mobile header-->
<div class="mobile-header hiddenInDesktop hidden-tablet">
<ul class="nav-toggler">
<li id="burger-menu" class="menu"><a href="#" class="icon-menu-burger"></a></li>
<li class="logo"><a href="#">Home</a></li>
<li id="mobile-header-search" class="search"><a href="#" class="icon-search"></a></li>
</ul>
</div>
<div id="m-pannel" class="m-pannel m-content hiddenInDesktop hidden-tablet">
<div id="sub-1" class="m-subpannel pannel-log sub-1">
<!-- log reg toppart-->
<div class="m-log-apply run-top">
<ul class="mobile-reg-apply">
<!-- login Register-->
<li class="mobile-reg">
<div class="login nav-login">
<a id="mobile-login" class="btn btn-masthead btn-login" href="javascript:void(0)"><span>Login</span> <span>|</span> <span>Register</span></a>
</div>
<!-- login end -->
</li>
<!-- == -->
<!-- Apply for funds-->
<li class="mobile-apply">
<div class="nav-apply">
<a class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span><span class="icon-chevron-down-m icon-after"></span></a>
</div>
<!-- Apply end -->
</li>
</ul>
</div>
<!-- == -->
<!-- mobile nav bottompart-->
<div class="m-nav run-bottom">
<div id="mobile-main-menu" class="m-nav-topbar">
<span class="item main-menu back" ><a href="#" class="header">Main Menu</a></span>
</div>
<div class="m-nav-level1">
<ul class="primary-nav primary-nav-list">
<li id="item-why" class="item item-level-1">
<a class="header sublevel-trigger" href="#"><span class="title">Why Fidelity?</span></a>
</li>
<li id="item-funds" class="item has-sub-item item-level-1 open">
<a class="header sublevel-trigger" href="#" id="mn-our-funds">
<span class="title">Our Funds</span>
</a>
</li>
<li id="item-insights" class="item has-sub-item item-level-1">
<a class="header sublevel-trigger" href="#" id="navItemInvestingPlanning">
<span class="title">Insights & Learning</span>
</a>
</li>
<li id="item-contact" class="item item-level-1">
<a class="header sublevel-trigger" href="#">
<span class="title">Contact us</span>
</a>
</li>
<li id="mobile-quick" class="item has-sub-item item-level-1 quick-links"><a href="#" class="icon after-link-quick"><span class="title">Adviser Quick Links</span></a>
</li>
<li id="item-institutional" class="item item-level-1"><a href="#" class="icon after-link-skip">Institutional</a></li>
</ul>
<!-- Level 2- Our Funds-->
<div class="nav-dropdown nav-sublevel" data-nav-level="2">
<div class="nav-dropdown-header"><span>Our Funds</span></div>
<ul class="navColumnSet ">
<li id="li-allfunds">
<a href="#" class="header"><span>All Funds</span></a>
</li>
<li id="li-australian" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Australian Equities</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Regional Equities</a>
</li>
<li id="li-global" class="navCol dropdown-li">
<a href="#" class="header">Global Equities</a>
</li>
<li id="li-fixed" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Fixed Income</a>
</li>
<li id="li-tools" class="navCol dropdown-tools item-level-2">
<div class="dropdown-panel dropdown-panel-tools">
<h4>Tools and help</h4>
<ul>
<li><span class="icon-pdf icon-before"></span><a href="#">investor forms</a></li>
<li><span class="icon-info icon-before"></span><a href="#">how to invest</a></li>
<li><span class="icon-report icon-before"></span><a href="#">Fund financial reports</a></li>
<li><span class="icon-award icon-before"></span><a href="#">Fund proxy voting</a></li>
</ul>
</div>
</li>
</ul>
<!-- Level 3- Australian Equities-->
<div class="dropdown-sublist-wrap sublist-australian" data-nav-level="3">
<div><span>Australian Equities</span></div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="#" class="sub-header">Fidelity Australian Equities Fund</a></li>
<li id="li-global-hedged"><a href="#" class="sub-header">Fidelity Australian Opportunties Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Future leaders Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Regional Equities-->
<div class="dropdown-sublist-wrap sublist-regional" data-nav-level="3">
<div><span>Regional Equities</span></div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="#" class="sub-header">Fidelity Asia Fund</a></li>
<li id="li-global-hedged"><a href="#" class="sub-header">Fidelity China Fund</a></li>
<li><a href="#" class="sub-header">Fidelity India Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Global Equities-->
<div class="dropdown-sublist-wrap sublist-global" data-nav-level="3">
<div><span>Global Equities</span></div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="#" class="sub-header">Fidelity Global Fund</a></li>
<li id="li-global-hedged"><a href="#" class="sub-header">Fidelity Hedged Global Equities Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Global Demographics Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Global Emerging Markets Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Global Dividend Growth Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Hedged Global Dividend Growth Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Fixed Income-->
<div class="dropdown-sublist-wrap sublist-fixed" data-nav-level="3">
<div><span>Fixed Income</span></div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="#" class="sub-header">Fidelity Global Strategic Bond Fund</a></li>
</ul>
</div>
<!-- == -->
</div>
<!-- == -->
<!-- Level 2- Insights & Learning-->
<div class="nav-dropdown nav-sublevel" data-nav-level="2">
<div class="nav-dropdown-header"><span>Insights & Learning</span></div>
<ul class="navColumnSet ">
<li id="li-all">
<a href="#" class="header"><span>All</span></a>
</li>
<li id="li-australian" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Investment insights</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Global market review</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Tools & resources</a>
</li>
</ul>
</div>
<!-- == -->
<!-- Level 2- Insights & Learning-->
<div id="mobile-quick-div" class="mobile-quick-div quick-links-droppanel" style="display: none;">
<ul class="quick-links-droplist">
<li id="quick-earn"><a href="#"><span class="icon-star-line icon-before"> </span>Earn CPD Points</a></li>
<li><a href="#"><span class="icon-clock icon-before"> </span>The investment Clock</a></li>
<li><a href="#"><span class="icon-post icon-before"> </span>Order flyer and wall charts</a></li>
<li><a href="#"><span class="icon-report icon-before"> </span>Our funds</a></li>
<li><a href="#"><span class="icon-chart icon-before"> </span>Understanding Volatility</a></li>
<li><a href="#"><span class="icon-account icon-before"> </span>Adviser service team</a></li>
<li><a href="#"><span class="icon-favourites icon-before"> </span>Fund platform representation</a></li>
</ul>
</div>
<!-- == -->
</div>
</div>
<!-- == -->
</div>
<div class="m-subpannel pannel-log-in sub-2">
<!-- login div-->
<div id="m-login-div" class="m-log login-box">
<form target="_blank" class="login-form" method="post" action="">
<ul class="login-in">
<li>
<button class="btn btn-masthead btn-login in">Log in</button>
</li>
<li>
<p class="register-notes"><strong>Or register now:</strong></p>
</li>
<li>
<button class="btn btn-masthead btn-register">Register as an Adviser </button>
</li>
<li>
<button class="btn btn-masthead btn-register">Register as an Investor</button>
</li>
</ul>
</form>
</div>
<!-- == -->
</div>
<div class="m-subpannel pannel-apply sub-3 is-hidden">
<!-- Apply div-->
<div id="m-apply-div" class="m-apply apply-box">
<form target="_blank" class="apply-form" method="post" action="">
<div class="apply-now">
<ul class="apply-droplist">
<li><a href="#"><span class="icon-globe icon-before"></span>Online</a></li>
<li><a href="#"><span class="icon-report icon-before"></span>mFund</a></li>
<li><a href="#"><span class="icon-pdf icon-before"></span>Application forms</a></li>
<li><a href="#"><span class="icon-info icon-before"></span>How do I invest ?</a></li>
</ul>
</div>
</form>
</div>
<!-- == -->
</div>
<div class="m-subpannel sub-4 pannel-search is-hidden">
<!-- mobile search -->
<div id="m-search" class="m-search">
<!--search header-->
<div id="sb-search" class="autoComplete sb-search sb-search-open menu-is-open" role="search">
<!--delete class :menu-is-open-->
<form action="" method="">
<input class="sb-search-input" placeholder="search" type="text" value="" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="icon-search"></span>
</form>
<div class="search-box autoCompleteList active">
<div class="search-droplist">
<ul class="search-section">
<li><a href="#">The <strong>World economy</strong> is suffocating under record debt</a></li>
<li><a href="#"><strong>World</strong> economic forum releases statement...</a></li>
<li><a href="#">The <strong>economy</strong> is better than we thought it was...</a></li>
</ul>
<a href="#" class="link search-link">Show all search results</a>
</div>
</div>
</div>
<!-- -->
</div>
<!-- -->
</div>
<!-- = mobile end = -->
</div>
<div class="nav-content">
<div class="fil-container">
<div class="top-bar show-tablet">
<!-- Apply for funds-->
<a class="logo" title="Home" href="#"> </a>
<!-- -->
<div class="top-bar-inner">
<div class="nav-wrap-top">
<!-- Apply for funds-->
<div class="apply nav-apply active">
<a id="apply" class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span><span class="icon-chevron-down-m icon-after"></span></a>
<div style="display:none;" id="apply-div" class="apply-box">
<form target="_blank" class="apply-form" method="" action="">
<div class="apply-now">
<ul class="apply-droplist">
<li><span class="icon-globe icon-before"></span><a href="#">Online</a></li>
<li><span class="icon-report icon-before"></span><a href="#">mFund</a></li>
<li><span class="icon-pdf icon-before"></span><a href="#">Application forms</a></li>
<li><span class="icon-info icon-before"></span><a href="#">How do I invest</a></li>
</ul>
</div>
</form>
</div>
</div>
<!-- == -->
<!-- login in-->
<div class="login nav-login">
<a id="login" class="btn btn-masthead btn-login" href="javascript:void(0)"><span class="icon-lock-account icon-before"></span><span>Login</span> <span>|</span> <span>Register</span></a>
<div style="display:none;" id="login-div" class="login-box">
<form target="_blank" class="login-form" method="post" action="">
<fieldset>
<div class="login-in">
<ul>
<li><p>Exlsting customers log In below please:</p></li>
<li><button class="btn btn-masthead btn-login in">Log in</button>
</li>
<li>
<p>To register click on the applicable link below:</p>
</li>
<li>
<div>
<button class="btn btn-masthead btn-register in">Adviser</button><button class="btn btn-masthead btn-register in">Investor</button>
</div>
</li>
</ul>
</div>
</fieldset>
</form>
</div>
</div>
<!-- == -->
<!-- nav submenu -->
<div class="secondary-nav">
<ul>
<li class="quick-links">
<a href="#" >Adviser Quick Links<span class="icon-chevron-down-m icon-after"></span></a>
<div class="quick-links-droppanel">
<div class="fil-triade up"><span><em> </em></span></div>
<ul class="quick-links-droplist">
<li><a href="#"><span class="icon-star-line icon-before"></span>Earn CPD Points</a></li>
<li><a href="#"><span class="icon-clock icon-before"></span>The investment Clock</a></li>
<li><a href="#"><span class="icon-post icon-before"></span>Order flyer and wall charts</a></li>
<li><a href="#"><span class="icon-report icon-before"></span>Our funds</a></li>
<li><a href="#"><span class="icon-chart icon-before"></span>Understanding Volatility</a></li>
<li><a href="#"><span class="icon-account icon-before"></span>Adviser service team</a></li>
<li><a href="#"><span class="icon-favourites icon-before"></span>Fund platform representation</a></li>
</ul>
</div>
</li>
<li class="institutional"> <a href="#" class="icon after-link-skip">Institutional</a> </li>
</ul>
</div>
<!-- == -->
</div>
<div class="nav-wrap-bottom">
<div class="nav-row">
<!-- desktop nav -->
<ul class="primary-nav primary-nav-list hidden-mobile">
<li class="item-search">
<!-- desktop search -->
<div class="autoComplete search-desktop" role="search"><!--delete class :menu-is-open-->
<form action="" method="">
<input autocomplete="off" placeholder="" type="text" class="autoCompleteInput noOutline" name="keyword" id="searchInput" value="">
</form>
<a class="btn-search icon-search"></a>
<div class="menu autoCompleteList" style="display: none;">
<ul>
<li class="section">
<!-- <a href="#" calss="heading">Funds</a> -->
<ul>
<li role="option" class=""><a href="#">Search list a</a></li>
<li role="option" class=""><a href="#">Search list B</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--==-->
</li>
<li class="item">
<a class="header sublevel-trigger" href="#">
<span class="title">Contact us</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown4" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-half">
<span class="sub-head h4 sublevel-trigger">General enquiries</span>
<p><span><strong>Phone:</strong> +61 2 9225 0500</span><br>
<span><strong>Opening Hours:</strong> Available till 7pm</span></p>
<span class="sub-head h4 sublevel-trigger">Adviser Services Team</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis tellus augue. Nulla volutpat semper quam, sit amet cursus lacus. Nam aliquam eros a lectus convallis commodo.</p>
<p><a href="#" class="link">View all contact details</a><span class="icon-chevron-right-m icon-after"></span></p>
</div>
<div class="dropdown-panel dropdown-panel-half bg-gray dropdown-panel-form">
<span class="sub-head h4 sublevel-trigger">Frequently requested form</span>
<ul>
<li><a href="#">Additinal Application form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="#">Change of details form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="#">Change of payment form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="#">Withdraw Request form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="#">Change of Financial Adviser form</a><span class="note form-note"> (PDF)</span></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="item">
<a class="header sublevel-trigger" href="#">
<span class="title">Insights & Learning</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown3" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-third">
<span class="sub-head h4 sublevel-trigger">Investment insights</span>
<div class="card masthead-card">
<a href="#"><img class="card-img-top"src="/static/style/images/card-default4.jpg" data-holder-rendered="true"></a>
<div class="card-block">
<h4 class="card-title"><a href="#">Japan's bizarrely brief "technical recession"</a></h4>
<div class="card-link"><a href="#" class="link">Read more insights</a><span class="icon-chevron-right-m icon-after"></span></div>
</div>
</div>
</div>
<div class="dropdown-panel dropdown-panel-third">
<span class="sub-head h4 sublevel-trigger">Global market review</span>
<div class="card masthead-card">
<a href="#"><img class="card-img-top"src="/static/style/images/card-default.jpg" data-holder-rendered="true"></a>
<div class="card-block">
<h4 class="card-title"><a href="#">Global stock indices continue to be mixed</a></h4>
<div class="card-link"><a href="#" class="link">Read more insights</a><span class="icon-chevron-right-m icon-after"></span></div>
</div>
</div>
</div>
<div class="dropdown-panel dropdown-panel-third dropdown-panel-tools">
<div class="dropdown-panel-tools-body">
<span class="sub-head h4 sublevel-trigger">Tools</span>
<p>Tools to understand historical market fluctuations and the benefits of investing for the long term.</p>
<ul>
<li><span class="icon-error icon-before"></span><a href="#">Market crisis</a></li>
<li><span class="icon-clock icon-before"></span><a href="#">Timing the market</a></li>
<li><span class="icon-circle-zig icon-before"></span><a href="#">Unpredictable returns</a></li>
<p><a href="#" class="link more">Read more tools</a><span class="icon-chevron-right-m icon-after"></span></p>
</ul>
</div>
</div>
</li>
</ul>
</div>
</li>
<li class="item">
<a class="header sublevel-trigger" href="#">
<span class="title">Our Funds</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown2" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-third">
<ul>
<li>
<span class="sub-head h4 sublevel-trigger">Australian Equities</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="header"> <span>Australian Equities</span>
</a></li>
<li><a href="#">Fidelity Australian Equities Fund</a></li>
<li><a href="#">Fidelity Australian Opportunties Fund</a></li>
<li><a href="#">Fidelity Future Leaders Fund</a></li>
</ul>
</li>
<li>
<span class="sub-head h4 sublevel-trigger">Regional Equities</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="header"> <span>Regional Equities</span>
</a></li>
<li><a href="#">Fidelity Asia Fund</a></li>
<li><a href="#">Fidelity China Fund</a></li>
<li><a href="#">Fidelity India Fund</a></li>
</ul>
</li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-third">
<ul>
<li>
<span class="sub-head h4 sublevel-trigger">Global Equitiel</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="header"> <span>Global Equitiel</span>
</a></li>
<li><a href="#">Fidelity Global Equities Fund</a></li>
<li><a href="#">Fidelity Hedged Global Equities Fund</a></li>
<li><a href="#">Fidelity Global Demographics Fund</a></li>
<li><a href="#">Fidelity Global Emerging Markets Fund</a></li>
<li><a href="#">Fidelity Global Dividend Growth Fund</a></li>
<li><a href="#">Fidelity Hedged Global Dividend Growth Fund</a></li>
</ul>
</li>
<li>
<span class="sub-head h4 sublevel-trigger">Fixed Income</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="header"> <span>Fixed Income</span>
</a></li>
<li><a href="#">Fidelity Global Strategic Bond Fund</a></li>
</ul>
</li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-third dropdown-panel-tools">
<span class="sub-head h4 sublevel-trigger">Tools and help</span>
<ul>
<li><span class="icon-pdf icon-before"></span><a href="#">investor forms</a></li>
<li><span class="icon-info icon-before"></span><a href="#">how to invest</a></li>
<li><span class="icon-report icon-before"></span><a href="#">Fund financial reports</a></li>
<li><span class="icon-award icon-before"></span><a href="#">Fund proxy voting</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="item last-item">
<a class="header sublevel-trigger" href="#">
<span class="title">Why Fidelity?</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown1" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-half float-left">
<span class="sub-head h4 sublevel-trigger">The Fidelity difference</span>
<p>Lorem ipsum dolor sit amet, consectetur Testadipiscing elit. Morbi eu interdum diam. Donec interdum porttitor risus non bibendum. Maecenas sollicitudin eros in quam imperdiet placerat. Cras justo purus, rhoncus nec lobortis ut, iaculis vel ipsum.</p>
<ul>
<li><a href="#" class="link droplist-link">Explore more about Fidelity</a><span class="icon-chevron-right-m icon-after"></span></li>
<li><a href="#" class="link droplist-link">Industry awards</a><span class="icon-chevron-right-m icon-after"></span></li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-half float-right">
<span class="sub-head h4 sublevel-trigger">What is the Fidelity advantage?</span>
<div class="card card-play masthead-card">
<img class="card-img-top" alt="" src="/static/style/images/card-default4.jpg">
<div class="card-block">
<p class="card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis tellus augue. Nulla volutpat semper quam, sit amet cursus lacus. Nam aliquam eros a lectus convallis commodo.</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
</div>
<script src="/static/js/lib/require.js"></script>
<script src="/static/js/lib/jquery.js"></script>
<script src="/static/js/global.js"></script>
<script>
require([ 'app/navigation' ]);
</script>
</body>
</html>
new-nav-html的更多相关文章
- trigger() --工作中问题nav样式
自动执行某元素的某个事件 $("#div").trigger("click"); //让系统自动执行单击事件 适用于nav样式中,下面横线绝对定位于nav.o ...
- 设置导航栏nav全透明
设置导航栏nav全透明 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #ffffff } span.s1 { } ...
- HTML5 中的Nav元素详解
什么是Nav元素 Nav元素可以用作页面导航的链接组,在导航链接组里面有很多的链接,点击每个链接可以链接到其他页面或者当前页面的其他部分,并不是所有的链接组都要被放在nav元素里面,我们只需要把最主要 ...
- ThinkCMF-首页Nav部分菜单配置详解
Nav菜单代码放在了 /themes/simplebootx/Public/nav.html 具体代码: <?php $effected_id="main-menu"; $f ...
- Bootstrap源码分析之nav、collapse
导航分析(nav): 源码文件:_navs.scss:导航模块Mixins/_nav-divider.scss:分隔线Mixins/_nav-vertical-align.scss:垂直对齐 1.只是 ...
- Fixed Responsive Nav – 响应式的单页网站导航插件
Fixed Responsive Nav 是一个响应式的,固定的,触摸友好的单页网站导航插件,响应式导航,流畅的动画滚动.该项目采用渐进增强构建,支持工作在 IE6 及以上版本的浏览器. 你可以给导航 ...
- nav布局 在线演示 DIVCSS5
<!doctype html> nav布局 在线演示 DIVCSS5 传统 div ul li布局导航条效果 网站首页 HTML教程 HTML入门 HTML5教程 CSS教程 CSS入门 ...
- Yii2 menu navbar nav小部件的使用示例
menu Menu::widget( [ [ 'label' => $menu['name'], 'url' => [$menu['route']], 'items' => [ [ ...
- Bootstarp: sub_menu 自定义改变nav样式
<style> .nav > li > a { position: relative; display: block; padding: 5px 5px; } </sty ...
- 经典的nav导航
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- SQOOP Load Data from Oracle to Hive Table
sqoop import -D oraoop.disabled=true \ --connect "jdbc:oracle:thin:@(description=(address=(prot ...
- Solr Dataimporthandler 导入MySQL 内存溢出。
最近准备把一千九百多万数据导入Solr中,在以前测试数据只有一两百万,全量导入没有任务问题.但是,换成一千九百万数据时,solr报内存异常(java.lang.OutOfMemoryError:GC ...
- USACO section1.2 Miking cows
/* ID: vincent63 LANG: C TASK: milk2 */ #include <stdio.h> #include<stdlib.h> #include&l ...
- 【Ext.Net学习笔记】05:Ext.Net GridPanel的用法(包含Filter、Sorter、Grouping、汇总(Summary)的用法)
GridPanel是用来显示数据的表格,与ASP.NET中的GridView类似. GridPanel用法 直接看代码: <ext:GridPanel runat="server&qu ...
- 在mac os下的Apache服务器的cgi中运行python
我是搬运工.. Running Python Programs on the Mac OS X Apache Web Server The Mac OS X operating system incl ...
- 简单的抓取淘宝关键字信息、图片的Python爬虫|Python3中级玩家:淘宝天猫商品搜索爬虫自动化工具(第一篇)
Python3中级玩家:淘宝天猫商品搜索爬虫自动化工具(第一篇) 淘宝改字段,Bugfix,查看https://github.com/hunterhug/taobaoscrapy.git 由于Gith ...
- HDU 4063 Aircraft --几何,最短路
题意: 给一些圆,要求从第一个圆的圆心走到最后一个圆的圆心,中间路径必须在某个圆内,求最短路径的长度. 解法: 易知要保持在圆内且路径最短,走两圆相交的点能使路径尽量短,所以我们找出所有的两圆相交的点 ...
- 什么是Activity
Activity 的生命周期是被以下的函数控制的.public class Activity extends ApplicationContext { protected void onCr ...
- Windows远程桌面连接Ubuntu 14.04
由于xrdp.gnome和unity之间的兼容性问题,在Ubuntu 14.04版本中仍然无法使用xrdp登陆gnome或unity的远程桌面,现象是登录后只有黑白点为背景,无图标也无法操作.与13. ...
- SqlMapConfig.xml中的setting属性设置
<settings cacheModelsEnabled="true" lazyLoadingEnabled="false" en ...