首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

新手,jquery代码简写

2013-01-04 
新手求助,jquery代码简写$(.abc:eq(0)).click(function(){$(body,html).animate({scrollTop:40},800)}

新手求助,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) }); ");
            }
        }

热点排行