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.649250.com-澳门博彩研究中心| www.805650.com-精彩彩票登陆| www.879727.com-帝皇国际时时彩真假| www.975521.com-苹果彩票彩apk| www.tc6.com-体彩排列五开奖现场| www.090923.com-福彩3d图谜总汇三| www.258446.com-极速快三历史开奖| www.356645.com-彩票中奖公司平分| www.175882.com-福建福彩快三走势图| www.22lo.com-天津时时采彩人工| www.609358.com-彩票11选5玩法| www.751026.com-玩彩票上瘾了怎么办| www.934114.com-凤凰彩票不出款| 彩之家www.08czj.com| www.214311.com-怎么下载人人中彩票| www.cp7766.cc-中国福利彩票app| www.444658.com-软件彩票500万| www.576927.com-好彩投彩票网址| 500彩票www.50052x.com| www.7279.biz-彩虹六号各种版本| www.cai4123.com中国体育彩票大乐透| www.qx58.com-时时彩最专业软件| www.53pj.cc-彩票大乐透查询结果| www.3689.net-佳能彩色复印机价格| www.6240.in-台湾威力彩开奖号码| www.33470.com-福彩3d2007-| www.068297.com-摇摇乐彩票在线| www.455947.com-跑马三分钟彩票计划| www.565352.com-排列三贵阳之彩杀码| www.643813.com-二分彩票星际集团| www.575125.com-快三辅助软件官网| www.665923.com-7乐彩中奖规则图片| www.738220.com-体育彩票网络购彩| www.805966.com-竞彩篮球856| www.056063.com-彩票大本营生肖表| www.095131.com-今日福彩3d双彩图| www.8721.xyz-明发彩票平台| www.483111.com-吉林快三微信群大全| www.97415.com-时时彩好平台| www.130394.com-花式快三教学视频| www.383201.com-买复式彩票怎么玩法| www.2113.cm-福彩46-| www.942726.com-博众彩票计划网址| www.533903.com-七星彩能不能组选| www.611926.com-众彩网唐儿大乐透| www.688208.com-体彩电话投注流程| www.762695.com-体彩千里马专家预测| www.840039.com-福彩体彩销售额| www.911673.com-中国福利彩票怎样玩| www.975174.com-七星彩图规最新| www.dk8.cc-168彩票网站| www.6871.xyz-港彩开奖结果查询| www.219732.com-中国彩吧一更懂彩民| www.324771.com-今日福彩三d新彩吧| www.413737.com-腾讯分分彩预测胆码| www.980620.com-双色球擂台赛中彩网| www.rj53.com-快三两个号对赌| www.308625.com-大乐购彩票中奖规则| www.396931.com-七乐彩购买规则| www.822079.com-体彩足彩竞彩手机版| www.890560.com-红彩网下载-| www.964444.com-开发彩票平台| 大赢家彩票平台www.186796.com| www.292426.com-北京快三多少期| www.3269.win-爱资料福彩大门户| www.09746.com-专业玩彩预测| www.57687.cc-多彩网江苏快三| www.021897.com-快三稳赚不配的方法| www.010575.com-熊猫彩票信息| www.7411.com-福彩3d之家公益站| www.506201.com-玩广西快三违法吗| www.586373.com-试玩赢彩金-| www.665454.com-新加坡彩票规则| www.736370.com-画花草树木彩铅画| www.002291.com-七乐彩开奖计算器| www.037765.com-爱彩乐开奖走势图| www.123011.cc-美国彩虹计划| www.753744.com-天吉彩票-| www.831012.com-地新彩网-| www.923028.com-体育彩票店现状| www.981254.com-两元彩票网在线缩水| www.mh3.com-彩票走势图分析方法| www.88476.com-洛阳快三彩票| 500万彩票网www.808910.com| www.10267.com-360时时彩计划| www.72057.cc-彩猫彩票安卓| www.044658.com-美团外卖中彩票| www.201205.com-七星彩前四位| www.682126.com-微信群卖彩票怎么样| www.779579.com-体育彩票机亏本转让| www.872727.com-天天爱彩票合法吗| www.942702.com-go彩官网-| www.999237.com-中彩谁家房什么意思| www.ct91.com-篮球彩票app| www.01322.com-雪缘园足球彩票直播| www.433424.com-云南彩票大奖新闻| www.543266.com-78.cn彩票-| www.869979.com-福彩3d胆拖-| www.957348.com-快三龙最长的几个| 凤凰彩票www.77801d.com| www.ht10.com-快三杀号技巧360| www.zv06.com-重庆时时彩官方投注| www.730084.com-福彩3g开奖直播| www.166178.com-内蒙快三-| www.326344.com-体彩排三的试机号| www.111024.com-乐彩客官网下载| www.026826.com-手机购彩何时恢复| www.ps92.com-哈尔滨快三开奖结果| www.ky86.com-8888彩票app| www.x66.org-八亿彩靠谱吗| www.763592.com-能买中超足彩的软件| www.985983.com-体育彩票站的提成| www.n92.org-五分彩有技巧吗| www.93cg.com-最近体育彩票点| www.676938.com-彩色的包装袋机器| www.885831.com-567彩票手机乐园| www.225062.com-腾讯五分彩合法吗| www.365162.cc-广西体彩中奖怎么兑| www.504534.com-黄渤彩票号码| www.7609.com-迅雷新浪彩票| www.225188.com-深圳彩神喷绘机| www.400379.com-如何开一个彩票平台| www.305696.com-打彩票运气-| www.525151.com-圣地彩是官方开奖吗| www.013574.com-七星彩涂-| www.361217.com-滴滴彩票安卓版| www.0020.loan-8位数的彩票有哪些| www.33231.cc-福彩双色球多久一次| www.604864.com-雀彩-| www.4085.vip-雍正珐琅彩瓷器图片| www.003897.com-三彩官网旗舰店| www.175729.com-福利彩票快乐彩规则| www.456387.com-南京名彩堂画材| www.623339.com-彩47app-| www.787153.com-数字彩票走势图| www.901048.com-福彩排列五玩法说明| www.266.date-彩钢安装教程| www.48210.com-众购彩票骗局| www.074723.com-彩富报码-| www.182856.com-亚洲彩票可以赚钱吗| www.69402.com-彩博士软件-| www.673926.com-什么部门管彩票站| www.14456.com-七星彩网开奖结果| www.520712.com-重庆时时彩资料群| www.585698.com-体彩超级大乐彩| www.647845.com-正规网络彩票网站| www.700108.com-中国福彩中奖条件| www.761520.com-体彩6十1开奖玩法| www.855846.com-海南七星彩打什么码| www.900866.com-福彩三d东北彩霸三| www.951640.com-彩票平台出租可靠么| 网易彩票www.082wy.com| www.625217.com-开心彩票官网| www.830885.com-e时彩app下载| www.0123.win-绚丽多彩造句二年级| www.361106.com-滴滴彩-| www.581361.com-福彩往期中奖号码| www.949838.com-彩票周周签到| www.517538.com-香港福星彩开奖直播| www.503227.com-鸿彩平台是真是假| www.996140.com-彩71平台怎么样| www.lq65.com-中彩网首页图表| www.2048.cc-彩虹云朵儿童画| www.20826.com-博彩充值破解|