您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 菜单导航 >

    jquery仿腾讯云下拉导航

    时间:2014-06-30 17:59 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表

    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仿腾讯云下拉导航由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/caidan/9741.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!