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天

知道了
1分快三 www.253228.com-时时彩全天计划一期| www.466388.com-分分彩反倍投| www.55832.cc-18彩官网-| www.97py.com-王成周彩票-| www.nu19.com-乐福网彩票时时彩| www.5846.xyz-亚上彩官方-| www.1583.xyz-快3彩票微信群| www.11755.com-购彩大厅大发快3| www.84814.com-佩奇彩票骗局| www.995194.com-北京福彩网论坛专家| www.st07.com-河北快三计巧| 大赢家彩票平台www.376817.com| www.ln96.com-怎样买彩票-| www.u78.xyz-彩票网免费送彩金| www.98lg.com-快三如何买赢| www.793020.com-彩票与投资-| www.36339.cc-买彩票几注什么意思| www.80805.cc-福彩三3g开奖视频| 福利彩票www.8039r.com| www.zz47.cc-彩票店布置-| www.561090.com-乐彩网双色球开机号| www.75578.com-艾彩踩踏登录| www.st79.com-福彩中奖规则明细| www.673947.com-关于取消彩票快开| www.065597.com-必赢彩票是正规的吗| www.174003.com-分分快三软件下载| www.99817.cc-头彩彩票下载| www.456141.com-彩虹六号黑镜小技巧| www.60520.cc-买彩票公司-| www.917426.com-必赢彩票软件下载| www.898.link-彩票中奖有命花么| www.b90.top-时时中彩票-| www.6717.com-彩票兼职招人群| www.66253.cc-网页时时彩做号工具| www.067972.com-云彩票-| www.4497.xyz-七乐彩19023| 七彩www.53900h.com| www.986657.com-中国彩票预测咨询网| www.ul21.com-内蒙古体育彩票站| www.40ga.com-大赢家彩票服务区| www.1083.vip-网上分分彩害人| www.622267.com-九彩洗衣液-| www.788187.com-19050足彩预测| www.954843.com-给瑞彩祥云网站| www.gj44.com-福彩一分快三| www.36qe.com-七星彩走势图和值| www.879636.com-北京多乐彩官网| www.960473.com-福彩3d推荐号今天| www.cp4599.com-快三复式应怎样复式| www.573432.com-南海体彩论坛808| www.706368.com-时时彩豹子出现规律| www.kf59.com-福彩网1分快3计划| www.22wk.com-166福彩-| www.02592.com-体彩大乐透中奖交税| www.128196.com-无极3时时彩合法吗| www.841411.com-彩妆品牌-| www.936418.com-分分彩稳赢技巧| www.999225.com-下彩网骗人-| www.fj93.com-天下彩与彩票同行| www.zt49.com-老建盏有七彩光吗| www.977164.com-濮阳因彩礼死人| www.hc73.cc-体彩屋app-| www.8ra.com-浙江福利彩票站点| www.588045.com-唯彩会荐彩-| www.752958.com-彩票规律只能中小奖| www.269300.com-长城彩票是真的吗| www.345270.com-大发彩平台-| www.025898.com-7乐彩走势图| www.900776.com-福彩3d银海布衣图| www.227595.com-多乐彩开奖号码| www.052858.com-手机购彩大发快三| www.58236.cc-彩乐园2下载| www.78zc.com-uo国际彩票-| www.yf42.com-好彩彩票-| www.70uu.com-彩易网福彩3d预测| www.468864.com-百度福彩开奖| www.586025.com-彩票维护到什么时候| www.223303.com-福利彩票下载手机版| www.050076.com-中国福利彩票7彩乐| www.zd14.com-7乐彩推荐号码| www.80mt.com-北控集团和北控国彩| www.9234.vip-乐彩国际注册| www.wz67.cc-彩库宝典苹果版下载| www.687169.com-体彩竞猜足球结果| www.725923.com-彩色夹子-| www.793130.com-福利彩票如何看中奖| www.862319.com-幻想自己中彩票中奖| www.929945.com-体彩排列3胆码杀号| www.984834.com-彩票幸运选号在线| www.tf.cc-vip彩票官方平台| www.nf88.cc-甘肃快三计划| www.s82.cn-海南福彩快2记录| www.974388.com-吉林新快三走势| www.4345.pw-鑫彩网588-| www.085367.com-福彩十五选五推荐号| www.092.mobi-彩票500网走势| www.022928.com-体彩怎么看中奖| www.830328.com-易旺彩票是什么意思| www.930372.com-我爱彩票app下载| 快乐彩票www.472255.com| www.34691.com-彩吧走势图-| www.84yf.com-彩票代购软件排行榜| www.068435.com-开发一个彩票软件| www.181523.com-幸运快三网址| www.90999.cc-广东福利彩票好彩3| www.125077.com-梦见清晰的彩票号码| www.312196.com-彩票长龙助手app| www.479205.com-陕西省福彩中心电话| www.134870.com-龙彩娱乐时时彩平台| www.124967.com-腾讯分分彩正规网| www.195365.com-江西快三推荐一定牛| www.264553.com-彩票出号原理| www.523032.com-网上app刷彩网赚| www.125741.com-众购彩票-| www.xp81.com-体彩11选5投注| www.134178.com-看快三用什么软件好| www.125485.com-福彩刮刮奖骗局| www.308259.com-上海快三走试图| www.511725.com-胜负彩九场奖金| www.qf32.com-怎么算快三下期和值| www.678125.com-易彩堂怎么注册| www.223.online-淘彩票邀请码多少| www.23216.cc-福彩3d专家推存号| www.99089.cc-彩礼给6万合适吗| www.128361.com-快三输了能不能回本| www.971674.com-电玩8彩票网安全吗| www.4561.in-凤凰彩票靠谱么| www.8246.biz-假彩票机中国福彩| www.73895.cc-山西体彩11选5图| www.038052.com-爱彩乐广东11| www.38833.com-六六红彩app| www.11458.com-世界几大博彩公司| www.761431.com-中彩票概率比死| www.672690.com-19027七星彩| www.851635.com-七皇彩开奖结果查询| www.365799.cc-彩票开奖延迟| www.944950.com-248彩票首页| www.790512.com-彩票随机选号软件| www.4801.cc-彩乐汇平台靠谱吗| www.851143.com-时时彩几分钟一开| www.910958.com-k彩是骗局-| www.960058.com-淘彩软件-| www.997288.com-彩仙官网-| www.aa17.com-彩31走势图-| www.879591.com-江西五分彩开奖结果| www.976234.com-彩礼说说-| www.aq25.com-彩人帮专栏-| www.120486.com-燕赵福彩新闻公告| www.251143.com-2020彩票苹果版| www.8838.online福彩邀请码中怎么弄| www.223716.com-竞彩足球开奖结果| www.605499.com-全国福体彩开奖查询| www.796189.com-盈彩汇彩票是真的吗| www.250486.com-中彩彩票苹果版下载| www.49757.com-皇冠彩票正规么| www.051156.com-鸿运党和彩-| www.365310.cc-体彩建行充值| www.621.mobi-十四场足彩开奖结果| 优彩网www.974091.com| www.092372.com-足彩竞猜吕串关玩法| www.432888.cc-幻彩官网-| www.521388.com-时时彩停了吗| www.352208.cc-众购彩票官方网| www.144011.com-彩运无限官网|