Перейти к содержимому



Скрипт вертикального меню на CSS

#1 Banderas
Banderas
  • Неактивные
  • 1 168 сообщений
  • Репутация: 1
0

Обновлено 20 июня 2010 - 20:23  Отправлено 14 июля 2009 - 13:06

Ищу меню вот такого типа:
2009_07_14_130244.jpg
Тоесть:
Раздел v // до клика
Раздел > // после клика
   Подраздел
   Подраздел 2
   Подраздел 3

 

 

  • 0

I'm web-developer 

Magento one love!



#2 Евгений
Евгений
  • Неактивные
  • 481 сообщений
  • Репутация: 0

Отправлено 14 июля 2009 - 13:16

Banderas, а что из WP код не выдерешь? :) скрин же от туда?
  • 0

#3 Banderas
Banderas
    Topic Starter
  • Неактивные
  • 1 168 сообщений
  • Репутация: 1

Отправлено 14 июля 2009 - 18:30

там ведь долго искать и т.п. Напишите, или дайте ссылку на урок, как написать. Там думаю просто, капля JS и остальное - CSS.
  • 0

I'm web-developer 

Magento one love!



#4 v1ex
v1ex
  • Неактивные
  • 225 сообщений
  • Репутация: 0

Отправлено 14 июля 2009 - 20:15

Дуй за jQuery, на верхнюю фигнюшку (по которой щелкаешь) вешай обработчик на click, в обработчике вызывай функцию slideIn()/slideOut() для элемента, который будет расскрывать/открываться. Ну еще в обработчике, "треугольничек" заменяй (который показывает, открыт или закрыт блок). Все. Дело 3-ех минут :)
  • 0

#5 Banderas
Banderas
    Topic Starter
  • Неактивные
  • 1 168 сообщений
  • Репутация: 1

Отправлено 14 июля 2009 - 22:36

Я просто ничего даже не читал о JQuery. Ещё с PHP и SQL не разобрался. Зачем я полез в меню? Надо поставить на сайте новое меню, вместо стандартного.
  • 0

I'm web-developer 

Magento one love!



#6 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

Отправлено 14 июля 2009 - 23:25

www.vremenno.net - иши в разделе JavaScript
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#7 ZiTosS
ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 15 июля 2009 - 11:41

Banderas, как тебе уже сказали. Зачем изобретать велосипед. Посмотри на сайте jquery там уже много наработок в разделе plugins

http://plugins.jquer.../project/mbMenu можно попробовать переделать в вертикальное
http://plugins.jquer...roject/fademenu вертикальное с эффектом слайдинга
http://plugins.jquer...ct/NotesForMenu ещё одно three меню
http://plugins.jquer...ject/SimpleTree ещё одно three ajax меню


А вот выпадающее вертикальное меню. Выбирай на свой вкус.
http://plugins.jquer...oject/Superfish
Примеры:
http://users.tpg.com...rfish/#examples
  • 0

#8 neznaika
neznaika
  • Неактивные
  • 4 сообщений
  • Репутация: 0

Отправлено 20 января 2010 - 23:54

Доброго времени суток.
Для конкретного сайта необходимо доработать
скрипт вертикального меню.

Задача: при наведении курсора на отдельную категорию
в правом вертикальном меню, должны открыться подкатегории:
строго вниз, без смещения влево-вправо.

адрес сайта: смотреть >>>
как пример:
Правила каратэ /категория/
Версия JKA WF /подкатегория/
Версия WKF /подкатегория/
Версия JKS /подкатегория/
Символика каратэ /категория/
Символика JKA WF /подкатегория/
Символика WKF /подкатегория/
Символика JKS /подкатегория/
и т.д.

Интересует вопрос времени и цены), в разумных пределах...)
  • 0

#9 richarbuz
richarbuz
  • Неактивные
  • 11 сообщений
  • Репутация: 0

Отправлено 21 января 2010 - 23:15

Нужен такой же только горизонтального, помогите написать (
  • 0

#10 yagd
yagd
  • Неактивные
  • 16 сообщений
  • Репутация: 0

Отправлено 13 мая 2010 - 14:49

... тоже интересует аналогичная доработка.
  • 0

#11 neznaika
neznaika
  • Неактивные
  • 4 сообщений
  • Репутация: 0

Отправлено 10 июня 2010 - 01:14

... но я бы не советовал.

а по вопросу:
"Для конкретного сайта необходимо доработать
скрипт вертикального меню.

Задача: при наведении курсора на отдельную категорию
в правом вертикальном меню, должны открыться подкатегории:
строго вниз, без смещения влево-вправо"

- Что посоветуете?
И ещё вопрос, пользуясь случаем).

Сделал сайт, проверяю на Markup Validation Service, показывает наличие ошибок в HTML коде, например: Line 4, Column 75: end tag for "meta" omitted, but OMITTAG NO was specified
Так вот вопрос, а как теперь найти: Строку 4, столбец 75
Подскажите пожалуйста...
  • 0

#12 ZiTosS
ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 20 июня 2010 - 20:23

neznaika,

а по вопросу:
"Для конкретного сайта необходимо доработать
скрипт вертикального меню.

Задача: при наведении курсора на отдельную категорию
в правом вертикальном меню, должны открыться подкатегории:
строго вниз, без смещения влево-вправо"

- Что посоветуете?

Есть такой на jQuery droppy и иже с ним :rolleyes: Смотрите всё в том же разделе Menus

И ещё вопрос, пользуясь случаем).

Сделал сайт, проверяю на Markup Validation Service, показывает наличие ошибок в HTML коде, например: Line 4, Column 75: end tag for "meta" omitted, but OMITTAG NO was specified
Так вот вопрос, а как теперь найти: Строку 4, столбец 75
Подскажите пожалуйста...

Ищите в файле 4 строку, а столбец, это номер символа слева. Вообщем доверять всем этим валидаторам, иногда тоже не стоит, если вы уверены, что у вас всё валидно, то и оставляйте как есть.
  • 0

robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
BLIK BLIK 1-й за Июль
Очков активности: 81 0 тем, 27 сообщений, 2 балла репутации
ТОП самых активных за этот месяц
  • Фотография sws
    #1

    sws
    Очков активности: 6 0 тем, 4 сообщения, 1 балл репутации

  • Фотография Chaser
    #2

    Chaser (majento.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография 2kwkw
    #3

    2kwkw
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография DeHuC_64
    #4

    DeHuC_64 (russiangreat.ru)
    Очков активности: 1.5 Вне конкурса за определение пользователя месяца

  • Фотография itservice
    #5

    itservice (wpgrabber-tune.blogspot.com)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография AoneZet
    #6

    AoneZet
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография albedo
    #7

    albedo (online24news.ru)
    Очков активности: 1.5 Вне конкурса за определение пользователя месяца

  • Фотография Good_Job
    #8

    Good_Job (vse-o-pozitive.ru)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография zyzy
    #9

    zyzy
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru