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>
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
下一篇：jQuery满屏自动轮播焦点图
焦点图下载排行
-
2017-03-24
-
2019-06-28
-
2014-03-13
-
2018-07-11
-
2015-02-05
-
2017-03-24
-
2013-08-27
-
2017-03-24
最新文章
-
JQuery手风琴式相册图片特效是一款只需点击图片缩略图即可展开当前的图片
2022-03-15
-
-
Jquery带进度条提示焦点图是一款带进度条提示的图片淡出淡进切换效果代码
2022-03-15
-
2019-06-28
-
2018-07-11
-
2018-05-14
-
2017-03-24
-
2017-03-24
热门源码
