QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery企业产品服务列表TAB切换布局

原创商用 jquery企业产品服务列表TAB切换布局

jquery superslide 实现企业大数据产品服务列表TAB切换布局代码,简单大气常用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="large-content">
	<div class="large-group clearfix">
		<h3 class="large-header">
			<em>大数据产品服务</em>
		</h3>
		<div class="large-switch clearfix">
			<div class="large-switch-circle hd">
				<ul>
					<li class="on">数据分析</li>
					<li>数据存储</li>
					<li>数据接入</li>
				</ul>
			</div>
			<div class="large-switch-middle bd">
				<ul class="clearfix">
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-001.png" alt="">
						</div>
						<div class="large-item-title">百度MapReduce</div>
						<div class="large-item-text">全托管的Hadoop/Spark计算集群服务,助力海量数据分析和数据挖掘</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-002.png" alt="">
						</div>
						<div class="large-item-title">百度机器学习</div>
						<div class="large-item-text">大规?;餮捌教?,提供众多算法以及行业模板,助力高级分析</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-003.png" alt="">
						</div>
						<div class="large-item-title">百度深度学习</div>
						<div class="large-item-text">针对海量数据提供的云端托管的分布式深度学习平台</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-004.png" alt="">
						</div>
						<div class="large-item-title">百度数据仓库 Palo</div>
						<div class="large-item-text">PB级关系数据分析引擎,为客户提供稳定高效的多维分析服务</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-005.png" alt="">
						</div>
						<div class="large-item-title">百度Elasticsearch</div>
						<div class="large-item-text">全托管的Hadoop/Spark计算集群服务,助力海量数据分析和数据挖掘</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-006.png" alt="">
						</div>
						<div class="large-item-title">百度日志服务</div>
						<div class="large-item-text">全托管日志收集投递服务,助力从海量日志数据中获取洞察力</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-007.png" alt="">
						</div>
						<div class="large-item-title">百度批量计算</div>
						<div class="large-item-text">支持海量规模的并发作业,自动完成数据加载、作业调度及资源伸缩</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item-clear">
						<div class="large-switch-dx">敬请期待</div>
					</li>
				</ul>
				<ul class="clearfix">
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-003.png" alt="">
						</div>
						<div class="large-item-title">对象存储BOS</div>
						<div class="large-item-text">海量空间、安全、高可靠,支撑了国内最大网盘的云存储</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-004.png" alt="">
						</div>
						<div class="large-item-title">百度消息服务</div>
						<div class="large-item-text">全托管Kafka服务,高可扩展高通量的消息集成托管服务</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-005.png" alt="">
						</div>
						<div class="large-item-title">关系型数据库RDS</div>
						<div class="large-item-text">支持MySQL、SQL Server、PostgreSQL,可靠易用、免维护</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-006.png" alt="">
						</div>
						<div class="large-item-title">简单缓存服务SCS</div>
						<div class="large-item-text">提供高性能、高可用的分布式缓存服务,兼容Memcache/Redis协议</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item-clear">
						<div class="large-switch-dx">敬请期待</div>
					</li>
				</ul>
				<ul class="clearfix">
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-003.png" alt="">
						</div>
						<div class="large-item-title">百度日志服务</div>
						<div class="large-item-text">全托管日志收集投递服务,助力从海量日志数据中获取洞察力</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-005.png" alt="">
						</div>
						<div class="large-item-title">物接入</div>
						<div class="large-item-text">快速建立设备与云端双向连接的、全托管的云服务</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item-clear">
						<div class="large-switch-dx">敬请期待</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

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

相关代码

二维码
意见反馈
×
×

注册

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

签到成功!

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

