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.jn36.com-被网上彩票诈骗| www.77dk.com-一分彩是真的吗| www.3131.tv-喜悦彩票官网| www.qf97.com-彩28彩票下载| www.678.gg-澳门博彩有限公司| www.7923.bid-云来彩票下载| www.333666.com-赠与彩票-| www.188271.com-彩3彩票官网首页| www.609944.com-7星彩复式-| www.756753.com-浙快乐彩-| www.889605.com-凤凰彩世界贴吧| www.cai660.cc-贵州快三一定牛| www.65mp.com-麒麟彩票是什么| www.5478.net-喜欢买彩票的男人| www.19622.cc-安徽快三一定有| www.518894.com-盛邦分分彩下载| www.238910.com-微信女的让你玩彩票| www.390330.com-彩票群主-| www.515360.com-怎样购买七星彩票| www.605511.com-有什么好的彩票平台| www.690076.com-中彩网双擂台赛| www.785900.com-福彩双色球139期| www.863440.com-彩客网旧版-| www.209538.com-彩票规律计算公式| www.b19.bid-快三和值跨度表图片| www.38wc.com-河南体彩彩票网| www.xe69.com-3p彩票走势图| www.830357.com-网上哪里还能买彩票| www.ih70.com-体彩竞彩网-| www.03612.com-七星彩有没有骗局| www.51661.cc-3d彩报今天大怪字| www.265459.com-福彩3d稳氏理论| www.349338.com-大发彩票是什么意思| www.638566.com-南通竞彩店地址| www.14jy.com-喜盈盈彩票app| www.660362.com-腾讯分分彩波动算号| www.1111.red-竞彩比分中奖经验| www.7096.cm-七彩珠心算-| www.23113.cc-彩票单双怎么算| www.84290.com-七星彩直播结果| www.107366.com-世界杯竞彩销量| www.198005.com-兰州快三开奖号码| www.050766.com-如何赚黑彩平台的钱| www.9110.online网易彩票暂停通知| www.137052.com-彩788软件下载| www.710557.com-最新彩票套利项目| www.622933.com-乐发彩下载-| www.704502.com-乐彩彩票app入口| www.163824.com-中国体彩网nba| www.485776.com-一分彩稳赚-| www.563312.com-海外博彩套利骗局| www.632735.com-体彩排五连线走势图| www.708015.com-彩票光碟诈骗| www.856787.cc-福彩今天中奖号| www.cp6623.com-北京快三最大遗漏| www.3gu.com-热购彩票违法| www.8408.cn-七星彩票手机下载| www.52167.cc-安徽快三助赢手机版| www.874976.com-竞彩258下载| www.985957.com-时时彩是几点到几点| www.937963.com-亚洲会彩票官方网站| www.ce27.com-有人买快三亏钱吗| www.29jx.com-什么叫搜狐彩票| www.76hq.com-彩票作假怎么没人管| www.5197.cm-韩国快三图-| www.427411.com-足彩11转9软件| www.975595.com-七星彩最精准预测| www.46qb.com-红彩app靠谱吗| www.827985.com-彩1彩票苹果| www.932224.com-开七星彩结果| www.986861.com-即乐彩福建体彩网| www.ah23.com-南国体彩论坛| www.853207.com-金福彩票网提不了现| www.8982.xyz-开个彩票店怎么样| www.70354.com-玩彩计划群聊| www.50yv.com-足球竞彩腰斩怎么算| www.0091.com-七星彩直播网易彩票| www.656810.com-亿彩彩票代理合法吗| www.709082.com-博盈彩票网合法吗| www.cp024.com-江西福彩快3玩法| www.440043.com-七星彩守号15年| www.517229.com-今天六台彩开么特马| www.930303.com-91彩票app下载| 彩多多www.78949h.com| www.sm96.cc-足彩竞猜网-| www.375501.com-睛彩宁夏-| www.196815.com-快三彩票规律查询表| www.387733.com-淘彩官网下载| www.411345.com-彩票开奖失误视频| www.516677.com-破解网上彩票| www.585920.com-同心博彩-| www.656051.com-彩票包赔平台| www.720728.com-新浪体彩下载| www.786282.com-大赢家时时彩平台| www.857268.com-众购彩票app| www.939015.com-58彩票苹果下载| E彩堂www.43818q.com| www.ej29.com-网上购彩最新消息| www.52rc.com-贵阳彩票11选五| www.371.websitea23彩票-| www.7086.cc-七彩建设怎么样| www.35699.com-头条号官网彩票| www.175701.com-中国快三网官网| www.253034.cc-好彩3复式玩法| www.341746.com-福彩截止销售时间| www.xt84.com-彩票多会能买| www.84qs.com-福彩3d预测牛彩| www.9269.in-海南七星彩头尾技巧| www.262615.com-手机福彩投注| www.350398.com-澳洲3分彩开奖记录| www.590291.com-海南七星彩网投软件| www.200925.com-预测今晚七星彩号码| www.44jn.com-彩票缴费通-| www.851083.com-360足彩彩票| www.41718.com-体彩排三开开奖结果| www.731669.com-福彩二十选五推荐号| www.691118.com-河北彩票网注册账户| www.823803.com-琉璃三彩官网| www.cp1818.com-快三免费计划| www.751708.com-端彩祥云app| www.828356.com-谁中了彩票一等奖| www.895376.com-爱快三彩票网| www.959389.com-彩票大本营彩民村| 乐点彩票www.318187.com| www.753071.com-国家高频彩时间调整| www.829533.com-体育彩票数据分析仪| www.893313.com-免费彩票过滤软件| www.954774.com-19年彩票中奖记录| www.995248.com-五分彩五星定位胆| www.ak20.com-安徽福彩快三走势| www.96832.com-彩票如果中大奖| www.pm16.com-体育彩票下载手机版| www.417787.com-体育彩票6加一奖池| www.266580.com-有没有在快三输钱的| www.413713.com-至尊博彩是什么意思| www.520337.com-财神彩票网址是多少| www.606021.com-福利彩票怎样购买| www.735916.com-天牛彩吧图库图| www.814972.com-福彩p3开奖-| www.892716.com-盈彩彩票官网| www.953864.com-彩票中奖得主| 爱米彩www.am7779.com| www.789231.com-外围竞彩软件哪个好| www.26kw.com-彩38app入口| www.du22.com-彩票中奖神器| www.3638.wang-跟着大牛买篮彩| www.61577.com-乐米彩票停售| www.462677.com-惠盈彩票下载| www.18736.com-彩票33平台怎么样| www.c20.vip-星彩viptxcc| www.65js.com-满堂彩平台-| www.71la.com-福彩励志语-| www.29476.com-山东省体彩app| www.698258.com-浩博时时彩手机版| www.834927.com-日本加税好彩| www.929723.com-广州快三-| www.041340.com-168cp彩票-| www.7004.top-足球彩票厂家优惠| www.984334.com-福彩快乐十分开奖| www.34363.com-快3彩票彩种| 易彩网www.335021.com| www.022756.com-凤凰彩票快3怎么玩| www.132878.com-豪彩vip软件| 500彩票www.630477.com|