Javascript 编写这个jQuery函数的更好方法是什么?
基本上,我正试图删减一些代码,但我不知道如何做到这一点,我有9个DIV的位置都在不同的绝对点。它们都是灰色的,但当悬停在悬停的DIV上时,该DIV将淡出,相应的DIV将淡入。有没有更好的方法写这个Javascript 编写这个jQuery函数的更好方法是什么?,javascript,jquery,function,Javascript,Jquery,Function,基本上,我正试图删减一些代码,但我不知道如何做到这一点,我有9个DIV的位置都在不同的绝对点。它们都是灰色的,但当悬停在悬停的DIV上时,该DIV将淡出,相应的DIV将淡入。有没有更好的方法写这个 $('#l1').hover(function () { $(this).fadeOut('300'); $('#l1c').fadeIn('300') }); $('#l2').hover(function () { $(this).fadeOut('300'); $
$('#l1').hover(function () {
$(this).fadeOut('300');
$('#l1c').fadeIn('300')
});
$('#l2').hover(function () {
$(this).fadeOut('300');
$('#l2c').fadeIn('300')
});
$('#l3').hover(function () {
$(this).fadeOut('300');
$('#l3c').fadeIn('300')
});
$('#l4').hover(function () {
$(this).fadeOut('300');
$('#l4c').fadeIn('300')
});
$('#l5').hover(function () {
$(this).fadeOut('300');
$('#l5c').fadeIn('300')
});
$('#l6').hover(function () {
$(this).fadeOut('300');
$('#l6c').fadeIn('300')
});
$('#l7').hover(function () {
$(this).fadeOut('300');
$('#l7c').fadeIn('300')
});
$('#l7').hover(function () {
$(this).fadeOut('300');
$('#l7c').fadeIn('300')
});
$('#l1c').mouseout(function () {
$(this).fadeOut('300');
$('#l1').fadeIn('300')
});
$('#l2c').mouseout(function () {
$(this).fadeOut('300');
$('#l2').fadeIn('300')
});
$('#l3c').mouseout(function () {
$(this).fadeOut('300');
$('#l3').fadeIn('300')
});
$('#l4c').mouseout(function () {
$(this).fadeOut('300');
$('#l4').fadeIn('300')
});
$('#l5c').mouseout(function () {
$(this).fadeOut('300');
$('#l5').fadeIn('300')
});
$('#l6c').mouseout(function () {
$(this).fadeOut('300');
$('#l6').fadeIn('300')
});
$('#l7c').mouseout(function () {
$(this).fadeOut('300');
$('#l7').fadeIn('300')
});
您可以为这两种类型的div添加两个类。例如:对于#l1到#l7,添加class“.ln”;对于#l1c到#l7c,添加类“.lnc”,然后使用以下代码:
$(".ln").live("hover", function(){
$(this).fadeOut('300');
$("#" + $(this).attr("id") + "c").fadeIn(300);
};
$(".lnc").live("mouseout", function(){
var id = $(this).attr("id");
$(this).fadeOut('300');
$("#" + id.substring(0, id.length - 1)).fadeIn(300);
};
可以为这两种类型的div添加两个类吗?你会看到一个重复的模式:///So俱乐部。请考虑<代码>这个。ID <代码> >代码> $(这个)。
$(".ln").live("hover", function(){
$(this).fadeOut('300');
$("#" + $(this).attr("id") + "c").fadeIn(300);
};
$(".lnc").live("mouseout", function(){
var id = $(this).attr("id");
$(this).fadeOut('300');
$("#" + id.substring(0, id.length - 1)).fadeIn(300);
};