Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 20.02.2011 12:22

DAlex
Новичок
Зарегистрирован: 20.02.2011
Сообщений: 3

Прокрутка горизонтального меню

Здравствуйте!
Есть страничка - http://glazova.ru/chapter.php?t=Advertising
По середине имеется горизонтальное меню из 5 иконок. Вроде все норм.
Но... Планируется добавлять еще пункты этого меню. При этом на экране должно отображаться только пять, остальные должны быть скрыты.
Так вот картинки из трех малиновых точек по краям должны служить для прокрутки данного меню по горизонтали, чтобы можно было просмотреть и невместившиеся в пятерку пункты меню.
Вопрос в том, как это можно реализовать.
Один вариант подсказали. Если пощелкать по малиновым точкам по краям, результат можно увидеть.
Но сия вещь работает только в ИЕ и в Опере. В ФФ не работает. Может кто знает, как заставить заработать и в ФФ?
Или может есть другие способы?
Заранее спасибо.

Нет на форуме

 

#2 20.02.2011 13:38

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 287
Вебсайт

Re: Прокрутка горизонтального меню

DAlex, а просто блоку "menu-inside" менять свойство position, без заморочек с pixelLeft, нельзя?


С уважением, Вашурин Владимир.

Нет на форуме

 

#3 20.02.2011 13:54

DAlex
Новичок
Зарегистрирован: 20.02.2011
Сообщений: 3

Re: Прокрутка горизонтального меню

Заморочки с pixelLeft мне подсказали, я сам JavaScript не знаю, поэтому и спрашиваю :-).
Каким способом менять?

Отредактированно DAlex (20.02.2011 13:55)

Нет на форуме

 

#4 20.02.2011 15:33

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 287
Вебсайт

Re: Прокрутка горизонтального меню

DAlex написал:

Заморочки с pixelLeft мне подсказали, я сам JavaScript не знаю, поэтому и спрашиваю :-).
Каким способом менять?

Сначала в CSS прописываете свойство position для блока, а потом в JavaScript вместо заморочек с pixelLeft, пишете:

Код:

c.style.positionLeft =;

С уважением, Вашурин Владимир.

Нет на форуме

 

#5 20.02.2011 16:33

DAlex
Новичок
Зарегистрирован: 20.02.2011
Сообщений: 3

Re: Прокрутка горизонтального меню

Что-то все испробовал, не пашет. Покажите плиз дураку пример функции?

function scroll(x){
   var c=document.getElementById("menu-inside");
   c.style.positionLeft = c.style.positionLeft + x;
}

Нет на форуме

 

#6 26.02.2011 08:56

Artem.Chertov
Новичок
Зарегистрирован: 04.02.2011
Сообщений: 43

Re: Прокрутка горизонтального меню

http://prototype-carousel.xilinus.com/
или флещ или другие фв.
успехов
smile

Нет на форуме

 

Board footer