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



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

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

Отправлено 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-й за Ноябрь
Очков активности: 672 0 тем, 32 сообщения, 14 баллов репутации
ТОП самых активных за этот месяц
  • Фотография BLIK
    #1

    BLIK
    Очков активности: 63 Вне конкурса за определение пользователя месяца

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

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

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

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

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

    kolver
    Очков активности: 15 1 тема, 7 сообщений, 1 балл репутации

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

    HITMAN84
    Очков активности: 7.5 1 тема, 2 сообщения, 1 балл репутации

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

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

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

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

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

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

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

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

  • Фотография MattCutts
    #10

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

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2019
  • Яндекс выдача: 04.12.2019
Топ 5 участников по репутации

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