jqueryの - マウスオーバー - >フェードイン/アウト//クリックで - >不透明度100%//他のクリック - >不透明度60
質問
jQueryとサムネイルとウェブサイト上で作業
Iamは。
ページがロードされると、すべてのサムネイルは、不透明度の60%にする必要があります。あなたは、サムネイルからマウスで移動した場合とすぐに、それは100%にフェードインする必要が親指の上にマウスを使って行くように、不透明度の60%にまで戻ってフェードインする必要があります。
ユーザーがサムネイルをクリックすると、それは不透明度を100%に滞在する必要があります。すぐに別のサムネイル上のユーザーのクリックなど「古い」のサムネイルが戻って60%にフェードしており、「新しい」1は100%に滞在しています。 (あなたはそれの上にマウスで行くので、それはすでに100%の不透明度を持っている)。
このコードは、私がこれまで持っています。
$(window).bind("load", function() {
$("#mycarousel li").fadeTo(1, 0.6);
$("#mycarousel li").hover(function(){
$(this).fadeTo(350, 1.0);
$(this).addClass('Active');
},function(){
$("this:not('.Active')").fadeTo(350, 0.6);
});
});
任意の助けいただければ幸います。
Greatings、 バ
解決
$(window).bind("load", function() {
var activeOpacity = 1.0,
inactiveOpacity = 0.6,
fadeTime = 350,
clickedClass = "selected",
thumbs = "#mycarousel li";
$(thumbs).fadeTo(1, inactiveOpacity);
$(thumbs).hover(
function(){
$(this).fadeTo(fadeTime, activeOpacity);
},
function(){
// Only fade out if the user hasn't clicked the thumb
if(!$(this).hasClass(clickedClass)) {
$(this).fadeTo(fadeTime, inactiveOpacity);
}
});
$(thumbs).click(function() {
// Remove selected class from any elements other than this
var previous = $(thumbs + '.' + clickedClass).eq();
var clicked = $(this);
if(clicked !== previous) {
previous.removeClass(clickedClass);
}
clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
});
});
所属していません StackOverflow