<div class=”news”>
<div class=”img_box”> <a title=”” href=”” target=”_blank” style=”display: none;”><img width=”380″ height=”290″ src=””></a> <a title=”” href=”” target=”_blank” style=”display: none;”><img width=”380″ height=”290″ src=””></a> </div>
<div class=”gaol”>
<p class=”check”> <a href=”javascript:;” class=””>1</a> <a href=”javascript:;” class=””>2</a> </p>
</div>
<div class=”title_box”> <a title=”” href=”” target=”_blank” >新闻标题</a> </div>
</div>
<script>
$(function(){
$(‘.img_box a’).eq(0).show();
$(‘.check a’).eq(0).addClass(‘dd’);
$(‘.title_box a’).eq(0).show();
var num = 1;
var timer;
$(‘.check a’).click(function(){
$(this).addClass(‘dd’).siblings().removeClass(‘dd’);
$(‘.img_box a’).eq($(this).index()).fadeIn().siblings().hide();
$(‘.title_box a’).eq($(this).index()).fadeIn().siblings().hide();
num = $(this).index()+1;
})
function autoplay(){
if(num >= 5){
num = 0;
}
$(‘.check a’).eq(num).addClass(‘dd’).siblings().removeClass(‘dd’);
$(‘.img_box a’).eq(num).fadeIn().siblings().hide();
$(‘.title_box a’).eq(num).fadeIn().siblings().hide();
num++;

}
timer = setInterval(autoplay,3000)
$(‘.index_banner a’).mouseover(function(){
clearInterval(timer);
}).mouseout(function(){
timer = setInterval(autoplay,3000)
})
})
</script>