读书人

新手jquery代码简写

发布时间: 2013-01-04 10:04:13 作者: rapoo

新手求助,jquery代码简写

$('.abc:eq(0)').click(function(){
$('body,html').animate({scrollTop:40},800)});
$('.abc:eq(1)').click(function(){
$('body,html').animate({scrollTop:95},800)});
$('.abc:eq(2)').click(function(){
$('body,html').animate({scrollTop:150},800)});
$('.abc:eq(3)').click(function(){
$('body,html').animate({scrollTop:205},800)});
$('.abc:eq(4)').click(function(){
$('body,html').animate({scrollTop:260},800)});
$('.abc:eq(5)').click(function(){
$('body,html').animate({scrollTop:315},800)});
$('.abc:eq(6)').click(function(){
$('body,html').animate({scrollTop:370},800)});
$('.abc:eq(7)').click(function(){
$('body,html').animate({scrollTop:425},800)});
$('.abc:eq(8)').click(function(){
$('body,html').animate({scrollTop:480},800)});
$('.abc:eq(9)').click(function(){
$('body,html').animate({scrollTop:535},800)});


如何用最简洁的方式表达?
[解决办法]


function() {
for (var i = 0; i <= 9; i++) {
eval("$('.abc:eq("+i+")').click(function() { $('body,html').animate({ scrollTop: "+(40+55*i)+" }, 800) }); ");
}
}

读书人网 >JavaScript

热点推荐