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



Скрипт вертикального меню на 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


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

Пользователь месяца
FIvYUr FIvYUr 1-й за Декабрь
Очков активности: 2 062 0 тем, 125 сообщений, 11 баллов репутации
Сайт: moy-evroopt.ru
ТОП самых активных за этот месяц
  • Фотография albedo
    #1

    albedo (online24news.ru)
    Очков активности: 810 5 тем, 75 сообщений, 6 баллов репутации

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

    Totti
    Очков активности: 684 2 темы, 32 сообщения, 12 баллов репутации

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

    Bilish
    Очков активности: 147 20 тем, 38 сообщений, 1 балл репутации

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 126 0 тем, 14 сообщений, 6 баллов репутации

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

    Santey
    Очков активности: 93 13 тем, 23 сообщения, 1 балл репутации

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

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

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

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

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

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

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

    Megoydagi (24ho.ru)
    Очков активности: 34.5 3 темы, 14 сообщений, 1 балл репутации

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

    FIvYUr (moy-evroopt.ru)
    Очков активности: 24 Вне конкурса за определение пользователя месяца

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

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