首页

源码搜藏网

首页 > 网页特效 > 菜单导航 >

jquery仿腾讯云下拉导航

创建时间:2014-06-30 17:59  

jquery仿腾讯云下拉导航
jquery仿腾讯云下拉导航
效果预览 立即下载

jquery仿腾讯云下拉导航jquery仿腾讯云下拉导航是一款基于jquery实现的仿腾讯云滑动下拉导航菜单效果代码。jquery腾讯下拉导航滑动效果 所属专题:菜单导航


<script type="text/javascript">
jQuery(document).ready(function(){
var qcloud={};
$('[_t_nav]').hover(function(){
var _nav = $(this).attr('_t_nav');
clearTimeout( qcloud[ _nav + '_timer' ] );
qcloud[ _nav + '_timer' ] = setTimeout(function(){
$('[_t_nav]').each(function(){
$(this)[ _nav == $(this).attr('_t_nav') ? 'addClass':'removeClass' ]('nav-up-selected');
});
$('#'+_nav).stop(true,true).slideDown(200);
}, 150);
},function(){
var _nav = $(this).attr('_t_nav');
clearTimeout( qcloud[ _nav + '_timer' ] );
qcloud[ _nav + '_timer' ] = setTimeout(function(){
$('[_t_nav]').removeClass('nav-up-selected');
$('#'+_nav).stop(true,true).slideUp(200);
}, 150);
});
});
</script>

上一篇:jquery顶部固定层下拉导航
下一篇:jQuery下拉滑动红色导航

相关内容

热门推荐