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.41988.cc-d9彩票软件下载| www.113785.com-重庆时时采彩走势图| www.864715.com-福彩凤彩网-| www.948042.com-双色球众彩网首页| 彩民网www.76520j.com| www.mi04.com-青海今天开奖快三| www.1sw.cc-头奖彩票怎么处理了| www.qt52.com-上海快三一定牛网站| www.83xo.com-北控国彩和北控京彩| www.327525.com-彩票图纸-| www.2619.net-彩票在线下载| www.990415.com-汇彩网是什么| www.517852.com-迷彩虎官方app| www.26768.com-七星彩三字现多少钱| www.756255.com-中彩为公-| 网易彩票www.07163f.com| www.369842.com-云彩店怎么改邀请码| www.505474.com-彩运无限首页| www.5576.space-小彩牛彩票是真的吗| www.507513.com-cp彩票app彩| www.154458.com-带玩彩票赚钱| www.96eq.com-福赢门彩票-| www.544423.com-怎么开设彩票平台| www.85892.com-网上的体彩天下快三| www.4372.cm-实时彩计划-| www.079186.com-快三可以网上买吗| www.388440.com-骰子彩票的技巧| www.610695.com-大发快三体验版| www.75gy.com-微信买体彩如何兑奖| 彩82www.c6002.com| www.21353.cc-竞彩篮球今日赛事| www.93293.cc-互动彩票江苏快3| www.217129.com-福彩有快三的省份| www.351793.com-彩票站帮忙买彩票| www.789370.com-彩妆加盟店排行榜| www.871930.com-毕节市福利彩票中心| www.947079.com-福彩开奖直播在线| www.997366.com-福彩3d乐彩网摘| www.bh15.com-易彩娱骗局-| www.01ev.com-彩票真实的吗| www.727205.com-网络彩票骗局经过| www.935312.com-大牌彩票ios| www.wp39.com-彩票动图-| www.cai2599.com时时彩怎么玩| www.668920.com-排列三的彩报第二版| www.915856.com-开福利彩票店怎么样| 大赢家彩票平台www.163770.com| www.zk82.com-038彩票网址| www.1026.org-彩票开奖结果彩报| www.9510.loan-彩票是真的还是假的| www.020188.com-足彩篮彩计划| www.31336.cc-安徽时时彩快3| www.84266.com-单坡彩钢棚-| www.0082.cc-福利彩票有那些| www.7619.cc-爱彩人ios下载| www.739242.com-彩经网彩票杀号定胆| www.880432.com-乐彩3d论坛手机版| www.263261.com-3d彩吧图迷第一板| www.351055.com-体彩卖什么-| www.436969.com-怀化体育彩票| www.3992.cc-结婚女方彩礼多少钱| www.860729.com-好彩蓝莓爆珠条形码| www.qk29.com-500彩票极速快3| www.457744.com-代理广东福彩中心| www.545338.com-安徽快三中奖表| www.621726.com-88彩票网黑钱| www.697116.com-彩界联盟软件| www.781813.com-宝马集团彩票时时彩| www.862663.com-周五什么彩票开奖| www.930378.com-我要投诉天天爱彩票| 发彩www.50732u.com| www.842088.com-体彩公益金提取比例| www.531510.com-买nba篮彩交流| www.623822.cc-足彩500万竞彩| www.710691.com-彩神4安卓-| www.788006.com-腾讯qq彩票-| www.870824.com-福彩36选7走势图| www.943318.com-博众时时彩官网| 网易彩票www.9356q.com| www.fq93.com-安徽快三当前遗漏号| www.231194.com-海南快三查询| www.306438.com-688彩票可靠嘛| www.832295.com-七彩影院在线下载| www.636512.com-彩虹4售价-| www.748611.com-一分钟赛车彩票| www.856938.com-如何开彩票站| www.913780.com-福彩双色球领奖流程| www.75573.cc-成功彩票登录网址| www.062140.com-快三能提现吗| www.3230.com-齐中网彩天下| 全民彩票www.qm72.com| www.gl29.com-江苏快三是骗局揭秘| www.fr45.com-百盈快三平台| www.06gh.com-彩铅花鸟-| www.83jr.com-足彩一手是什么意思| www.206641.com-正规福彩快三app| www.119331.com-代玩快三兼职| www.469570.com-开彩票站五行属什么| www.570331.com-七彩虹1050-| www.639829.com-东方集团彩票破解| www.703403.com-老葡京彩票-| www.781211.com-儿童彩虹画图片| www.851525.com-重庆时时彩购买平台| www.910376.com-3d福彩开奖时间| www.963770.com-彩虹羽泉歌词| 500彩票www.66653t.com| www.2667.com-6288彩票网址| www.569458.com-皇家彩世界ios| www.760533.com-怎么下载时时彩宝典| www.658548.com-福彩d开奖结果今天| www.15nc.com-inoty彩虹版| www.93qc.com-金沙投注七星彩| www.907926.com-合肥市福彩中心电话| www.208494.com-江苏快三100计划| www.340088.com-恶搞中奖彩票图片| www.489222.com-必发彩票违法吗| www.441763.com-彩色水磨石图片欣赏| 爱购彩www.23636h.com| www.262150.com-快三客是什么样子的| www.5816.cm-竞彩6场3关怎么算| www.910778.com-k彩福地登录| www.988240.com-掌中彩一福利彩票| www.bq13.com-官方至尊彩app| www.sm83.cc-天津时时彩网app| www.9093.vip-七乐彩中奖查询单是| www.g95.top-中彩500-| www.55cq.cc-体彩重庆百变王牌| www.987724.com-福彩双色球机选号| www.254037.com-七星彩琼粤解诗网| www.042731.com-福彩3d专业走势图| www.368711.com-彩票与生活庄子说梦| www.452971.com-3d图库彩吧第五版| www.21lw.com-体彩标语-| www.5000.gg-多彩彩票-| www.594580.com-好彩赢天下资料| www.7294.me-福彩开奖前停售时间| www.27872.cc-巨丰彩票50701| www.b33.com-49c彩票登录| www.ji4.cc-北京快三前三直| www.943.cn-吉林快三实时开奖| www.060585.com-海南私彩代理违法吗| www.073604.com-中国福彩新玩法| www.184386.com-彩票走势图软件| www.606319.com-为什么停止销售彩票| www.776272.com-火剪彩票下载| www.55574.cc-玩彩虹伞可用的音乐| www.633302.com-竞彩蓝球规则| www.694786.com-竞彩数据软件哪个好| www.0937.date-体彩三d今天| www.82608.com-福利彩票停售时间| www.833123.com-彩票77苹果能下吗| www.902366.com-快三单注奖金多少| 吉利彩票www.80075f.com| www.a49.xyz-3d职业彩民-| www.771157.com-c8万彩吧下载| www.830789.com-手机cp彩票下载| www.882419.com-易彩票网站-| www.938687.com-福彩通平台是真的吗| www.987562.com-爱乐透彩票门户电脑| www.oy24.com-在微信群玩彩票| www.563701.com-福利彩票机器人| www.228318.com-河南彩礼标准引热议| www.165448.com-玩大发彩票输了| www.63228.cc-新浪足彩开奖|