精华内容
下载资源
问答
  • 企业发展历程图
    2022-04-26 00:13:04

    大家好,今天给大家介绍一款,JavaScript实现的适合在企业网站展示企业发展历程的滑动特效源码(图1)。送给大家哦,获取方式在本文末尾。

    图1

    可以用鼠标左右滑动查看,也可以点击左右按钮查看(图2)

    图2

    源码完整,需要的朋友可以下载学习(图3)

    图3

    本源码编码:10141,需要的朋友,关注文末公众号,搜索10141,即可获取。

    部分代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>公司发展历程特效</title>
    
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <link rel="stylesheet" type="text/css" href="static/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/iconfont.css">
    
    </head>
    <body>
    
    <div class="about-main2" style="background-image: url(static/image/lc_bg.jpg);">
    	<div class="licheng-bg">
    		<img src="static/picture/lc-quxian.png" class="quxian">
    		<div class="warper pr">
    			<div class="ny-title">
    				<h3 class="title-en">DEVELOPMENT</h3>
    				<h4 class="title-ch">发展历程</h4>
    				<i></i>
    			</div>
    			<div class="licheng-content swiper-container">
    				<div class="swiper-wrapper">
    					<div class="swiper-slide">
    						<ul class="clearfix">
    							<li class="item1">
    								<a class="clearfix">
    									<div class="lc-left">
    										<i class="line"></i> <span class="date">1995</span>
    									</div>
    									<div class="lc-right">
    										<div class="right-text">
    											<h3>公司成立</h3>
    											<p>1995年12月14日,某某某有限公司成立。</p>
    										</div>
    									</div>
    								</a>
    							</li>
    							<li class="item2">
    								<a class="clearfix">
    									<div class="lc-left">
    										<span class="date">2011</span>
    										<i class="line"></i> </div>
    									<div class="lc-right">
    										<div class="right-text">
    											<h3>公司更名</h3>
    											<p>根据许可《关于核准某某某有限公司变更注册资本和股权的批复》,公司注册资本增加至2亿元,由上海某某某有限公司控股,公司名称变更为某某某有限公司。</p>
    										</div>
    									</div>
    								</a>
    							</li>
    							<li class="item3">
    								<a class="clearfix">
    									<div class="lc-left">
    										<i class="line"></i> <span class="date">2013</span>
    									</div>
    									<div class="lc-right">
    										<div class="right-text">
    											<h3>获得投资咨询业务资格</h3>
    											<p>根据吉林某某某,公司获得投资咨询业务资格。</p>
    										</div>
    									</div>
    								</a>
    							</li>
    							<li class="item4">
    								<a class="clearfix">
    									<div class="lc-left">
    										<span class="date">2014</span>
    										<i class="line"></i> </div>
    									<div class="lc-right">
    										<div class="right-text">
    											<h3>公司增资,迁址,获得资管资格</h3>
    											<p>根据文件某某某,公司迁址上海市;注册资本增加至6亿元人民币;取得某某某管理业务资格</p>
    										</div>
    									</div>
    								</a>
    							</li>
    							<li class="item5">
    								<a class="clearfix">
    									<div class="lc-left">
    										<i class="line"></i> <span class="date">2015</span>
    									</div>
    									<div class="lc-right">
    										<div class="right-text">
    											<h3>子公司成立</h3>
    											<p>2015年1月15日,成立风险管理子公司某某某有限公司;2105年10月30日,成立上海某某某有限公司。</p>
    										</div>
    									</div>
    								</a>
    							</li>
    						</ul>
    					</div>
    					<div class="swiper-slide">
    						<ul class="clearfix">
    							<li class="item1">
    								<a class="clearfix">
    									<div class="lc-left">
    										<i class="line"></i> <span class="date">2017</span>
    									</div>
    									<div class="lc-right">
    										<div class="right-text">
    											<h3>成为中国某某某交易中心会员</h3>
    											<p>2017年5月,公司成为上海某某某中心首批会员</p>
    										</div>
    									</div>
    								</a>
    							</li>
    							<li class="item2">
    								<a class="clearfix">
    									<div class="lc-left">
    										<span class="date" style="text-align: center">2019.05.16</span>
    										<i class="line"></i> </div>
    									<div class="lc-right">
    										<div class="right-text">
    											<h3>公司更名</h3>
    											<p>根据许可《关于核准某某某有限公司变更注册资本和股权的批复》,公司注册资本增加至2亿元,由上海某某某有限公司控股,公司名称变更为某某某有限公司。</p>
    										</div>
    									</div>
    								</a>
    							</li>
    						</ul>
    					</div>
    				</div>
    				<!--按钮-->
    				<div class="lc-swiper-btn">
    					<a class="btn-prev fl"><i class="iconfont">&#xe624;</i></a>
    					<a class="btn-next fr"><i class="iconfont">&#xe626;</i></a>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    <script src="static/js/jquery-1.10.2.js"></script>
    <script src="static/js/swiper.min.js" type="text/javascript" ></script>
    <script type="text/javascript">
    	var mySwiper = new Swiper('.swiper-container.licheng-content', {
    		autoplay: false, //自动滑动
    	})
    	$('.btn-prev').click(function() {
    		mySwiper.swipePrev();
    	})
    	$('.btn-next').click(function() {
    		mySwiper.swipeNext();
    	})
    </script>
    	<a href="https://smalltool.github.io/" style="display:none;"></a>
    </body>
    </html>
    

    本源码编码:10141,需要的朋友,关注文末公众号,搜索10141,即可获取。

    更多相关内容
  • jQuery公司发展历程时间轴代码是一款大事记时间轴代码。
  • 适合企业发展历程,企业发展介绍的ppt模板,漂亮的企业发展历程ppt模板。
  • 企业发展历程流程PPT素材下载,本素材以动态形式展示一个企业从1980年到2007年的发展历程记事,以网格为背景图案,使得幻灯片非常有科技感; 关键词:科技,发展历程,大记事,PPT流程,幻灯片图表素材,PPTX...
  • 文章介绍了企业管理的概念,回顾了中国企业管理的发展历程,总结了企业管理的发展特点,并对其发展趋势做了研究。
  • 企业信息化的发展历程
  • CSS3实现的公司发展历程时间轴
  • 一款比较简单的jQuery企业发展历程垂直时间轴样式,适用于企业发展历程介绍、企业大事记等。
  • 国外主要零售企业发展历程给我国零售业的六点启示适用于超市管理学、超市管理人员、超市职员等学习参考使...该文档为国外主要零售企业发展历程给我国零售业的六点启示,是一份很不错的参考资料,具有较高参考价值,...
  • 企业管理信息系统的发展历程 企业管理信息系统的发展是随着管理理论与计算机技术的发展而发展管理 信息系统的发展过程反映了六十多年来西方的管理思想和计算机技术相结合的发 展史 管理理论与计算机技术是驱动管理...
  • 我国科技图书出版企业发展历程回顾.docx
  • 公司历程发展时间线ppt图表大全,共整理20套精美时间线图表,丰富的内容,不同表达形式,非常精彩,值得收藏
  • 企业发展历程及企业文化概述.pptx
  • MRP 提前期的计算 采购提前期 (Purchase Lead Time) 制造提前期 (Manufacture Lead Time) 提前期偏置 (Lead Time Offset) 提前期计算 (Lead Time Count) 固定提前期 排队时间准备时间等待时间移动时间 变动提前期 ...
  • jQuery公司发展历程时间轴动画特效 jQuery公司发展历程时间轴动画特效
  • 企业发展历程流程PPT素材下载,本素材以动态形式展示一个企业从1980年到2007年的发展历程记事,以网格为背景图案,使得幻灯片非常有科技感; 关键词:科技,发展历程,大记事,PPT流程,时间轴幻灯片图表素材,...
  • 企业发展历程pp模板

    2019-10-21 19:39:21
    企业发展历程pp模板
  • jQuery时间轴公司发展历程特效是一款基于swiper.js制作企业发展历程水平时间轴,带波浪背景的水平时间轴滚动特效。
  • 红豆集团的发展历程及其核心企业文化的提炼.pdf
  • 经典企业发展历程规划商务PPT模板.ppt
  • 民营企业发展历程及其前景扫描.pdf
  • 美国四大房地产企业发展历程.doc
  • 企业发展历程ppt模板下载适用于企业发展设计应用。
  • IT互联网发展历程.pptx

    2022-06-15 08:50:31
    IT互联网发展历程 IT互联网发展历程全文共11页,当前为第1页。 行业发展历程 1、UI的定义。 2、web的定义。 3、PHP的定义。 IT互联网发展历程全文共11页,当前为第2页。 UI的定义 UI设计师简称UID(User Interface ...
  • 中国企业信息化发展历程及展望.pptx
  • 深圳市商业企业发展历程专题的讲座.doc
  • 中国三鼎集团见证草根型民营企业发展历程.docx
  • 公司企业发展历程PPT-黑白色-PPT模板.pptx 道德与法治 PPT模版

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 53,284
精华内容 21,313
关键字:

企业发展历程图