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天

知道了
全红彩票 www.455098.com-中乐彩网是否合法| www.618469.com-附近的体彩店在哪里| www.691507.com-彩票倍投预算软件| www.769799.com-玩时时彩可以赚钱吗| www.615488.com-华彩软件站-| www.691198.com-福彩二十选五山西省| www.770497.com-买彩票的幽默段子| www.14567.cc-七星彩规则及奖金| www.085557.com-时时彩个位定胆推算| www.569031.com-福彩3d图彩易| www.748027.com-好彩葡萄爆珠| www.877992.com-大乐透彩票往期| www.960354.com-go8015彩票网| 天天乐彩票www.290165.com| www.042044.com-江苏福彩老快3| www.301920.com-七星彩最怪号| www.120489.com-彩票提成-| www.mr23.com-七星彩怎么是中奖| www.785752.com-手机掌上彩票下载| www.883052.com-快三豹子通一注多钱| www.958167.com-新乐彩染发-| 500彩票www.50064x.com| www.9794.loan-福利彩票作弊案| www.201932.com-购买双色球彩票软件| www.100769.com-乐彩客官方网站| www.238996.com-啥是套彩-| www.642086.com-中国福利彩票标志图| www.773602.com-重庆时时彩全包稳赚| www.957143.com-金利彩票大厅| 全民汇彩票www.52303f.com| www.5754.org-快三软件开发| www.957538.com-六台彩软件下载| www.et37.com-国家正规彩票网站| www.23mg.com-南充市福彩网官网| www.4089.vip-彩票中奖怎么花| www.26857.cc-中国福彩自助终端| www.029198.com-众彩网首页| www.637092.com-关于利民彩票| www.022105.com-快彩电子走势图| www.ua63.com-彩票拉人交流术语| www.33cg.com-排3字谜预测凤彩网| www.bz71.com-湖北快三输太掺了| www.08cr.com-彩铅海边夕阳风景画| www.3290.com-体彩屋有没有漏洞| www.11541.com-彩乐瀑买不了了| www.365320.cc-伊通老五黑彩| www.957103.com-金利彩票能玩吗| 网易彩票www.560231.com| www.456167.com-彩票双色球推荐| www.584959.com-排列三彩票-| www.939913.com-南国报彩票彩码精华| 澳客彩票www.266ak.com| www.506396.com-竞彩足球身价对比| www.604563.com-彩神x能赚多少钱| www.677701.com-怎么计算快三和值表| www.761784.com-河北彩票开奖杳询| www.828272.com-彩票系统带自动追号| www.890577.com-魔方彩票靠谱吗| www.964268.com-河北福彩快乐3历史| 500彩票www.50026z.com| www.pp12.com-668彩票网真实吗| www.v12.com-彩票里的长龙是啥| www.50id.com-彩票开盘管理| www.0883.live-竞彩篮球比分大小球| www.rx7.com-上海快三五百期| www.s32.bid-网络快三网络快三赌| www.782.website凤凰微彩店-| www.442.cc-天天彩天空彩彩票| www.365410.cc-快三如何止损| www.5567.online二元彩票开奖结果| www.656719.com-中彩双色球预测| www.781467.com-66微彩是什么| www.898272.com-私彩术语-| www.988813.com-家彩开奖千禧试机号| www.lv78.com-竞彩猫app下载| www.007999.com-七乐彩查询中奖结果| 新盈彩www.xinyc8.com| www.42901.com-北京体彩中心官网| www.539.space-彩票神算王预测| www.34161.com-双彩图3g-| www.028696.com-网上彩票作弊器| www.980013.com-刺客研彩网3d论坛| www.km4.cc-江苏快三计划网址| www.237563.com-中国体彩网比分直播| www.365615.cc-竞彩北单对冲| www.962004.com-大发彩票官方网站| www.31798.com-王牌彩票网址| www.092294.com-20元体彩刮刮乐7| www.112226.com-彩票新会员注册即送| www.693209.com-数字彩票有规律性| www.811983.com-体彩竞彩店转让设备| www.369151.com-梦见合买彩票中奖| www.547182.com-彩票安徽15选5| www.122485.com-替别人刷彩票犯法嘛| www.451431.com-黑龙江福彩麻将玩法| www.sz8.com-彩票开奖查询公告i| www.88.tv-888彩票是害人| www.0081.org-福彩3b各类和值谜| www.34371.com-招行彩票-| www.070740.com-高频彩前三组绝技| www.172693.com-江苏快三开奖统计| www.258762.com-彩17app-| www.338165.com-双色球牛彩网字谜| www.429827.com-日本彩票中奖率高| www.532605.com-彩票公式生成软件| www.670444.com-胜彩是什么-| www.760201.com-彩票胆拖中奖计算器| www.841626.com-七乐彩死规律| www.902670.com-诺亚彩票-| www.975684.com-驻马店彩礼钱| www.cp3119.com-单机游戏新快三| www.kq61.com-时时彩3d-| www.zr03.com-彩票秘籍-| www.16ls.com-下载江苏福彩k彩| www.93lg.com-222彩票网-| www.3042.pw-友谊彩票-| www.999029.com-e球彩全包48元| www.hw91.com-彩票组三什么意思| www.16wi.com-天天益彩官网| www.0140.cc-什么是彩色的| www.9398.cm-网上买那个彩票靠谱| www.45138.cc-日日彩票靠不靠谱| www.sd00.com-三分时时彩计划| www.25ec.com-老彩民村心水之家| www.108.in-嘉年华网上博彩| www.2406.org-我要找福彩3d| www.60734.com-福彩官员贪污| www.005287.com-快三追号-| www.060509.com-天天爱彩票停了吗| www.3862.in-足彩胜负比分| www.29120.com-河北彩票兑奖中心| www.5338.cc-淘宝的彩票在哪里| www.23218.cc-天津3d福利彩票| www.069831.com-足彩胜负彩500w| www.163495.com-爱彩是骗人的吗| www.237891.com-网上大发快三骗局| www.492.me-红旗彩票投注站地址| www.1tw.cc-手机彩膜好不好| www.806393.com-八马彩票软件下载| www.920814.com-财神讲彩专栏| www.988830.cc-pk10彩-| www.91221.cc-电子彩烟介绍| www.454578.com-彩宝平台怎么样| www.875456.com-体肓彩票大乐透规则| www.959354.com-御彩轩安卓版| 华人彩票www.220755.com| www.138479.com-竞彩大赢家实体店| www.566436.com-彩虹6号围攻高级版| www.702190.com-网络彩票有没有人管| www.803477.com-七星彩怎么抓规| www.889206.com-最新易彩堂app| www.971342.com-福彩中奖概率最高| www.zv18.com-彩虫七下载-| www.783.tv-彩神网是正规的吗| www.31gu.com-全天福利彩合法吗| www.0866.xyz-宴飞华快三拉花讲解| www.61448.com-体彩七星彩去哪兑奖| www.900051.cc-51彩票改网址了| www.79dg.com-我做洪荒卖彩票| www.535695.com-买彩票有什么窍门吗| www.655325.com-打彩是什么意思| www.717149.com-彩铅自学-| www.775270.com-103彩票下载安装| www.838526.com-亚盘和竞彩盘口转化|