Помогите,меню на javascript!!!
здравствуйте,я выложу исходники меню на js вот демо: http://skriptkpbstudio.ucoz.ru/demo_...rtik_menu.html ,мне нужно чтоб все пункты и под пункты имели один размер и занимали всю ширину блока (210пх) ,при помощи css я поправил начальный блок ,но после снятия курсора ссылки меню уменьшается ,а мне нужно чтоб оно занимало всю ширину и после снятия курсора,также хотелось бы чтоб все под пункты имели одну такую же ширину какую имеет главный пункт,при помощи css я этого не смог добиться,я так думаю что надо искать в js ,так вот я выложу исходники,кому не лень помогите ,спасибо зарание!!!
source |
Если я правильно понял вам нужно чтобы пункты меню не выезжали?тогда так:
Должно помочь. а размер в css напишите какой Вам нужен
<STYLE type=text/css media=all>@import url( [url]http://skriptkpbstudio.ucoz.ru/demo_srt/mootols_menu/949/css/extensions2.css[/url] );</STYLE>
<SCRIPT language=javascript src="http://skriptkpbstudio.ucoz.ru/demo_srt/mootols_menu/949/js/mootools.js" type=text/javascript></SCRIPT>
<SCRIPT language=javascript type=text/javascript>
var YtSettings = { widthThinPx: 780, widthWidePx: 940, widthFluidPx: 0.90, heightToppanel: 320};
var YtTools = {
start: function() {
/* Color settings */
var currentColor = '#ff4b00'; /* цвет фона меню и ссылок меню при наведении */
/* Accordion menu */
var accordionFx = new YtAccordionMenu('li.toggler', 'ul.accordion', { accordion: 'slide' });
/* Sub menu level2 (wertik menu) */
var submenuEnter = { 'background-color': currentColor };
var submenuLeave = { 'background-color': '#000000' }; /* цвет фона меню после снятия курсора */
if (YtSettings.layout == 'right') {
$extend(submenuEnter, { 'margin-right': 0 });
$extend(submenuLeave, { 'margin-right': 0 }); /* величина сдвига влево при наведении */
} else {
$extend(submenuEnter, { 'margin-left': 0 });
$extend(submenuLeave, { 'margin-left': 0 }); /* величина сдвига вправо при снятии курсора */
}
/* скорость меню */
var submenuFx1 = new YtMorph('#submenu .level2, #othermenu .level1', submenuEnter, submenuLeave,
{ transition: Fx.Transitions.expoOut, duration: 600 }, /* выезд вправо+цвет фона */
{ transition: Fx.Transitions.sineIn, duration: 1000 }); /* возврат влево+цвет фона */
/* Sub menu level3 */
var submenuLeave2 = $merge(submenuLeave, { 'background-color': '#141414' }); /* цвет фона ссылок после снятия курсора */
var submenuFx2 = new YtMorph('#submenu .level3, #othermenu .level2', submenuEnter, submenuLeave2,
{ transition: Fx.Transitions.expoOut, duration: 300 }, /* выезд вправо+цвет фона */
{ transition: Fx.Transitions.sineIn, duration: 500 }); /* возврат влево+цвет фона */
}
};
/* Add functions on window load */
window.addEvent('load', YtTools.start);
</SCRIPT>
<SCRIPT language=javascript src="http://skriptkpbstudio.ucoz.ru/demo_srt/mootols_menu/949/js/morph.js" type=text/javascript></SCRIPT>
<SCRIPT language=javascript src="http://skriptkpbstudio.ucoz.ru/demo_srt/mootols_menu/949/js/menu.js" type=text/javascript></SCRIPT>
|
| Часовой пояс GMT +3, время: 17:28. |