Меню навигации - идеи?

голоса
0

В настоящее время я преподаю сам создавать сайты - именно этот сайт для этого бизнеса у меня есть. Я использую Dreamweaver CS3, чтобы сделать это.

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

Так, например, один раздел Алкоголь. Когда пользователь помещает их мышью над «спиртовым» изображением, меню падает вниз внизу, чтобы показать подразделы, например, дух, пиво и т.д.

После выполнения некоторых исследований, я не могу вполне решить, что лучший способ сделать это. В то время как обучение Dreamweaver, я пришел через Spry меню, который я думал, будет делать эту работу. Но я и сейчас узнал о всплывающем меню в Fireworks CS3 (который я также иметь в своем распоряжении для меня).

Я действительно ищу некоторые другие мнения по этому вопросу и был бы признательна за любые рекомендации относительно оптимального маршрута, чтобы взять с собой это.

Благодарю.

Задан 11/07/2009 в 13:32
источник пользователем
На других языках...                            


4 ответов

голоса
0

Дайте http://www.alistapart.com/ попробовать. Замечательная страница с большим количеством хороших уроков. http://www.alistapart.com/articles/horizdropdowns/ , например , показывает, как использовать список и CSS для создания горизонтального меню. Может быть хорошей отправной точкой для вас проекта.

Dreamweaver действительно хороший инструмент для получения быстрых результатов. Но если вы заинтересованы в обучении , реализующие веб - сайтов , чем лучше пачкать руки. Возьмем, например , учебники из http://www.w3schools.com/ и хороший редактор по вашему выбору и создать свой сайт или интересный проект с нуля. В долгосрочной перспективе эти инвестиции будут платить из.

Ответил 12/07/2009 в 22:56
источник пользователем

голоса
0

Я хотел бы узнать , чистое меню CSS, а затем для более расширенной функциональности, использовать JQuery плагин , как Superfish

На сайте я впервые узнал меню CSS от был CSSplay . Этот же парень также имеет более новый сайт , направленный только в меню CSS .

Я бы сказал , собирается хотя исходный код некоторых из тех , кто будет учить вас много, но в конечном счете , я бы рекомендовал использовать Superfish или какой - либо другой плагин JQuery для более удобных меню, особенно для задержки на отведении указателя мыши. Отсутствие MouseOut задержки может сделать большинство меню CSS полностью непригодным для использования.

Ответил 12/07/2009 в 14:47
источник пользователем

голоса
0

Я бы предпочел меню обучения CSS вместо того , чтобы он генерировал с помощью Dreamweaver. Вы можете попробовать этот .

Ответил 11/07/2009 в 13:45
источник пользователем

голоса
0

Во-первых, не следует использовать фрагменты встроенных в Dreamweaver. Они ужасны.

Использование JavaScript, может быть, даже JS рамки, как JQuery. Он предлагает функцию переключения () для такого рода ситуаций.

В общем, вы должны применить функцию JS для наведения курсора мыши на изображение. Эта функция показывает или скрывает ДИВ (ваш выпадающий). Вы можете достичь, не устанавливая отображения параметров CSS: нет (скрытый) или дисплей: блок (видимый).

Пример, показывающий DIV:

<a href="#" onmouseover="show("menu-1")" onmouseout="hide("menu-1")">My menu 1</a>

<div id="menu-1">
    <ul>
        <li>Alcohol</li>
        <li>Spirit</li>
    </ul>
</div>

А некоторые JavaScript:

function show(myid)
{
    document.getElementById(myid).style.display = "block";
}

function hide(myid)
{
    document.getElementById(myid).style.display = "none";
}

Я сделал, что в спешке, так что это не идеальный.

Ответил 11/07/2009 в 13:43
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more