layui人员关系拓展数据图表特效代码下载


layui人员关系拓展数据图表特效代码下载
layui人员关系拓展数据图表特效代码下载以及人员关系拓展、数据图表等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="layui/css/layui.css">

2. 引入JS

<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>

3. HTML代码

	<div class="socialAnimationWrapper">
		<ul class="socialAnimation">
			<li class="person">企业名称</li>
			<li class="facebook">
				<div class="containerImg" id="policy_issued">政策发布</div>
				<div class="connector">
					<span class="one"></span>
					<span class="two"></span>
				</div>
			</li>
			<li class="googlePlus">
				<div class="containerImg" id="compant_inform">企业通知</div>
				<div class="connector">
					<span class="one"></span>
					<span class="two"></span>
				</div>
			</li>
			<li class="twitter">
				<div class="containerImg">活动报名</div>
				<div class="connector">
					<span class="one"></span>
					<span class="two"></span>
				</div>
			</li>
			<li class="linkedin">
				<div class="containerImg" id="yewu">业务全览</div>
				<div class="connector">
					<span class="one"></span>
					<span class="two"></span>
				</div>
			</li>
			<li class="yt">
				<div class="containerImg">金融服务</div>
				<div class="connector">
					<span class="one"></span>
					<span class="two"></span>
				</div>
			</li>
			<li class="jiben">
				<div class="containerImg" id="session_qi">企业信息</div>
				<div class="connector">
					<span class="one"></span>
					<span class="two"></span>
				</div>
			</li>
		</ul>
	</div>
	<div class="list_table">
		<div class="display_none">
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
				<legend>政策发布</legend>
			</fieldset>
			<table class="layui-hide" id="tablea1" lay-filter="menu-filter"></table>
			<div class="center_back"><button class="layui-btn"  data-type="reload">返回</button></div>
		</div>
		<div class="display_none">
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
				<legend>企业通知</legend>
			</fieldset>
			<table class="layui-hide" id="tablea2" lay-filter="menu-filter"></table>
			<div class="center_back"><button class="layui-btn"  data-type="reload">返回</button></div>
		</div>
		<div class="display_none">
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
				<legend>活动报名</legend>
			</fieldset>
			<table class="layui-hide" id="tablea3" lay-filter="menu-filter"></table>
			<div class="center_back"><button class="layui-btn"  data-type="reload">返回</button></div>
		</div>
		<div  class="display_none">
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
				<legend>业务全览</legend>
			</fieldset>
			<table class="layui-hide" id="tablea4" lay-filter="menu-filter"></table>
			<div class="center_back"><button class="layui-btn"  data-type="reload">返回</button></div>
		</div>
		<div class="display_none">
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
				<legend>金融服务</legend>
			</fieldset>
			<table class="layui-hide" id="tablea5" lay-filter="menu-filter"></table>
			<div class="center_back"><button class="layui-btn"  data-type="reload">返回</button></div>
		</div>
	</div>

相关推荐

发表评论

相关文章