0

Soh Tanaka の "Mega Menu" - http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ - をドロップダウン メニューで使用していますが、"out " 関数。メニューは hoverIntent を使用し、「500」のタイムアウト遅延でフェードアウトする必要がありますが、マウスアウトすると消えます。

http://native.thefutureforward.com/

問題の JS ファイルは「js/mega-menu.min.js」です。現時点では、コードが少し乱雑であることに気付いたので、それに取り組んでいます。

メニューの mouseOut を遅延とフェードアウトの両方にするための助けをいただければ幸いです。

4

1 に答える 1

1

あなたのコードは、メニューを作成したときにデモから引き出したものとは少し異なります。

 //Set custom configurations
 var menuConfig = {
     sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
     interval: 100, // number = milliseconds for onMouseOver polling interval
     over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
     timeout: 500, // number = milliseconds delay before onMouseOut
     out: megaHoverOut // function = onMouseOut callback (REQUIRED)
 };


 $(document).ready(function () {
      $("ul#topnav li .sub").css({ 'opacity': '0' }); 
      $("ul#topnav li").hoverIntent(menuConfig); 
 });

関数名ではなく、設定をhoverIntentに渡すことに注意してください。

于 2011-12-01T16:21:39.627 に答える