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