Это не так сложно.
Создайте меню в элементе <ul>
, как это принято сегодня. Создайте стиль, который называется hover, с рамкой, чтобы имитировать блики. Установите класс по умолчанию для последнего элемента (стиль при отображении страницы), чтобы он имел границу. Все остальное просто нормально для начинающих. Помните, что при работе со стилями вы можете «складывать» классы, такие как:
<element class="firstclass hover otherclass">
Теперь создайте действие при наведении:
$("li").hover(function () {
$(elementtoputborderon).addClass("hover");
},
function () {
$(this).removeClass("hover");
})
И для той части, где он выключается:
$("#idofcontactbtn").hover(function () {
$('#idoflastelement').removeClass("hover");
},
function () {
$('#idoflastelement').addClass("hover");
})
Чтобы получить эффект "затухания" на последнем элементе, вы можете попробовать что-то вроде этого:
$('#lastitem').hover(function() {
$(this).toggleClass('pretty-hover', 500);
});