如何更改此代码以使鼠标悬停在标签上？

jQuery(document).ready(function(){ 
    var panelContainer = jQuery('div#panels'); 
    jQuery('<div id="tabs"></div>').insertBefore(panelContainer); 
    panelContainer.find('div.panel').each(function(n){ 
     jQuery('div#tabs').append('<a class="tab" href="#' + (n+1) + '">' + jQuery(this).attr('title') + '</a>'); 
    }); 

    var panelLocation = location.hash.slice(1); 
    if(panelLocation){ 
     var panelNum = panelLocation; 
    }else{ 
     var panelNum = '1'; 
    } 
    panelContainer.find('div.panel').hide(); 
    panelContainer.find('div.panel:nth-child(' + panelNum + ')').fadeIn('slow'); 
    jQuery('div#tabs').find('a.tab:nth-child(' + panelNum + ')').removeClass().addClass('tab-active'); 
    jQuery('div#tabs').find('a').each(function(n){ 
     jQuery(this).click(function(){ 
      panelContainer.find('div.panel').hide(); 
      panelContainer.find('div.panel:nth-child(' + (n+1) + ')').fadeIn('slow'); 
      jQuery(this).parent().find('a').removeClass().addClass('tab'); 
      jQuery(this).removeClass().addClass('tab-active'); 
     }); 
    }); 
});

来源

2011-05-18 Trav

内jQuery('div#tabs').find('a').each(function(n){和之后（或之前）单击处理

添加以下代码：

jQuery(this).mouseover(function(){/* stuff */})

来源

2011-05-18 10:06:53 stecb

由于现在该代码：\t panelContainer.find（ 'div.panel'）隐藏（） ; （'div.panel：nth-child（'+ panelNum +'）'）。fadeIn（'slow'）; （'div＃tabs'）。find（'a.tab:nth-child（'+ panelNum +'）'）。removeClass（）。addClass（'tab-active'）; \t jQuery的（ 'DIV＃标签'）。找到（ 'A'）。每个（函数（n）的{ \t \t jQuery的（本）。鼠标悬停（函数（）{ \t \t \t panelContainer.find（'DIV。面板 '）隐藏（）; \t \t \t panelContainer.find（' div.panel：第n个孩子（” +（N + 1）+ '）'）淡入（ '慢'）; \t \t \t jQuery的（这个）.parent（）找到（ 'A'）removeClass（）addClass（ '标签'）;。。 \t \t \t jQuery的（本）.removeClass（）addClass（ '标签活性'）; \t \t}）; \t}）; }）; – Trav 2011-05-18 10:29:32

谢谢stecb，顺便说一下，我可以让它自动旋转，停在鼠标上？ – Trav 2011-05-18 10:39:03

如何更改此代码以使鼠标悬停在标签上？

回答

相关问题