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天

知道了
9彩注册 www.111125.com-彩吧图库彩吧图库| www.121894.com-排列3彩票-| www.024727.com-上饶市体彩中心| www.88287.cc-爱彩彩票抢红包| www.061117.com-彩票2元网杀号定胆| www.ad21.com-七星彩现场直播今晚| www.90562.com-彩票3d500-| www.071890.com-贵彩棋牌破解器| www.2233.cm-约彩365停了吗| www.702.tv-体彩七星彩开彩结果| www.53ij.com-中国购彩网骗人的| www.3824.wang-七星彩有全单号中奖| www.17210.cc-今彩今天开票| www.72718.com-彩界精英独胆双胆| www.52456.cc-3d彩票开奖时间表| www.599567.com-买什么彩票靠谱| www.691792.com-14场胜负彩直播| www.791966.com-注册成功彩票| www.881002.com-广西福彩中心招聘| www.958432.com-大发鸿运彩票| 幸运彩票网www.33598h.com| www.79ev.com-福彩晚秋和值字谜| www.6678.live-3字谜专区双彩论坛| www.80782.com-彩票k线图技巧| www.032747.com-淘彩网首页-| www.181885.com-中国福利彩票| www.844439.com-福彩一等奖领取流程| www.937653.com-辽宁福彩客户端| www.999197.com-红8彩票网址| www.he36.com-大发快三免费破解器| www.380558.com-体彩麻辣中奖图片| www.860991.com-好彩1开奖号码| www.en27.com-新华网互联网彩票| www.76yv.com-一彩票开奖-| www.99pa.cc-鳄鱼说彩-| www.386259.com-四川南充福利彩票| www.731843.com-8k彩票骗局-| www.899737.com-江苏快三的赚钱技巧| www.983640.com-合法的彩票有哪些| www.nh50.com-310足彩网-| www.4859.net-梦见自己买彩票亏钱| www.58158.com-分分彩如何盈利| www.31629.cc-中福彩票湖北| www.ua83.com-购彩票的合法网站| www.66ae.com-彩票搞笑图片带字| www.2887.vip-酷彩安卓app| www.037055.com-手机购彩助手| www.827189.com-七星彩被骗了怎么办| www.951304.com-李彩桦-| www.fw52.com-体育彩票提成| www.48tv.com-天下免费彩票| www.493838.com-搜索福彩3d-| www.287395.com-香港供彩社区| www.237621.com-足彩比分直播5oo| www.32679.cc-福彩七乐彩兑奖期限| www.045005.com-481体彩怎么下载| www.209135.com-51彩票下载-| www.879800.com-开得最久的网彩平台| www.90599.cc-牛彩双色球字谜图谜| www.899893.com-1392天天彩票| www.980741.com-利彩彩票网免费下载| www.dl10.com-118彩票软件| www.2909.pw-澳门信誉彩票平台| www.3911.top-新够力七星彩| www.851633.com-安阳结婚彩礼新规| 老彩票www.775730.com| www.797676.com-金彩网246网| www.36959.cc-开机号中华彩票| www.057300.com-安徵福彩-| www.277453.com-快三彩票的网站| www.059916.com-快三大小走势| www.560551.com-时时彩经验心得| www.ob70.com-百盈快三和值怎么才| www.590305.com-彩金和黄金-| www.752568.com-福利彩票客户端| www.332238.com-体彩福彩哪个挣钱| www.63814.com-竞彩任九推荐| www.060774.com-北正街附近体彩店| www.669818.com-彩色沥青混凝土比重| www.790957.com-缅甸好彩柠檬双爆珠| www.255297.com-快3彩票首页| www.949221.com-pc28高奖金彩票| www.899019.com-湖北快三输钱| www.993691.com-姜山最新足彩推荐| www.pf36.com-快三倍投稳赢技巧| www.246342.com-体彩7-| www.72598.com-竞彩总进球数规则| 幸运彩票www.926799.com| www.0560.club-大家乐彩票官方下载| 乐迎彩票www.209880.com| www.3636.biz-彩票是怎么开奖的| www.36295.com-江苏快三走势爱彩乐| 云博彩票www.www.846661.com| www.34dj.com-福彩3d周几开奖| www.1956.club-中国彩吧彩民图| www.9689.xyz-彩票销量新闻| www.163826.com-彩票买几注好| www.154979.com-体彩足球6串22| www.055863.com-彩票有11位数字| www.203363.com-沉迷快乐彩-| www.502583.com-678彩票破解| www.23pj.com-韩国金山快三开奖| www.063804.com-做私彩代理什么罪| www.126423.com-创彩网真实可靠吗| www.185850.com-多少人玩快三| www.247232.com-上海市体彩管理中心| www.585085.com-hcp好彩票网址| www.657638.com-彩票杀号专家最准确| www.828249.com-彩民网怎么下载| www.897108.com-福彩查询-| www.960840.com-2018吉林快三群| 财神网www.29277b.com| www.384506.com-杨光华彩票大王视频| www.495569.com-如何买福彩容易中奖| www.999181.com-福彩试机号后分析| www.770958.com-彩票平台发布| www.930456.com-福彩双色球的玩法| www.996495.com-网易彩票大乐透试机| www.aw13.com-内苎快三预测号码| www.32bv.com-周六哪个彩票开奖| www.1266.win-七星彩开奖查询下| www.6593.top-聚财彩票网-| www.31355.cc-海南福彩快2| www.73434.com-49彩票资料-| www.6122.net-美国28彩票网| www.99hm.com-彩天地app下载| www.072616.com-三个骰子彩票叫什么| www.28862.com-中工彩双色球网站| www.90515.com-安卓系统彩票软件| www.070661.com-许昌结婚彩礼一览表| www.141503.com-彩票大师软件可靠吗| www.000934.com-安徽快三形态彩乐乐| www.2282.vip-福彩快三坑哭人| www.23875.com-易彩彩民福地电脑版| www.qw97.com-时时彩送彩金团队| www.7rc.com-员工年会彩票中大奖| www.58iw.com-4c彩票送金-| www.176516.com-分分快三技巧规律| www.7st.com-怎么能让彩票中奖| www.zx38.com-怎样开竞彩店| www.dt6.com-十分快三计划| www.yj77.com-快三15期倍投| www.40qw.com-港彩王四肖论坛网址| www.280878.com-中国竞彩网首页官方| www.393797.com-今晚的彩票是多少| www.520614.com-体育彩票选号技巧| www.609440.com-江苏福彩十五选5| www.706086.com-聚星彩票安全吗| www.795396.com-头奖彩票倒闭了吗| www.884993.com-爱乐彩官网正规吗| www.956895.com-香港百彩网址| www.a15.com-黑龙江时时彩首页| www.62jg.com-广东福彩网站主之家| www.220348.com-乐彩网手机版| www.307538.com-全新韩国快三| www.639766.com-东方秒秒彩平台| www.95sl.com-鸿鑫娱乐时时彩| www.313867.com-3d中彩网走势| www.250019.com-555彩票apk| www.125372.com-彩c16app-| www.357262.com-01官方彩票网站| www.146388.com-一号彩票网官网下载| www.73976.com-福彩1d中奖规则| www.966507.com-数字型彩票博弈论|