<header id="masthead" class="masthead" role="banner">
<nav class="navigation" role="navigation">
<!-- -->
<ul class="hiddenInDesktop nav-toggler hidden-tablet">
<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 class="nav-content" id="mobile-content">
<div class="fil-container">
<!-- -->
<div class="mobile-header hiddenInDesktop hidden-tablet">
<!-- <li class="logo"><a href="#">Home</a></li>
<li><a href="#" id="mobile-close" class="close" onFocus="this.blur();" title="Close navigation panel"><span class="icon-close"></span><span class="accessible">Close navigation panel</span></a></li> -->
</div>
<ul class="mobile-reg-apply hiddenInDesktop hidden-tablet">
<!-- login in-->
<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>
<div style="display:none;" id="mobile-login-div" class="login-box">
<form target="_blank" class="login-form" method="post" action="">
<fieldset>
<ul class="login-in">
<li>
<div>
<button class="btn btn-masthead btn-login in">Log in</button>
</div>
</li>
<li>
<p class="register-notes"><strong>Or register now:</strong></p>
</li>
<li>
<div>
<button class="btn btn-masthead btn-register">Register as an Adviser </button><button class="btn btn-masthead btn-register">Register as an Investor</button>
</div>
</li>
</ul>
</fieldset>
</form>
</div>
<!-- == -->
</li>
<!-- == -->
<!-- Apply for funds-->
<li id="mobile-apply" 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 for funds-->
<div id="mobile-apply-div" class="apply nav-apply active" style="display:none;height: 100%;" >
<a class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span></a>
<div style="display:block;height: 100%;" class="apply-box">
<form target="_blank" class="apply-form" method="post" action="">
<fieldset>
<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>
</fieldset>
</form>
</div>
</div>
<!-- == -->
</li>
</ul>
<div class="top-bar show-tablet">
<!-- Apply for funds-->
<a class="logo" title="Home" href="#">&nbsp;</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>&nbsp;</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">
<!-- mobile nav -->
<ul class="primary-nav primary-nav-list hiddenInDesktop">
<li class="item main-menu back" id="mobile-main-menu"><a href="#" class="header">Main Menu</a></li>
<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">
<a class="header sublevel-trigger" href="#" id="mn-our-funds">
<span class="title">Our Funds</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown2" data-nav-level="2">
<ul class="navColumnSet ">
<li id="li-allfunds" class="hiddenInDesktop hidden-tablet">
<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>
<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>
</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>
</div>
</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 &amp; Learning</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown3" data-nav-level="2" style="display: block;">
<ul class="navColumnSet ">
<li id="li-all" class="hiddenInDesktop hidden-tablet">
<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>
</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>
<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">&nbsp;</span>Earn CPD Points</a></li>
<li><a href="#"><span class="icon-clock icon-before">&nbsp;</span>The investment Clock</a></li>
<li><a href="#"><span class="icon-post icon-before">&nbsp;</span>Order flyer and wall charts</a></li>
<li><a href="#"><span class="icon-report icon-before">&nbsp;</span>Our funds</a></li>
<li><a href="#"><span class="icon-chart icon-before">&nbsp;</span>Understanding Volatility</a></li>
<li><a href="#"><span class="icon-account icon-before">&nbsp;</span>Adviser service team</a></li>
<li><a href="#"><span class="icon-favourites icon-before">&nbsp;</span>Fund platform representation</a></li>
</ul>
</div>
</li>
<li id="item-institutional" class="item item-level-1"><a href="#" class="icon after-link-skip">Institutional</a></li>
</ul>
<!-- 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>
<!-- mobile search -->
<div id="mobile-search" class="searchMobile hiddenInDesktop hidden-tablet">
<!--search header-->
<div class="mobile-header hiddenInDesktop hidden-tablet">
<li class="logo"><a href="#">Home</a></li>
<li><a href="javascript:void(0)" id="mobile-search-close" class="close" onFocus="this.blur();" title="Close Search"><span class="icon-close"></span></a></li>
</div>
<div class="autoComplete menu-is-open">
<label class="accessible" for="searchInputMobile">Search</label> <input id="searchInputMobile"
class="autoCompleteInput" type="text" value="World economy" placeholder=""></input>
<a class="searchIcon icon-search"></a>
<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>
</nav>
</header>

<script src="jquery.js"></script>
<script>
require([ 'app/navigation' ]);
</script>
</body>
</html>

<div>
<div class="mobile-pannel">
<div class="mobile-login top">
<div class="login">login| register</div>
<div class="apply">apply for funds</div>
</div>
<div class="mobile-menu bottom">
<ul>
<li>why Fidelity?</li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div>
login or register now
</div>
<div>search</div>
</div>

