简单的轮播图效果

html
<title>
<script src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
</title>

<div class="banner">
<a class="ima"><img class="ma" src=""></a>
</div>

css
*,div{
margin: 0px;
padding: 0px;
}
img{
border: none;
width: 100%;
}
.banner{
width: 90%;
margin:50px auto 200px;
}

js

$(document).ready(function(){

var src='image/';

var num=0;

lunbo();

function lunbo(){

if(num> a.length-1){

num=0;

};

$('.banner .ima img').attr('src',src+a[num]);

num++;

}

var time=setInterval(lunbo,1000);

$('.banner .ima img').mouseover(function(){

clearInterval(time);

}).mouseout(function(){time=setInterval(lunbo,1000)})

})