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.872384.com-牛彩网大乐透预测| www.872346.com-快三用胆拖-| www.957210.com-京彩挂机-| 财神网www.29277x.com| www.128946.com-极速3分彩票| www.969155.com-福彩公益金分配问题| www.165073.com-网上彩票平台排行榜| www.222225.com-百盈快三六六顺彩票| www.966044.com-双数开彩什么动物| www.61hr.com-意彩软件下载| www.0103.cn-彩字的网名大全| www.8169.com-时时彩彩票计划群| www.095301.com-湖南彩票论坛| www.8783.tv-七星彩南国彩票论| www.354618.com-加拿大彩票大奖| www.356605.com-彩票微信如何推广| www.9ld.com-七星彩一星期开几次| www.9533.top-海南七星彩怎么注册| www.87701.com-大资本彩票官网| www.14236.com-体彩全运彩一定牛| www.405831.com-海南七星彩长条图| www.217365.com-快三追号欠下巨款| www.9505.vip-财神腾讯十分彩| www.58686.com-徐文轩福彩3d讲座| www.826621.com-彩票中二等奖穷人| www.924433.com-6亿彩票6e-| www.986641.com-竞彩网开奖结果| www.ae10.com-彩票最新开奖| www.0347.hk-福州体彩中心电话| www.045.hk-浙江省福利彩票12| www.532631.com-澳门天星彩-| www.619668.com-打彩票图片大全| www.234412.com-合法的网上彩票| www.630378.com-足彩任选九倍数| www.204988.com-彩票万能准确选号器| www.767091.com-体彩快乐11走势图| www.69174.com-体彩大乐透怎么买| www.952710.com-彩乐网高手-| www.10034.com-6118彩票平台| www.89939.com-体彩竞猜网站| www.130473.com-福彩投注站编号查询| www.380295.com-正规的体彩实体店| www.607804.com-韩国五分彩靠谱吗| www.0835.org-足彩购彩app| www.721936.com-中国福彩网官网首页| www.862839.com-肥城体彩3亿中奖| www.268588.com-网赌快三如何回本| www.419885.com-天马彩票计划| www.554864.com-那个省份快三| www.020639.com-在网上怎么买福彩| www.104161.com-好彩柠檬双爆| www.185680.com-福彩规划是什么东西| www.290813.com-合肥福彩中心| www.386307.com-足球体彩彩票怎么看| www.509223.com-参与彩排哈-| www.22835.cc-百事彩票2727| www.982.red-七星彩中了五个数字| www.626682.com-数字彩票竞彩网| www.729079.com-老猫看彩今晚出彩| www.817633.com-幸运时时彩定位走势| www.961497.com-彩票中奖绝招| www.rd9.com-甘肃快三助赢计划| www.2769.wang-竞彩2串1破产| www.41984.com-d9彩票d9cc| www.660423.com-彩票刮刮乐透视眼镜| www.756521.com-投票彩票-| www.901615.com-今晚福彩3d开奖号| www.972427.com-彩铅画图片大全明星| www.xw9.com-大发快三邀请码链接| www.392030.com-新万彩吧彩票预测| www.529201.com-87彩票店主加盟| www.693328.com-飞天彩票-| www.698834.com-油性彩铅画星空教程| www.806466.com-京彩娱乐登录网址| www.680825.com-彩票上瘾能戒掉吗| www.3sy.com-九州彩票软件下载| www.508318.com-奥运场馆彩票收藏| www.30114.com-彩8娱乐下载| www.059944.com-乐彩论坛app| www.18qk.com-鲁豫讲彩票视频| www.8808.link-分分彩是官方开的吗| www.69936.cc-广东福彩快乐5分| www.047968.com-爱淘彩彩票-| www.tj70.cc-乐炫彩票网址| www.09gf.com-第三方彩票数据接口| www.80cp.com-金誉彩票网app| www.1766.mobi-彩票链接骗局| www.4115.biz-彩虹6号ipad| www.87bb.com-会员登陆乐彩| www.72418.com-福彩开奖青岛快三| www.912021.com-三分快三专家预测| www.187849.com-今日江苏快三走势图| www.262228.com-福彩3d彩票助手| www.773.cm-江苏虚拟e球彩| www.2037.vip-二四六好彩图片玄机| www.ye59.com-快三和值大单的组合| www.36578.cc-玖亿彩票官网| www.345556.com-杏彩娱乐-| www.765078.com-湛江加急七星彩版| www.959677.com-3号彩票3h-| 易彩网www.36166j.com| www.58172.cc-江苏快三直播彩乐乐| www.463568.com-七星彩专区-| www.552213.com-3d利彩开机号| www.613105.com-厦门体彩中心在哪里| www.65qw.com-定蓝高手的彩票专栏| www.1068.com-彩票选号聪明组合| www.111353.com-小站宝彩票正规吗| www.969231.com-福彩资金使用范围| www.nd2.com-河南快三豹子号预测| www.554015.com-冠亚彩票网-| www.672332.com-福彩三d之家首页| www.799509.com-一品彩票网下截| www.54eo.com-1分快3乐彩33| www.2754.cc-爱乐彩网页-| www.53033.cc-重庆时时彩春节有吗| www.140095.com-彩票店兑奖有返点么| www.877883.com-彩迷什么意思| www.983760.com-华宇装潢玩彩票| www.qt90.com-彩票案于海最终结果| www.560217.com-斗鱼竞彩赢了没鱼丸| www.284065.com-有彩色系-| www.54tg.com-彩39是正规平台么| www.6032.vip-今晚彩票开奖结杲| www.004653.com-幸运快三软件下载| www.096998.com-福彩改革-| www.ws68.com-分分快三算法| www.36363.cc-福彩走势图有哪些| www.823309.com-博兴彩钢瓦厂| www.907763.com-网上哪个平台买彩票| www.968750.com-彩世界安卓版| 皮皮彩www.106280.com| www.61126.cc-非法彩票查处| www.031339.com-天天购彩网是什么| www.169995.com-河南快三开奖查询| www.6021.org-七乐彩双期双色| www.689888.com-彩66彩票网登录| www.815083.com-山东体彩手机版官网| www.937756.com-体彩第19007期| 佰萬彩票www.560265.com| www.320096.com-百宝彩票查询助手| www.397854.com-昆明彩票店转让| www.505688.com-盛彩app客服| www.301991.com-湖北快三定位走势图| www.371088.com-新世界彩票平台| www.96221.cc-互娱彩票是合法的吗| www.765430.com-速8彩票是骗局吗| www.872056.com-彩票中奖计算器| www.992623.com-喜乐彩网址-| www.aa57.com-怎么看彩票走势图| www.yq98.cc-山东体彩扑克玩法| www.556010.com-手机彩票哪个靠谱| www.606869.com-福彩3d定胆规律| www.661972.com-彩票平台怎么赚流水| www.727007.com-彩票帮投赚佣金可靠| www.781488.com-微彩站是不是真的| www.839336.com-求加入福彩快三| www.887232.com-易中奖彩票-| www.940050.com-彩票4+1多少钱| www.979450.com-白菜网送彩金交流群| 中福彩票www.631257.com| www.719666.cc-福利彩票网投平台| www.777966.com-中国彩票种类及玩法| www.833553.com-全民彩票体育彩票|