知道了
澳门足彩 www.05tp.com-福彩三d开奖吗| www.19825.cc-彩票拉人犯法么| www.197114.com-马来西亚彩票大全| www.127144.com-彩铅手绘小清新风景| www.608359.com-派彩是负数什么意思| www.849126.com-竞彩首页竞彩首页| www.nh24.com-福建即乐彩中奖| www.249522.com-彩虫7下载-| www.878717.com-中国福彩积分卡查询| www.984681.com-鼎盛团队彩票计划网| www.bn79.com-快三每天开多少期| www.xq30.com-01.cc彩票-| www.375535.com-3d字谜、双彩| www.04ec.com-v8彩票最新版本| 天天彩票www.2373h.com| www.na76.com-江苏福彩快三玩法| www.259388.com-彩票计算器复式| www.147062.com-扫彩票插件-| www.260923.com-尊彩是不是正规的| www.699180.com-竞彩投注计算器| www.607990.com-天津彩票快乐十分钟| www.692636.com-6678彩-| www.773591.com-彩票秘籍中奖宝典| www.158474.com-足彩app北单下载| www.326536.com-app彩运8-| www.52132.cc-国外靠谱的彩票软件| www.0088.online福彩3d讲座程| www.606959.com-炫彩彩票软件下载| www.5740.cm-福利彩票排列3| www.iy14.com-浙江体彩中心| www.556208.com-乐彩33彩票网站| www.654930.com-买足彩外围是否合法| www.115824.com-简单彩铅星空图片| www.437000.cc-大乐透彩之店投注| www.812515.com-123彩票安卓版| www.162079.com-彩票遗漏-| www.139462.com-28app送彩金| 全民彩票www.87171.cc| www.wb80.com-代玩彩票-| www.985145.com-微彩吧福利-| www.dr24.com-彩票去哪买-| www.wp19.com-彩票走势分析技巧| www.47gf.com-招彩票销售员招聘| www.uf80.com-网络彩票赌博犯法| www.835177.com-美国好彩香烟柠檬| www.962871.com-汉中体彩中心电话| www.020948.com-众彩网能赚钱吗| www.464665.com-长沙中彩集团| www.687673.com-139彩官网-| www.989522.com-家彩网排列三试机号| www.x18.com-大连体彩兑奖地址| www.4706.cn-福彩35选7好运彩| www.590648.com-幸运彩怎么才能中奖| www.757536.com-睛彩山西百姓春晚| www.929913.com-中国7星体育彩票| www.oy25.com-在线彩票倍投计算器| www.632311.com-所有彩票玩法| www.51277.cc-金祥彩票官网导航| www.078888.cc-3d彩票计算公式| www.560098.com-福彩老总被抓| www.500678.cc-彩票最大数字是多少| www.o11.com-体彩三d开奖结果| www.48ic.com-中国福彩图标| www.5350.cc-百一彩网老网址| www.22253.cc-最新足彩对阵| www.62838.cc-篮球竞彩新浪| www.062097.com-河南省幸运彩| www.152106.com-体彩即开订票| www.069755.com-神彩彩票app安装| www.972502.com-长沙快三查询| www.kp15.com-快三平台真能赚钱吗| www.i77.club-手存10送38彩金| www.65mg.com-体彩湖北11选择5| www.033934.com-体彩独胆双胆预测| www.74055.com-中国彩吧3d开奖号| www.061506.com-彩客网app老版| www.198330.com-大发彩票0234| www.721739.com-网上彩票破解| www.821331.com-3d福彩牛材网| www.901369.com-体彩大家玩什么彩| www.966756.com-宝马彩票案焦点访谈| 彩票5www.674577.com| www.jd97.com-竞彩足球是骗局吗| www.323439.com-包中头尾七星彩号码| www.389620.com-新郑彩票店转让信息| www.024658.com-体彩大乐透开奖奖池| www.130081.com-彩票查询双色球中| www.254667.com-体彩扑克牌开奖| www.350426.com-天下彩资料大全综合| www.184566.com-武汉快三-| www.2214.vip-中国广西体育彩票网| www.iz03.com-华夏彩票app下载| www.127497.com-彩虹世界新版app| www.222437.com-福彩三地开奖号码| www.421679.com-微信口袋彩票安全吗| www.698787.com-头彩彩票网登录| www.781084.com-彩虹连衣裙-| www.877221.com-113彩票app-| www.985843.com-足彩胜负彩推荐分析| www.262631.com-福彩试机号-| www.183659.com-福利彩票河北快3| www.641964.com-一出好戏彩票图片| www.1164.cn-微彩娱乐安全吗| www.6571.cc-福彩3d小号走势| www.251164.com-彩票榜app邀请码| www.346169.com-新版广西福彩官网| 大赢家彩票www.493381.com| www.11230.com-购买足彩的正规网站| 易盈彩票www.7793b.com| www.820045.com-足彩概率计算| www.tp65.com-彩票生成软件| www.392405.com-迪丽热巴彩铅画教程| www.651491.com-pk五分彩走势图| www.34qh.com-甘肃福彩专刊| www.g12.com-3d彩经网选胆图| www.7612.biz-彩票多长多宽| www.35005.com-七天彩太假了| www.004214.com-博彩投资分红| www.794933.com-881彩票网-| www.929433.com-七乐彩胆拖中奖表| www.cai8157.com安徽快三今天| www.815078.com-网络彩票网站| www.913508.com-彩客即时比分| 易彩网www.12455g.com| www.006877.com-体彩任选二推荐| www.677006.com-易盈彩-| www.787658.com-彩经网排三定胆推荐| www.281078.com-足彩串场奖金计算| www.828529.com-218彩票网-| www.903616.com-九龙福彩是不是骗| www.984741.com-福彩8靠不靠谱| www.jw0.com-快三二同号技巧| www.pl52.com-彩色透水混凝土施工| www.6665.cn-百盈快三犯法吗| www.13388.com-足彩8场6关-| www.052312.com-牛蛙彩票下载安装| www.74pq.com-利澳彩票是骗局吗| www.1364.vip-52彩票开奖网| www.8156.vip-今晚双色彩球开奖号| www.33932.com-快三怎么样才能回血| www.55869.com-快三245后面预测| www.98244.com-时时彩全天精准计划| www.719298.com-彩吧免费下载| www.812038.com-乐彩论坏-| www.883797.com-彩报3d图库-| www.952068.com-彩票计划网站平台| 彩之堂www.77czt.com| www.119353.com-彩神和争霸法吗| www.606982.com-禧彩3d之家-| www.008637.com-新浪彩票双色球竞技| www.938719.com-5亿彩赚钱-| www.604637.com-彩兔迷-| www.996845.com-每次都机选一注彩票| www.217390.com-11选5快彩官网| www.362930.com-彩票对打套利骗局| www.526591.com-网络彩票骗局赌博| www.648840.com-彩宝的种类-| www.820746.com-金乡福利彩票机构| www.932608.com-玉林彩色纸箱厂| www.04jy.com-如何控制大发快三| www.638.hk-香港圣地彩-| www.328106.com-银川彩票-| www.393966.com-色彩对比图-| www.654078.com-福盈彩票-|