Jquery鼠过>淡in/out//单>透明度的100%//其他的点击->60透明度
题
Iam工作的网站上有能力和缩略图。
当该网页载的所有缩略必须以对60%的透明度。只要你去用你的小鼠在一个拇指也需要消失的100%,如果你移动你的小鼠出的缩略需要褪色的回了60%的透明度。
当用户击它的缩略必须留在100%的透明度。尽快户击的另一个缩略"老"的缩略已经消失回到60%和"新的"一个必须保持在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, Bas
解决方案
$(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