- PVSM.RU - https://www.pvsm.ru -
Под катом сам плагин и немного о концепции.
Для меню создается его клон облаченный в контейнер.
При наведении пользователем на элемент меню, позиция контейнера смещается на этот элемент, и внутренний контент так же прокручивается к этому элементу.
Благодаря этому и достигается нужный эффект.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"
type="text/javascript"></script>
<script src="js/inji_inversion_menu.js" type="text/javascript"></script>
<script>
$(function() {
$( '.menu' ).inji_inversion_menu({bg:'#444',font:'#fff'});
});
</script>
options = {
bg: '#000', // бэкграунд
font: '#fff', // цвет шрифта
activeclass: 'active', //класс активного элемента
cloneclass: 'inji_inversion_menu_clone', // класс клона меню
navcursorclass: 'inji_inversion_menu_navcursor' // класс курсора
}
Демо [1]
Архив с плагином [2]
буду признателен за конструктивные замечания и предложения по улучшению
Автор: Snickersmix
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/13412
Ссылки в тексте:
[1] Демо: http://inji.ru/inversion_menu
[2] Архив с плагином: http://inji.ru/static/inversionmenu/demo.zip
Нажмите здесь для печати.