Question

这段JS代码如何优化？

function mouse_over() {
$(document).ready(function () {
$("#s1").hover(function () {
timer = setTimeout(function () {
$(".abstract1").show("slow");
}, 700)
}, function () {
$(".abstract1").hide("slow");
clearTimeout(timer);
});

$("#s2" ).hover(function () {
timer = setTimeout(function () {
$(".abstract2").show("slow");
}, 700)
},function () {
$(".abstract2").hide("slow");
clearTimeout(timer);
});

$("#s3" ).hover(function () {
timer = setTimeout(function () {
$(".abstract3").show("slow");
}, 700)
},function () {
$(".abstract3").hide("slow");
clearTimeout(timer);
});

$("#s4" ).hover(function () {
timer = setTimeout(function () {
$(".abstract4").show("slow");
}, 700)
},function () {
$(".abstract4").hide("slow");
clearTimeout(timer);
});

$("#s5" ).hover(function () {
timer = setTimeout(function () {
$(".abstract5").show("slow");
}, 700)
},function () {
$(".abstract5").hide("slow");
clearTimeout(timer);
});

$("#s6" ).hover(function () {
timer = setTimeout(function () {
$(".abstract6").show("slow");
}, 700)
},function () {
$(".abstract6").hide("slow");
clearTimeout(timer);
});

$("#s7" ).hover(function () {
timer = setTimeout(function () {
$(".abstract7").show("slow");
}, 700)
},function () {
$(".abstract7").hide("slow");
clearTimeout(timer);
});

});
}

Answer 1

建议你把相同的方法变成一个方法放在一个判断方法里面，把数字换成未知数n或i，通过获取元素属性提取数字出来，再赋值在n或i，再执行方法，就可以达到相同的效果，达到优化代码的目的。

Answer 2

你先告诉我这段代码是干嘛的。