jquery скроллеры, которые работают при наведении курсора мыши на ссылки панели

Question

Я ищу скроллер, похожий на jcarousel, но который меняет панели при наведении мыши, а не по щелчку внешних ссылок

например,

main nav = home - about - services

при наведении курсора на домашнюю панель и т. Д.

кто-нибудь знает, что я могу скачать

Answer 1

Вы можете использовать только jcarousel, он добавляет следующие и предыдущие значки и дает им класс jcarousel-next и jcarousel-prev, вы можете добавить .mouseover()проверьте, чтобы значок не был отключен, проверив класс jcarousel-next-disabled, а затем выстрелив .click() в предмет, над которым вы наводите курсор.

$(document).ready(function(){
    $('#mycarousel').jcarousel();

    $('.jcarousel-next').mouseover(function(){
        if(!$(this).hasClass("jcarousel-next-disabled"))
            $(this).click();
    });

    $('.jcarousel-prev').mouseover(function(){
        if(!jQuery(this).hasClass("jcarousel-prev-disabled"))
            $(this).click();
    });
});

См. Простой рабочий пример здесь

---

Если вам действительно нужны данные, отображаемые на панели, например страницы, существует множество примеров: Анимированное содержимое с вкладкамис jQuery посмотрите, как он работает здесь

В качестве альтернативы вы можете использовать jQuery UI .tabs() и добавить небольшой переключатель для наведения мыши - он уже поддерживаетанимации см. пример