Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-06-21
一款带有左右箭头控制的jQuery入职经历水平时间轴历程代码,简单横向时间轴样式,鼠标悬停变色高亮显示。

上海快3开奖号码今天 www.y44gu.cn

js代码

<script type="text/javascript">
	
	$(function() {
		
		var timeLength = $('.time-box li').length,
			timeliWidth = $('.time-box li').outerWidth();
		
		var index = 0;
		
		$('.time-box ul').width(timeLength * timeliWidth);
		
		function slideOne(i) {
			var scrollVal = 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>

  • 菜鸟世界杯送出50吨包裹 荷兰成国旗最大购买地菜鸟世界杯送出50吨包裹荷兰成国旗最大购买地-手机行情 2019-05-23
  • 回复@看着就想笑,不要以你现在满脑子的资产阶级的思想去度量共产主义社会人们的思想。呵呵! 2019-05-23
  • 第五次北京市残疾人事业工作会议 暨自强与扶残助残表彰大会 2019-05-04
  • 【每日最陕西】NO.1449 西安幼升小反映问题是去年近3倍 上学难层出不穷 2019-04-12
  • 荷你有约!九江武宁澧溪镇数百亩荷花竞相绽放(组图) 2019-03-14
  • 又一国家对中国游客实行落地签 有你意想不到的五星级野奢体验 2019-03-12
  • 银保监会新规剑指大企业多头融资和过度融资 2019-03-12
  • 愿赌服输!炒股赚了没见你们给大家分点? 2019-03-10
  • 聚焦第二届世界智能大会 来天津拥抱智能时代--天津频道--人民网 2019-03-10
  • 全国政协十三届一次会议新闻中心 2019-03-01
  • 墨西哥地震与球队进球民众跳跃啥关系?专家:无关 2018-07-14
  • 视频:16小时长效持妆 测YSL墨水气垫限量版 2018-07-14
  • 城口修齐镇开展污水处理厂(站)运行管理工作检查 2018-07-13
  • 做强茶企 告别“大而不强” 2018-07-13
  • 【理上网来辉煌十九大】美国学者关注十九大报告:中国将形成新的共识继续推进改革 2018-07-12
  • 506| 352| 814| 325| 531| 821| 512| 959| 498| 848|