首页 > 菜单样式1:鼠标悬停向下弹出列表

菜单样式1:鼠标悬停向下弹出列表

JS部分:
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); 

        });

html部分:
 
_t_nav="xxgj">菜单一 
            

_t_nav="xxgj">
  • datamerger/test.do">身份录入
          
  • datamerger/test.do">信息导入
  •    
  •   

    转载于:https://www.cnblogs.com/anobugworld/p/7112171.html

    更多相关: