QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery企业解决方案左右TAB切换布局

原创商用 jquery企业解决方案左右TAB切换布局

jquery superslide实现左右图标导航选项卡布局TAB切换,企业解决方案布局代码。结构简单易用,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

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

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="module-banner">
	<div class="module-banner-box">
		<h3 class="module-banner-head">
			<em>解决方案</em>
			<span>丰富的解决方案为您的业务助力</span>
		</h3>
		<div class="module-banner-tab clearfix">
			<div class="module-banner-tab-list hd">
				<ul class="module-tab-nav">
					<li class="on">
						<i class="icon icon-warehouse01"></i>
						<p>数据仓储</p>
					</li>
					<li>
						<i class="icon icon-warehouse02"></i>
						<p>数字营销</p>
					</li>
					<li>
						<i class="icon icon-warehouse03"></i>
						<p>日志分析</p>
					</li>
					<li>
						<i class="icon icon-warehouse04"></i>
						<p>智能推荐</p>
					</li>
					<li>
						<i class="icon icon-warehouse05"></i>
						<p>大数据舆情</p>
					</li>
					<li>
						<i class="icon icon-warehouse06"></i>
						<p>生命科学</p>
					</li>
				</ul>
			</div>
			<div class="module-banner-tab-list-box bd">
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>企业为了分析数据进而获取洞察力的努力,是商务智能的主要环节。在大数据时代,云提供了云端的数据仓储解决方案,为企业搭建现代数据仓库提供指南。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度数据仓库 Palo</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度消息服务</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>从搜索推广到实时竞价广告,从大数据收集存储到数据分析,营销云依托百度对数字营销服务市场多年的运营经验和技术积累,为您提供全场景解决方案。从搜索推广到实时竞价广告,从大数据收集存储到数据分析,营销云依托百度对数字营销服务市场多年的运营经验和技术积累,为您提供全场景解决方案</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>Cloud ADX</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>Cloud DSP</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>Cloud SSP</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-text clearfix" style="margin-bottom:0">
							<h4>客户案例</h4>
							<ol class="clearfix module-tab-case">
								<li>
									<i class="icon-case icon-case01"></i>
									<span>卓易科技</span>
								</li>
								<li>
									<i class="icon-case icon-case02"></i>
									<span>游讯</span>
								</li>
							</ol>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>依托云的大数据分析产品,我们为您提供日志分析托管服务,为您省去开发、部署以及运维的成本,使您可以聚焦于如何利用日志分析结果做出更好的决策,实现您的商业目标。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度日志服务</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度Elasticsearch</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-text clearfix" style="margin-bottom:0">
							<h4>客户案例</h4>
							<ol class="clearfix module-tab-case">
								<li>
									<i class="icon-case icon-case03"></i>
									<span>作业帮</span>
								</li>
								<li>
									<i class="icon-case icon-case04"></i>
									<span>换手率</span>
								</li>
							</ol>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>云智能推荐解决方案依托百度在多种推荐场景上的技术积累和丰富的用户画像数据,为广大企业提供有效、易用的智能推荐服务,快速提升业务目标。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度消息服务</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度机器学习 BML</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>云大数据舆情解决方案为政府、广电媒体、輿情服务商、企业提供实时舆情数据订阅,智能语义分析,百度搜索指数及全网用户画像等功能,帮助客户实现个性化深度定制輿情系统,把握时事脉搏。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度机器学习 BML</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度Elasticsearch</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>生命科学解决方案可以帮助生物信息领域用户存储海量的数据,并调度强大的计算资源来进行基因组、蛋白质组等大数据分析。帮助研究生命活动规律,促成医疗健康行业发展。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度批量计算</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度机器学习 BML</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-text clearfix" style="margin-bottom:0">
							<h4>客户案例</h4>
							<ol class="clearfix module-tab-case">
								<li>
									<i class="icon-case icon-case05"></i>
									<span>诺禾致源</span>
								</li>
								<li>
									<i class="icon-case icon-case06"></i>
									<span>古奥基因</span>
								</li>
							</ol>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(".module-banner-tab").slide({trigger:"click",delayTime:1000});
