Question

找人解释一段jquery代码

下面是一段幻灯片代码 带虚线的那两行代码什么意思？
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find--------------("li:first").appendTo(this); ----------------
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',1000)
});
CSS:
ul,li{margin:0;padding:0}
#scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}
--></mce:style><style type="text/css" mce_bogus="1">ul,li{margin:0;padding:0}
#scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}

Jquery:
<mce:script type="text/javascript"><!--
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',1000)
});
// --></mce:script>

HTML:
<div id="scrollDiv">
<ul>
<li>这是公告标题的第一行</li>
<li>这是公告标题的第二行</li>
</ul>

Answer 1

$(this).css(),$(this).find//都是返回被操作对象
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);//只是省略的写法 实际上的操作相当于下列代码
$(this).css({marginTop:"0px"});//设置$(this).find("li:first")的css margin-top属性
$(this).find("li:first").appendTo(this);//将第一个li放到$(obj).find("ul:first")中

Answer 2

设置第一个标签为li的CSS属性的代码