jQuery入职经历水平时间轴历程代码

一款带有左右箭头控制的jQuery入职经历水平时间轴历程代码，简单横向时间轴样式，鼠标悬停变色高亮显示。

js代码
<scripttype="text/javascript">

$(function(){

vartimeLength=$('.time-boxli').length,
timeliWidth=$('.time-boxli').outerWidth();

varindex=0;

$('.time-boxul').width(timeLength*timeliWidth);

functionslideOne(i){
varscrollVal=i*timeliWidth;//每次切换的数量
$('.time-box').stop().animate({
scrollLeft:scrollVal
},300);
}

$('.right-btn').click(function(){
index=index>=(timeLength-4)?0:index+1;
slideOne(index);
})

$('.left-btn').click(function(){
index=index<=0?(timeLength-4):index-1;
slideOne(index);
})

})

</script>



下载

2023-11-22 21:15 上传

点击文件名下载附件
售价: 2 金币  [记录]  [购买]