jQuery仿百度百家首页焦点图jQuery仿百度百家首页焦点图是一款百度百家首页新闻焦点图切换效果jquery代码。jquery左右箭头图片切换焦点图 所属专题：焦点图代码
<script type="text/javascript">
$(function (){
var slid = $('ul.slide_box li'),controls = $('ul.bx-controls a');
slid.addClass('none');
slid.eq(0).removeClass('none');
var slideindex = 0;
function switchi() {
if(slideindex == slid.length - 1){
slideindex = 0;
}else {
slideindex = slideindex + 1;
}
slid.addClass('none');
slid.eq(slideindex).removeClass('none');
controls.removeClass('actives');
controls.eq(slideindex).addClass('actives');
}
var timer = setInterval(switchi, 3000);
function options(indexs) {
slid.addClass('none');
slid.eq(indexs).removeClass('none');
controls.removeClass('actives');
controls.eq(indexs).addClass('actives');
}
$('a.options').click(function(){
var drec = $(this).data('drec');
if(drec == 'pre') {
if(slideindex == 0) {
slideindex = 3;
}else {
slideindex = slideindex - 1;
}
}else {
if(slideindex == 3) {
slideindex = 0;
}else {
slideindex = slideindex + 1;
}
}
clearInterval(timer);
options(slideindex);
timer = setInterval(switchi, 3000);
});
$('ul.bx-controls li').hover(function(){
slideindex = $(this).index();
clearInterval(timer);
options(slideindex);
},function(){
timer = setInterval(switchi, 3000);
});
})
</script>
jQuery仿百度百家首页焦点图由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jiaodiantu/10933.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
下一篇：jQuery满屏自动轮播焦点图