在我们编程的过程中,往往需要在一个方法执行完成之后,在执行另外的事件。在这个函数执行完之后,调用另外一个函数是一个不错的方法,并且此时可以把函数1里面的执行结果,或者某个参数,当作实参,传递给第二个函数。顺便还解决了闭包的问题。
下面是用jquery写得一个demo,大家可以参考参考
`
结构部分重点内容
<div id="banner">
<ul>
<li><img src="images/f12.jpg" alt="" width="1920px" height="400px"/></li>
<li><img src="images/f2.jpg" alt="" width="1920px" height="400px"/></li>
<li><img src="images/f3.jpg" alt="" width="1920px" height="400px"/></li>
<li><img src="images/f6.jpg" alt="" width="1920px" height="400px"/></li>
</ul>
</div>
<input type="button" value="left" class="left"/>
<input type="button" value="right" class="right"/>
jquery部分重点内容
<script>
$(function () {
$('.right').click(function () {
$("#banner ul").animate({marginLeft:"-800px"},600, function () {
$("#banner ul>li").eq(0).appendTo($("#banner ul"));
$("#banner ul").css('marginLeft','0px');
});
})
$('.left').click(function () {
$("#banner ul").css('marginLeft','-800px');
$("#banner ul>li").eq(3).prependTo($("#banner ul"));
$("#banner ul").animate({marginLeft:"0px"},600);
})
})
</script>
当然代码都很简单,纯属原创思路。
`