2012-12-14 48 views
0

我正在尋找一個解決方案,我有一個drop downavi,並且有3個子菜單(第二級),我希望navi的整個菜單獲得與開放式導航相同的高度。Mootools獲得不同高度的使用。身高

現在我有。

window.addEvent('domready', function(){ 
    $$('.submenu a').addEvents({ 
     mouseenter: function(){ 
     $$('.navi').set('tween', { 
      duration: 1000, 
      transition: Fx.Transitions.Bounce.easeOut 
      }).tween('height', '145px'); 
     }, 
     mouseleave: function(){ 
      $$('.navi').set('tween', {}).tween('height', '60px'); 
     } 
     }); 

我想,我可以使用開放subnav作爲推高的高度,

這樣。

.tween('height', HEIGHT FROM SUBNAV+60px); 

回答

0

這是相當難以理解的問題,所以我回答這個問題有兩種方式

  1. 在mootools的多個有element.measure,並可以測量一個隱藏的元素。 this將被綁定到您要測量的元素。 (函數){ return this.getSize(); });

請注意,也有getDimensionsgetComputedSize在MooTools的,他們都在他們如何衡量不同。

  1. 如果要測量子菜單上方/下方元素的高度,可以使用循環來完成。

var height = 0; $$( '禮')每。(函數(EL){ VAR大小= el.getSize(); 高度=高度+ size.y; //例如

// return false to break 
return true; 

})

有了更多關於HTML的信息,回答這個問題會更容易。