读书人

找JS高人帮忙解释一下 一段10行左右的

发布时间: 2013-12-06 17:56:43 作者: rapoo

找JS高人帮忙解释一下 一段10行左右的JS代码. 谢谢~
请高手帮忙解释一些这段JS代码:希望能够把每一行都解释清楚点`` 谢谢了~

分不多 别嫌弃~ 谢谢``

JS:
function scrollToptj(){
var dstime;
var tjtop=parseInt($('#J_BnImgstj table').css('margin-top'));
if(Math.abs(tjtop)>32){
$('#J_BnImgstj tr:last').after('<tr>'+$('#J_BnImgstj tr:first').html()+'</tr>');$('#J_BnImgstj tr:first').remove();$('#J_BnImgstj table').css('margin-top','-1px');
}else{$('#J_BnImgstj table').css('margin-top',(tjtop-1)+'px');
}
dstime=setTimeout('scrollToptj()',50);
}

HTML:

<div class="erdengjiang" id="J_BnImgsyj">
<p class="jiangpin_dengji dengji_yb">二等奖中奖用户:<span>20名</span><em></em></p>
<!--列表-->
<div class="gundong_quyu">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="margin-top:0px;">
<tbody>
<tr><td><span class="zjry">王XX</span><span>手机号码:150****9040</span><span>菏泽市</span></td>
<td><span class="zjry">王XX</span><span>手机号码:150****9040</span><span>菏泽市</span></td>
<td><span class="zjry">王XX</span><span>手机号码:150****9040</span><span>菏泽市</span></td></tr>
<tr><td><span class="zjry">王XX</span><span>手机号码:150****9040</span><span>菏泽市</span></td>
<td><span class="zjry">王XX</span><span>手机号码:150****9040</span><span>菏泽市</span></td>
<td><span class="zjry">王XX</span><span>手机号码:150****9040</span><span>菏泽市</span></td></tr>
</tbody>
</table>
</div>
</div>
[解决办法]
function scrollToptj(){
var dstime;
var tjtop=parseInt($('#J_BnImgstj table').css('margin-top')); //获取id为J_BnImgstj下面的Table的上边距 ,转换为整数
if(Math.abs(tjtop)>32){ // r如果上边距的绝对值>32
$('#J_BnImgstj tr:last').after('<tr>'+$('#J_BnImgstj tr:first').html()+'</tr>');//在table的最后一行追加一行Tr
$('#J_BnImgstj tr:first').remove(); //把Table的第一行删除掉
$('#J_BnImgstj table').css('margin-top','-1px'); //设置外侧上边距为-1px;
}else{// table的上边距绝对值小于32

$('#J_BnImgstj table').css('margin-top',(tjtop-1)+'px'); //设置Table的上边距为当前上边距-1px
}
dstime=setTimeout('scrollToptj()',50); //50毫秒执行一次。只执行一次,调用上面的方法
} //这个是多出来的吧


建议看看那JQUERY。
[解决办法]



function scrollToptj(){
var dstime;
var tjtop=parseInt($('#J_BnImgstj table').css('margin-top'));// 获得表格的上边外边距
if(Math.abs(tjtop)>32){//如果该边距绝对值小于32
$('#J_BnImgstj tr:last').after('<tr>'+$('#J_BnImgstj tr:first').html()+'</tr>');//把第一行的tr标签的插入到最后一行tr的后面
$('#J_BnImgstj tr:first').remove();//然后删除第一行(以上两句代码综合起来就是说把第一行移到最后一行)


$('#J_BnImgstj table').css('margin-top','-1px');//修改表格的上外边距成 -1px
}else{$('#J_BnImgstj table').css('margin-top',(tjtop-1)+'px');//如果上边距绝对值《=32 那么吧下边距 -1
}
dstime=setTimeout('scrollToptj()',50);//隔50毫秒重新执行一下该函数。
}



综上我看不出来这个代码想干嘛

读书人网 >JavaScript

热点推荐