Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите,меню на javascript!!! (https://javascript.ru/forum/dom-window/26957-pomogite-menyu-na-javascript.html)

karencho777 29.03.2012 09:41

Помогите,меню на javascript!!!
 
здравствуйте,я выложу исходники меню на js вот демо: http://skriptkpbstudio.ucoz.ru/demo_...rtik_menu.html ,мне нужно чтоб все пункты и под пункты имели один размер и занимали всю ширину блока (210пх) ,при помощи css я поправил начальный блок ,но после снятия курсора ссылки меню уменьшается ,а мне нужно чтоб оно занимало всю ширину и после снятия курсора,также хотелось бы чтоб все под пункты имели одну такую же ширину какую имеет главный пункт,при помощи css я этого не смог добиться,я так думаю что надо искать в js ,так вот я выложу исходники,кому не лень помогите ,спасибо зарание!!!

source

l-liava-l 01.04.2012 20:38

Если я правильно понял вам нужно чтобы пункты меню не выезжали?тогда так:
Должно помочь. а размер в 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, время: 03:37.