<a href="#cd-nav" class="cd-nav-trigger">Menu
<span class="cd-nav-icon"></span>
<svg x="0px" y="0px" width="54px" height="54px" viewBox="0 0 54 54">
<circle fill="transparent" stroke="#656e79" stroke-width="1" cx="27" cy="27" r="25" stroke-dasharray="157 157" stroke-dashoffset="157"></circle>
</svg>
</a> <div class="cd-navigation-wrapper">
<div class="cd-half-block">
<h2>导航菜单</h2>
<nav>
<ul class="cd-primary-nav">
<li><a href="https://jy.tp.yuanmeng.life/" class="selected">首页</a></li>
<li><a href="https://jy.tp.yuanmeng.life/js">jQuery</a></li>
<li><a href="https://jy.tp.yuanmeng.life/php">PHP</a></li>
<li><a href="https://jy.tp.yuanmeng.life/templates">模板</a></li>
</ul>
</nav>
</div>
</div> jQuery(document).ready(function($) {
var isLateralNavAnimating = false;
//o打开或关闭导航菜单
$('.cd-nav-trigger').on('click', function(event) {
event.preventDefault();
//若动画正在进行,则停止
if (!isLateralNavAnimating) {
if ($(this).parents('.csstransitions').length > 0)
isLateralNavAnimating = true;
$('body').toggleClass('navigation-is-open');
$('.cd-navigation-wrapper').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function() {
//动画结束
isLateralNavAnimating = false;
});
}
});
});
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
