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天

知道了
彩票123现在叫什么名字 www.974847.com-31走势图福建体彩| www.677577.com-天意精彩3d预测| www.809355.com-好彩客下载网址| www.910046.com-云南昆明彩砖| www.dx06.com-90彩票-| www.926644.com-32购彩-| www.cai9188.com河北快三二同号推荐| www.728008.com-奇妙彩票-| www.973416.com-身为一道彩虹| www.du33.com-高频彩票中奖秘籍| www.7296.com-满堂彩官网-| www.156664.com-惠彩网是真的吗| www.1354.vip-苹果彩票彩app| www.770.cm-玩彩的吗-| www.306822.com-天津彩票时时彩中奖| www.891257.com-博友彩邀请码怎么弄| 吉利彩票www.80065g.com| www.789423.com-福利彩票图纸| www.924342.com-丹麦快乐彩高手计划| www.oo.com-湖南有手机买福彩| www.f63.xyz-福利彩票事件| www.529596.com-大佬彩票下载安装| www.126841.com-豪门彩票-| www.728548.com-海南体彩客户端| www.819895.com-七星彩爆率-| www.945662.com-福建彩票店-| www.01vi.com-湖南体彩兑奖中心| www.377231.com-福彩3d奖项设置| www.507315.com-e乐彩专业版| www.648819.com-网易彩票是-| www.870157.com-彩票投资指南报纸| www.961127.com-安徽彩票15选5| www.hw96.com-体彩5d开奖公告| www.36ib.com-七星彩书-| www.90203.com-七彩轻云破解版| www.132499.com-豪彩娱乐注册| www.845564.com-体彩为什么改版| PK彩票www.183699.com| www.ut69.com-时时彩客户端| www.39cy.com-彩票怎么中-| www.t79.cc-内蒙福彩快三73期| www.2808.in-天天中彩票升级| www.09883.com-晓艳之声七乐彩| www.eg44.cc-乐发彩票app下载| www.ec28.com-百姓彩票是不是骗局| www.zf84.com-福彩3d大号走势图| www.858614.com-竞彩串关计算方法| www.967964.com-网上微信什么彩票群| www.001300.com-今日体彩开奖查询| www.lk4.com-快三好玩吗-| www.4nx.com-博乐彩彩票平台| www.se24.com-中彩彩票手机网站| www.8697.xyz-足彩收米app| www.38131.cc-网彩大数据-| www.015425.com-巨丰彩票网站| www.154829.com-足彩入门到精通| www.366693.com-彩票网站背后的猫腻| 彩多多www.78949k.com| www.c77.cm-百宝彩十一选5| www.175929.com-三分快三精准计划| www.395821.com-19号的福利彩票| www.553024.com-七星彩开奖现场直| www.948403.com-87彩票店下载| www.403851.com-菏泽结婚彩礼一览表| www.268522.com-彩吧3d预测-| www.502661.com-多彩投亏本-| www.658562.com-彩视如何调播放速度| www.861997.com-附近体育彩票店| www.l62.net-彩票站发展趋势| www.38gt.com-七星彩定胆拖| www.9248.xyz-乐彩站时正规的吗| www.355674.com-足彩多少钱要交税| www.520073.com-福利彩票中两个号码| www.551411.com-哪些数字容易中彩票| www.665908.com-彩票直播app下载| www.791734.com-重庆时时彩网址推荐| www.907790.com-合肥滨湖福利彩票| www.997668.com-北京体彩站点查询| www.nf51.com-皇都彩票彩种| www.452826.com-百乐门彩票网站| www.647211.com-足彩过滤技巧| www.877752.com-台湾五分彩开奖号码| www.up01.cc-甘肃快三爱乐彩| www.752952.com-速盈彩票下载| www.80450.com-福彩快3开奖实况| www.481279.com-我为喝彩-| www.880072.com-平台彩漏洞改单| www.11236.cc-手机买足球彩票| www.949142.com-电脑彩色打印机| www.613033.com-澳门十二福利彩下载| www.790234.com-炫彩微商下载| www.qx5.cc-全天快三精准计划网| www.2127.shop-福彩折现图-| www.700490.com-如何破解云发购快三| www.809839.com-会员登录9b彩票| www.8250.loan-江西快三玩法技巧| www.dd25.com-人人中奖彩票软件| www.222482.com-彩票注册送28元| www.352939.com-中彩票真假-| www.501869.com-体彩排列三和值字谜| www.58572.cc-官方创彩app下载| www.501828.com-logink彩-| www.974661.com-易众彩店下载| www.028340.com-今天彩票开奖查询| www.971493.com-我的彩票开奖查询| www.914752.com-彩九登录网站| www.fi98.com-贵阳福利彩票官网| www.8856.org-乐彩网合买大厅| www.83mz.com-黑彩网站泛滥| www.5594.pw-彩票到家app| www.14394.com-江苏e足彩开奖结果| www.68897.com-上海体彩中心照片| www.85hp.com-彩友多吧-| www.3721.xyz-凤彩官方下载苹果版| www.81855.cc-彩票遗漏是什么意思| www.056220.com-河北彩票开奖号码| www.152103.com-江苏省体育彩票官网| www.235719.com-竞彩360-| www.311523.com-福彩3d知识-| www.14959.com-中国全民彩票合法吗| www.40095.com-足球彩票任九奖金| www.703665.com-福彩官网首页提前开| www.0422.net-体育彩票418| www.02735.com-3d福彩八卦图| www.849982.com-玩分分彩的经历| www.941187.com-阿里彩票是阿里巴巴| www.987166.com-海南好彩快三| www.zq24.com-3d彩票开奖号今天| www.371143.com-新彩与粉彩的区别| www.20fi.com-大乐透中奖彩票样票| www.607739.com-亚洲杯可以买竞彩吗| www.694694.com-吉林长春快三走势图| www.764686.com-778彩票下载| www.816911.com-身边中彩票的人| www.877577.com-彩票发财脸-| www.961578.com-牛蛙彩票全年资料| 百姓彩票www.www.bxcp3333.com| www.520237.com-大型彩票中心| www.645167.com-珐琅彩小茶杯| www.818626.com-p3体彩开机号今天| www.913986.com-c16彩票-| www.470163.com-国内怎么买美国彩票| www.4620.vip-体彩单张过万| www.661787.com-广东竞彩神单| www.110211.com-七星彩彩图-| www.200697.com-昨天福彩出什么| www.9yq.com-奇彩娱乐账号注册| www.83jr.com-足彩一手是什么意思| www.59893.com-网赌ag快乐彩| www.611222.com-彩票开机号开奖| www.380063.com-七乐彩31期奖号| www.5369.cm-在淘宝怎么买彩票| www.306095.com-727竞彩彩票| www.776662.cc-彩神11app-| www.923797.com-秒速快三下载| www.cc90.com-福彩排5开奖号| www.q62.in-体彩所有玩法| www.640116.com-足彩滴滴跟单app| www.732933.com-体彩七位数在线机选| www.033986.com-七乐彩票真的吗| www.gg59.com-彩客网完整比分直播| www.906298.com-吉林市黑彩抓获| www.149808.com-在线甘肃快三| www.565259.com-北京三彩店-|