25 сентября 2008
Реализация меню с помощью списка (form)
Вчера мы изучали, как с помощью CSS и JQuery из простых форм сделать что-то красивое. Если пока не нашли применения, держите пример реализации меню в виде списка (но не методами CSS и тэгов <li>…</li> - как было бы желательно для seo-оптимизации, а с помощью form).
Такая реализация удобна в том случае, если у вас на сайте мало места. Подобные списки можно увидеть в “подвалах”, когда хотят продублировать слишком большое меню. Голь на выдумки хитра, как говорится:)
Делается это так:
<HTML>
<HEAD>
<TITLE>Реализация меню с помощью списка (form)</TITLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript>
function pulldown_menu()
{
var url =
document.pulldown.selectname.options
[document.pulldown.selectname.selectedIndex].value
window.location.href = url
}
</SCRIPT>
<CENTER>
<FORM name=pulldown>
<SELECT onchange=pulldown_menu() size=1 name=selectname>
<OPTION value="" selected>Куда пойдем?</OPTION>
<OPTION value=http://www.google.ru>Google.ru</OPTION>
<OPTION value=http://www.art-shok.ru>Art-Shok.ru</OPTION>
<OPTION value=http://del.icio.us/>Del.icio.us</OPTION>
<OPTION value=http://digg.com/>Digg.com</OPTION>
</SELECT>
</FORM>
</CENTER>
</BODY></HTML>
Дальше смотри как это можно преобразить с помощью CSS и jQuery, и стилизуем свою форму.
Привет, пока нет комментариев, будь первым!