引入jquery和silder插件

<script src='http://libs.itshubao.com/jquery/1.8.3/jquery.min.js'></script>
<script src='js/slides.jquery.js'></script>

$(function(){

	$(".banner-list li").width($(window).width());
	
	$('#banner-box').slides({
		generateNextPrev: false,
		generatePagination:false,
		paginationClass:"banner-nav",
		container: 'banner-list',
		play: 10000,
		pause:6000,
		effect:"fade",
		slideEasing:"easeInOutQuart",
		slidesLoaded: function() {
		},
		animationStart: function(current){
		$('.t-d').animate({
			top:100,left:0
		});
		$('.animate-img').animate({top:50,right:0});

	},
		animationComplete: function(current){
			$('.t-d').animate({top:100,left:20});
			$('.animate-img').animate({top:50,right:50});
		}
	});

});