u1-nav-html的更多相关文章

  1. trigger() --工作中问题nav样式

    自动执行某元素的某个事件 $("#div").trigger("click");  //让系统自动执行单击事件 适用于nav样式中,下面横线绝对定位于nav.o ...

  2. 设置导航栏nav全透明

    设置导航栏nav全透明 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #ffffff } span.s1 { } ...

  3. HTML5 中的Nav元素详解

    什么是Nav元素 Nav元素可以用作页面导航的链接组,在导航链接组里面有很多的链接,点击每个链接可以链接到其他页面或者当前页面的其他部分,并不是所有的链接组都要被放在nav元素里面,我们只需要把最主要 ...

  4. ThinkCMF-首页Nav部分菜单配置详解

    Nav菜单代码放在了 /themes/simplebootx/Public/nav.html 具体代码: <?php $effected_id="main-menu"; $f ...

  5. Bootstrap源码分析之nav、collapse

    导航分析(nav): 源码文件:_navs.scss:导航模块Mixins/_nav-divider.scss:分隔线Mixins/_nav-vertical-align.scss:垂直对齐 1.只是 ...

  6. Fixed Responsive Nav – 响应式的单页网站导航插件

    Fixed Responsive Nav 是一个响应式的,固定的,触摸友好的单页网站导航插件,响应式导航,流畅的动画滚动.该项目采用渐进增强构建,支持工作在 IE6 及以上版本的浏览器. 你可以给导航 ...

  7. nav布局 在线演示 DIVCSS5

    <!doctype html> nav布局 在线演示 DIVCSS5 传统 div ul li布局导航条效果 网站首页 HTML教程 HTML入门 HTML5教程 CSS教程 CSS入门 ...

  8. Yii2 menu navbar nav小部件的使用示例

    menu Menu::widget( [ [ 'label' => $menu['name'], 'url' => [$menu['route']], 'items' => [ [ ...

  9. Bootstarp: sub_menu 自定义改变nav样式

    <style> .nav > li > a { position: relative; display: block; padding: 5px 5px; } </sty ...

  10. 经典的nav导航

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. java方法可变参数的写法

    jdk1.5之后出现的,该写法避免了当有多个不同个数的参数方法时,对方法的重载.其实就是数组. package com.shipin; /** * @author QiaoJiafei * @vers ...

  2. UIView.frame的骗局

    如果你刚刚开始接触IOS编程, 刚刚接触UIKit, 肯定会被 frame, bounds, center, layer.anchorPoint, layer.position 这些乱七八糟得属性折腾 ...

  3. Vim配置及说明——IDE编程环境

    Vim配置及说明——IDE编程环境 Vim配置及说明——IDE编程环境 1.基本及字体 2.插件管理 3.主题风格 4.窗口设置 5.目录树导航 6.标签导航 7.taglist 8.多文档编辑 9. ...

  4. 2D Tookit (一) 精灵切割

    Sprite Dicing 精灵切割 图一:原图 Diced 设置   Diced[切割]对比图 文档 http://www.2dtoolkit.com/docs/latest/advanced/sp ...

  5. JMeter学习(三)元件的作用域与执行顺序

    1.元件的作用域 JMeter中共有8类可被执行的元件(测试计划与线程组不属于元件),这些元件中,取样器是典型的不与其它元件发生交互作用的元件,逻辑控制器只对其子节点的取样器有效,而其它元件(conf ...

  6. Oracle 排序中使用nulls first 或者nulls last 语法

    -原理 Nulls first和nulls last是Oracle Order by支持的语法 如果Order by 中指定了表达式Nulls first则表示null值的记录将排在最前(不管是asc ...

  7. 分层开发MySchool总结

    由于分层之间存在各层之间的关系窗体之间的方法跳转,故有需要者可以进行下载本地文件 MySchool.rar 3304KB 5/22/2016 9:43:28 AM ,代码中有注释,

  8. 怎么解决Android studio导入项目卡死

    在使用Android studio的时候常常遇到这样的问题,从github或是其他地方导入项目,Android studio呈现卡死的现象!当遇到这种情况时,可以看看是下面那种情况,在按照方法来解决! ...

  9. js中的垃圾回收机制

    代码回收规则如下: 1.全局变量不会被回收. 2.局部变量会被回收,也就是函数一旦运行完以后,函数内部的东西都会被销毁. 3.只要被另外一个作用域所引用就不会被回收  (闭包)

  10. 17Mybatis_动态sql-sql片段

    这篇文章讲一下sql片段. 讲一下sql片段的的需求: 将上边实现的动态sql判断代码块抽取出来,组成一个sql片段.其它的statement中就可以引用sql片段. 方便程序员进行开发. 第一步我们 ...