</script> 
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
百盈PK10 www.3062.org-体彩即开型彩票象棋| www.16989.cc-7星彩杀号-| www.72778.cc-竞彩总进球数规律| www.005384.com-福利彩8app-| www.093382.com-高频彩不能碰| www.171261.com-七星彩今日开奖号码| www.381446.com-体彩足彩分析| www.23op.com-足彩总进球数玩法| www.5045.cc-竞猜足彩停售时间| www.855959.com-北京福彩投注站电话| www.954835.com-七号彩票下载安装| www.cai9844.com彩票5d-| www.cp565.com-新快三在线-| www.2349.pw-七彩虹主板h81| www.6437.xyz-竞彩赛程赛果| www.74202.com-福彩双色球追加| www.603373.com-六选一彩票-| www.777519.com-香港5分彩-| www.872751.com-贵阳体彩申请| www.949032.com-体彩一定牛数据| 500彩票www.50052k.com| www.618901.com-明天开彩票吗| www.751493.com-足球彩票任九奖金| www.858674.com-吉林快三黑彩的破解| www.947114.com-福彩中奖结果查询| 豪彩VIPwww.qin618.com| www.dw35.com-华夏彩票官方网站| www.923932.com-支付宝能买彩票吗| www.803579.com-彩圣网1-| www.358835.com-体彩中5个数多少钱| www.884974.com-爱彩乐天津十一选五| www.998964.com-大运彩票换网址了吗| www.mb94.com-24号快三开奖结果| www.20fu.com-佬牛足彩今天的分析| www.a01.net-东方集团彩票官网| www.565931.com-体彩大乐透销售时间| www.84of.com-北控京彩-| www.627422.com-皇帝彩票红包任你| www.739206.com-老快三智能杀号| www.922286.com-约彩彩票不能用了| www.984296.com-排列三彩吧助手| www.m33.tv-买彩票欠了几十万| www.74ze.com-什么时候开始买彩票| www.4954.me-in下载盛源彩票| www.17209.com-福彩出号走势图| www.77040.com-体彩任九场胜负| www.751831.com-一号彩票平台登录| www.862581.com-七乐彩19002| www.851322.com-甘肃快三怎么玩法| www.305232.com-彩票能一次买多期吗| www.423422.com-利彩平台软件下载| www.545767.com-申请福彩销售点| www.5421.love-体育彩排列三| www.036420.com-爱玩彩票下载| www.015550.com-彩票服务中信| www.17108.com-竞彩水位是什么意思| www.427567.com-福彩双色球超级助手| www.627117.com-几个天天彩票| www.719775.com-七星彩选号专家预测| www.800553.com-卓易彩票手机版| 福利彩票www.78700j.com| www.hk49.cc-988彩票辅助软件| www.93813.cc-足彩胜负彩分析| www.364533.com-彩虹伴奏周杰伦女生| www.539499.com-上海快三组合图表| www.955553.com-教大家冲竞彩销量| www.13sy.com-七星彩头尾规律软件| www.1832.cc-爱米彩票助手| www.738511.com-快3中国彩票| www.348941.com-体彩店间隔-| www.984740.com-彩票模拟摇奖机下载| www.006611.cc-腾讯五分彩十分彩| www.502915.com-玩私彩赢钱被黑| www.112112.com-如何刷彩票返点| www.362645.com-喷雾自制彩虹实验| www.8532.xyz-牛彩彩票网址| www.342721.com-购彩网破解-| www.949367.com-大发快三杀号| www.86353.cc-七星彩卖奖软件| www.980260.com-彩票站知道中奖人| www.89ba.com-开网络私彩-| www.228238.com-新疆福彩喜乐彩开奖| www.965333.cc-春秋彩票注册登录| www.058142.com-乐彩吧下载-| www.849.cn-彩头是什么意思| www.762723.com-快三的和值怎么分析| www.924924.com-财神彩票网靠谱吗| www.bg12.cc-彩票中奖是骗局| www.09fp.com-福彩六十一开奖查询| www.601767.com-50万买彩票-| www.969719.com-台湾今彩-| www.85336.cc-500万购彩网| www.286747.com-福彩开店申请| www.365360.cc-彩库女装加盟| www.483365.com-248彩网-| www.564462.com-如何加盟87彩店| www.623195.com-彩友多店主登录系统| www.198088.com-内蒙快三合走势| www.545665.com-足彩竞猜胜平负| www.713859.com-3d彩票下载安装| www.416659.com-快三多少组数| www.636766.com-分分彩看号软件| www.880015.com-喜乐彩彩控-| www.936159.com-够力七星彩梦册网| www.cd24.com-福彩旗下的快开彩| www.43ay.com-中国体彩竞彩计算器| www.826500.com-免费彩票933| www.895537.com-排三走势图乐彩网| www.954182.com-新彩吧3d字迷总汇| 3G彩票www.c139.vip| www.578376.com-老奇人彩图-| www.441019.com-体育彩票能作假吗| www.34oq.com-彩软吧-| www.0697.cc-易彩堂在线登录| www.9278.xyz-500彩足彩-| www.8377.cc-海南七星彩解梦查询| www.54566.com-彩票稳定平台| www.005783.com-体育彩票微信群| www.lz36.com-彩票77软件-| www.7288.me-emoji彩虹??| www.59202.com-福彩现场开奖视频| www.165991.com-旺彩预测3d4码| www.289218.com-走势图快三-| www.757793.com-胆拖投注彩票开奖| www.844456.com-福彩双色球几元一注| www.952960.com-广东新粤彩每期报| www.or03.com-玩优彩被骗-| www.23js.com-彩票抓了几个人工岛| www.03426.com-通盈彩票是不是真的| www.33144.cc-吉林省快三开奖结果| www.331477.com-快三什么时候出豹子| www.779316.com-天天中彩票微信登录| 好乐多www.www.c760c.com| www.rj37.com-北京福彩客服电话| www.795259.com-福彩3d如何中奖| www.597460.com-体彩11选五投注表| www.031821.com-查询彩票开奖输入| www.536184.com-彩票类游戏经营| www.636520.com-欢乐竞彩下载| www.956042.com-买彩票怎么开讲| www.268216.com-彩涂铝卷-| www.1907.vip-彩票机器人计划| www.04ic.com-彩铅国庆绘画作品| www.1537.net-福彩3d杀和彩经网| www.610076.com-中国体彩微信购买| www.670166.com-保利彩票能提现吗| www.960117.com-彩票平台推荐一下| www.ky07.com-玩快三输了25万| www.j47.cc-武汉市福利彩票中心| www.542779.com-正彩彩票娱乐| www.188442.com-彩票啥叫屠龙| www.254968.com-天天送彩金的彩票| www.316821.com-体彩标志中间尺寸| www.386772.com-网络黑彩被骗报警| www.288936.com-秒速快三-| www.255500.cc-8k彩票如何稳赚| www.165363.com-71彩app-| www.239119.com-彩私纺织-| www.313381.com-赢家彩票是什么| www.375771.com-彩票走势图排列五| www.444155.com-最精准彩票计划| www.520583.com-快三限号开的出来吗| www.586758.com-博彩首存1送18| www.662614.cc-重庆时彩网盘代理|