外部メニューからのホバー効果

Question

私はいいホバー効果（http://markilfin.lx10.net/buftemp/）のメニューを持っています。 私がしたいのは、同じ効果を持たせることですが、対応する画像をホバーするときだけでなく、これは実際に可能ですか？

Answer 1

これはまだのように、テストされていないが、私はお勧めしたい：

$('.menu a').hover(
    function(){ 
     var elemText = $(this).text(); 
     if ($('#' + elemText).length){ 
      $('#' + elemText).css({'z-index' : '10'}).find('.zoom').stop().animate({width:"342px",height:"342px",left:"-70px",top:"-70px"}, 400); 
     } 
    }, 
    function(){ 
     var elemText = $(this).text(); 
     if ($('#' + elemText).length){ 
      $('#' + elemText).css({'z-index' : '0'}).find('.zoom').stop().animate({width:"212px",height:"212px",left:"0",top:"0"}, 400); 
     } 
    } 
); 

JS Fiddle demo。

私はおそらく次のようにその提案を修正したいけれども：

$('.menu a').hover(
    function(){ 
     var elemText = $(this).text(); 
     if ($('#' + elemText).length){ 
      $('#' + elemText).trigger('mouseover'); 
     } 
    }, 
    function(){ 
     var elemText = $(this).text(); 
     if ($('#' + elemText).length){ 
      $('#' + elemText).trigger('mouseleave'); 
     } 
    } 
); 

JS Fiddle demo。