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.23779.cc-彩票微助手怎么样| www.120693.com-竞彩足球兑奖有效期| www.318054.com-太子彩票成立多久了| www.5005.xyz-中国彩票的qq| www.085289.com-分分彩在线平台| www.80005.cc-福彩快开-| www.427210.com-乐彩网双色球下载| www.00hn.com-福彩三地布衣图| www.93618.com-贵州快三走势图遗漏| www.191868.com-6合万彩开奖| www.kt23.com-平台彩票-| www.99872.cc-太子彩票网页版| www.086277.com-分分彩刷流水返点| www.335028.com-福彩快三有什么技巧| 500彩票网www.607995.com| www.gd94.com-福彩赛车骗局| www.038390.com-快三追号软件下载| www.792931.com-专业彩票团队| www.410989.com-中国足球竟彩| www.297613.com-彩票基本常识| www.653429.com-玖亿彩票是真的吗| www.566927.com-青岛福利彩票中心| www.722111.cc-彩票近30期开奖图| www.447561.com-足彩正规投注网站| www.677755.com-下载好彩网-| www.854211.com-苹果pp彩票app| www.73uo.com-我玩彩票害死了| www.562091.com-南国七星彩手机板| www.650157.com-带玩彩票软件| www.684968.com-福彩3d静态版| www.793095.com-江苏福彩领奖流程| www.876232.com-安卓版约彩365| www.981524.com-306老版彩票| www.ja6.cc-快三开奖内蒙古的| www.ou47.com-福彩快三玩法奥秘| www.859783.com-彩民论坛推荐号| www.939818.com-代玩彩票招聘| www.980536.com-1068彩票网-| www.32575.cc-足彩预测大师| www.32234.com-足彩竞彩专家预测| www.95153.com-儿童彩妆的画法| www.081801.com-七星彩网上怎么买| www.50091.cc-聚彩彩票网平台| www.98765.com-甘肃福彩3d太湖继| www.071212.com-彩28下载-| www.387700.com-南方双彩下载安卓版| www.948176.com-中彩网3d专家推荐| www.gd07.com-彩票计划群图啥| www.06ye.com-澳门五星彩开奖| www.974823.com-七星彩19048| www.ms19.com-易盈彩票官网苹果版| www.786538.com-彩票走势图表格家用| www.706032.com-时时彩大小单双预测| www.800095.com-河南福彩中心电话| www.33807.com-彩票分析师是干嘛的| www.82527.com-3d福彩怎么看中奖| www.033780.com-如意彩票下载| www.e73.me-中国体育彩票官网站| www.zm37.com-唯博彩票信息下载| www.267604.com-竞彩怎么判断冷门| www.6033.cm-昭通彩票中奖者| www.653059.com-500万彩票网赛程| www.872490.com-福建省福彩官方网站| www.949674.com-福彩3d20019| 百姓彩票www.bxcp3.com| www.507986.com-刚力彩芽和纱荣子| www.585009.com-中国彩吧论坛首| www.659094.com-体彩福彩群-| www.732718.com-汇彩平台-| www.796442.com-彩票有没有稳赢的| www.885322.com-众彩网首页| www.951431.com-大发快三看走势图| 惠民彩票www.hm8222.com| www.cp784.com-玩快三的app全部| 奔驰彩票www.750966.com| www.378055.com-3抵制天价彩礼3| www.081088.com-七星彩奖金分配| www.11oj.com-在支付宝这样买彩票| www.3781.biz-7星彩直播开奖现场| www.742457.com-好运来网站彩票| www.936127.com-爱彩彩票可靠么| www.922915.com-体育彩票的盈利| www.gl82.com-彩票中奖概率| www.57ha.com-360官方彩票| www.8373.loan-海南七星彩系统出租| www.70dv.com-巴厘岛彩票网址| www.025230.com-花生彩票是骗局吗| www.314896.com-时彩后一万能技巧| www.883113.com-有人带你投彩| www.988738.com-全民连中彩票升级| www.if96.com-福彩3d杀尾大全| www.5841.com-江苏体彩开户银行| www.526303.com-h辉煌彩票下载安装| www.812785.com-黑龙江体彩网东北网| www.913619.com-ag彩票平台-| 幸运彩票网www.33598u.com| www.k26.org-福彩三专家今晚预测| www.627.website新的彩票直通车| www.2339.biz-福建好彩头何敏| www.95392.cc-多鑫网彩票-| www.092326.com-买快三输的很惨的| www.335177.com-做彩票代理拉人经验| www.303593.com-鑫彩网是黑彩吗| www.596896.com-幸运赛车彩票网站| www.551753.com-彩票奇葩数字| www.358411.com-生肖彩一分钟一期| www.469767.com-外国中奖彩票图片| www.527038.com-彩票工资车吧| www.326120.com-体彩彩宝网-| www.421351.com-彩票短信点播| www.309017.com-马来西亚福彩| www.nw00.com-快三怎么能赚钱| www.168925.com-内蒙古快三开奖预测| www.259910.com-吉林快三走势图今天| www.346072.com-谁有快乐彩票邀请码| www.534560.com-6位数的彩票叫啥| www.179591.com-北京快三来开奖结果| www.838389.com-杭州福彩3d走势图| www.511551.com-类似大地彩票平台| www.oo26.com-发财彩票-| www.180231.com-福利彩票字谜汇总| www.337577.com-福彩开奖查讯| www.927553.com-三分彩开奖结果| www.cp893.cc-彩神争8谁与争锋| www.0im.cc-彩票app合法吗| www.104567.com-即时竟彩比分直播| www.278339.com-优信彩票大厅| www.yp1.cc-1分快3彩票怎么玩| www.978976.com-彩票在线购买| www.jv01.com-中彩娱乐网站是| www.93sn.com-单彩色的图片| www.880427.com-七乐彩中6-| www.745975.com-天天中彩票充值| www.801525.com-买彩彩票上团彩| www.865355.com-盈盈现金网彩票游戏| www.928984.com-手机彩票怎么买| www.981819.com-中国彩客网首页| www.oi3.com-甘肃省福彩中心电话| 688彩票www.688dl.com| www.84qn.com-体彩网手机积时比分| www.4350.vip-福彩报纸预测| www.800964.com-大众彩票源码| www.n29.cc-京彩app挂-| www.798522.com-彩票中奖如何兑奖| www.914954.com-优彩app-| www.627619.com-大发彩票什么网址| www.750705.com-第一盛兴彩票| www.826140.com-百度彩票网正规吗| www.894896.com-超级大乐透彩票投注| www.953826.com-小彩牛彩票下载| www.988091.com-彩民乐大乐透| www.cai6767.com吉林省体彩-| www.678922.com-福彩201-| www.762689.com-福利彩票免费领彩金| www.856630.com-反水彩票平台| www.951034.com-中彩在线群-| www.952221.com-福利彩票手机购彩| www.ad6.com-网络快三赌博| www.53337.cc-365天天彩票快三| www.926243.com-购彩lll软件| 百姓彩票www.bxcp3.com| www.416388.com-快三新魔图-| www.863415.com-彩客网电脑版官网| 吉利彩票www.80065m.com|