Скользящая «выпадающая» навигация - что мне использовать? Как мне реализовать? JQuery?

Question

Я новичок в Javascript и jQuery, но я учусь. Вот что я хотел бы сделать:

У меня есть ряд навигационных «выпадающих» вкладок, которые я хотел бы анимировать. Некоторые ползунки будут иметь текстовые ссылки на подстраницы, а некоторые - нет. Нижняя часть вкладки должна быть интерактивной, чтобы перейти на главную страницу. Тогда подстраница, текстовые ссылки также должны быть кликабельными.

Вот графический пример, который должен иметь смысл того, что я хотел бы сделать: http://lionheart.net/downloads/nav-example.png

Наведите курсор мыши, чтобы скользить вниз. Мышь через секунду должна автоматически скользить вверх.

Я бы предпочел, чтобы это был div, скользящий вверх и вниз.

Возможно ли это с помощью jQuery или чего-то еще? Большое спасибо за любую помощь, вы можете дать мне!

Answer 1

Поскольку у вас нет jQuery или JS, я бы предложил начать с Google (например, с этот запрос ). Вы найдете много хитов (попробуйте первый), которые представляют множество динамических меню и включают в себя как живые демонстрации, так и учебные пособия.

Выберите тот, который выглядит правым визуально и по функциям, затем следуйте соответствующему параграфу. Если у вас есть проблемы, вернитесь в SO с более конкретными вопросами.

Answer 2

Если вам не нужна анимация, вы можете создавать выпадающие меню только с помощью CSS, и они даже перейдут в простые вложенные списки, если браузер не поддерживает их. Один пример на http://www.designmeme.com/tutorials/csspulldownmenus/. Я могу опубликовать CSS и HTML, которые я использую, если вам интересно; просто комментарий ниже.

Answer 3

Работает нормально на самом jquery. Если вы используете jquery, я думаю, что у вас могут возникнуть проблемы с назначением jquery с id. Если вы используете идентификатор, он работал только на одной странице.

Пожалуйста, используйте класс в jquery для использования всех страниц. Вместо # используя в ID, используйте. в классе.