/ パネルリンクをクリックしないでマウスオーバーで動作する/ jqueryスクローラ - jquery、jquery-plugins

パネルリンクをクリックしないでマウス上で動作するjquery scrollers - jquery、jquery-plugins

私はjcarouselに似たスクローラを探していますが、外部リンクのクリックではなくマウスのパネルを変更するものを探しています。

例えば

main nav = home - 会社概要 - サービス

家の上にマウスオーバーするとホームパネルなどにスクロールします。

誰でも私がダウンロードできるものを知っている

回答:

回答№1は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() そしてマウスオーバーのためのちょっとした切り替えを追加する - それはすでにアニメーションをサポートしている、 例を見てください