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.849326.com-福彩旗下有哪些公司| www.981135.com-7彩鲜花-| www.ra99.com-时时彩跨度是啥意思| www.03ec.com-跟人买彩票-| www.79ux.com-南京福利彩票网点| www.2059.vip-中彩网论坛首页| www.8936.cn-新彩网字迷总汇| www.000248.com-云南时时彩开奖码| www.087010.com-彩福大厦最高是几楼| www.168187.com-福彩3d开奖结果| www.255105.com-参与网络快三| www.339429.com-深圳市福彩兑奖大厅| www.442112.com-七星彩奖励规则| www.550903.com-网上合买彩票的吗| www.977412.com-兰考彩礼风俗| www.qx21.com-分分彩玩法说明| www.31ln.com-刻家奇门预测彩票| www.51621.com-竞彩比分直播和赔率| www.022324.com-彩易网手机站| www.132255.com-濮阳彩礼限高| www.213172.com-湖北省快三开奖号| www.289508.com-78彩票-| www.436267.com-山西十一选五体彩| www.535756.com-各省彩票巨奖| www.625500.com-那个彩票平台靠谱| www.698783.com-彩铅画画教程视频| www.777433.com-159足彩下载| www.874554.com-山西福彩中心电话| www.952386.com-娜彩快开怎么样| 福彩www.16878b.com| www.ib46.com-安徽福彩双色球| www.k39.la-快三群二维码| www.58gv.com-邯郸银行职员买彩票| www.1207.org-彩票中奖5亿| www.9966.vip-彩票兵哥3d-| www.53156.cc-老时时彩彩票走势图| www.97967.cc-38彩票领导者| www.079337.com-86人工彩票计划网| www.161523.com-体育彩票的目的| www.234738.com-安微快三跨度总表| www.180422.com-玩手机快三技巧| www.285981.com-亚洲彩票平台怎么进| www.380709.com-江苏体彩四十二期| www.493322.com-七星彩票开奖时间表| www.389385.com-福彩三d今天的图纸| www.588699.com-新浪足彩中奖查询| www.678808.com-开福彩店哪些赚钱| www.778034.com-978彩票邀请码| www.16565.com-广西快三有多少期| www.69582.cc-国外彩票测速| www.042644.com-甘肃快三群-| www.153189.com-大乐彩开奖结果查询| www.km1.com-安徽快三官方下载| www.i90.org-时时彩计划| www.80de.com-南方彩票是什么| www.5188.mobi-云南彩票巨奖| www.25676.com-8亿彩是骗人的吗| www.009373.com-彩票123vip-| www.112282.com-彩票云顶网址| www.246191.com-中国足彩网欧冠杯| www.351651.com-彩票提成是多少钱| www.85ma.com-足彩奇招pdf| www.5114.cm-福彩千万弃奖| www.14236.com-体彩全运彩一定牛| www.64541.com-中国竞彩网手机下载| www.073996.com-代理手机彩票平台| www.149700.com-彩民乐探码图双色球| www.259566.com-广西福彩助手app| www.338256.com-梦见中彩票500万| www.431743.com-高频彩缩水软件| www.525542.com-福彩三d鑫鑫预测| www.182992.com-宁夏快三在线走势图| www.276188.com-请放湖北快三牛| www.361513.com-滴滴彩怎么玩| www.459342.com-蓝精灵彩报今天图a| www.581961.com-中国彩8下载| www.671008.com-彩票3d星期走势图| www.759977.com-时时彩票计划稳定版| www.963850.com-足球彩票这么玩| 东方国际www.063353.com| www.jo66.com-充100送28彩金| www.i77.win-下载新版乐彩论坛| www.43bu.com-足彩2串1规则| www.835.cm-东方彩软件-| www.5520.online福彩3d购买方案| www.04112.com-豪彩平台怎么样| www.52584.com-给账号买重庆时时彩| www.002886.com-天下彩票广西快3| www.077661.com-3d新彩票走势图| www.151539.com-高频彩怎么拉人| www.288536.com-快三投注员头像| www.365430.com-彩票网购平台| www.459512.com-约彩365怎么样| www.552327.com-彩票开奖结果彩报| www.627277.com-旺彩平台下载| www.703199.com-足球计算器竞彩网| www.786916.com-彩票急速快三| www.866831.com-昨天彩票开什么| www.937714.com-体育彩票号码| www.984836.com-竞彩赛果奖金计算器| www.65rn.com-容声彩票-| www.0896.bid-彩票合买宣传口号| www.7832.loan-彩票开奖一个半小时| www.27289.cc-体彩漏洞坐牢| www.vk84.com-贵州福彩兑奖地址| www.51aw.com-中国彩票年鉴| www.1424.xyz-彩吧网怎么下载| www.7414.top-体彩竞彩网点查询| www.22485.com-彩票店整体转让| www.63634.com-河北福彩快3推荐号| www.185500.cc-北京快三助手开奖| www.261218.com-足彩任选九查询| www.333101.com-怎样查福彩中奖号码| www.8457.org-顶尖的彩票软件制作| www.60436.com-凤凰彩票能够提现吗| www.019446.com-贵州中彩票的地方| www.103769.com-78.cn彩票网页| www.232817.com-江苏快三技巧口诀| www.680072.com-彩拾彩票能提现吗| www.821759.com-大连福彩12选5| www.946970.com-彩色砼价格-| 发彩www.50732z.com| www.ia51.com-35彩票害人-| www.c84.cn-快三线上是真的吗| www.47se.com-口袋彩票安卓版| www.0146.win-彩宝的意义-| www.02690.com-易彩怎样注册| www.51185.cc-彩之源软件-| www.87678.com-彩票定位胆怎么玩| www.805358.com-水溶性彩铅画荷花| www.953907.com-公牛彩票网-| 凤凰彩票www.77802p.com| www.gu44.com-互娱彩票骗局| www.yt64.com-长春市体彩中心主任| www.24va.com-派彩跟反水-| www.024399.com-福少时时彩软件下载| www.104127.com-广东好彩一开奖预测| www.167670.com-江苏快三彩票| www.266217.com-河北省福彩开奖公告| www.345754.com-九万彩票平台登录| www.397402.com-体育彩票足彩赚钱吗| www.510360.com-儿童歌曲彩虹的约定| www.583820.com-足彩加会员命中率| www.660604.com-高频彩联盟官网| www.732257.com-辽宁彩礼和嫁妆比例| www.808991.com-lpl竞彩-| www.876452.com-幸运怎么提现彩票| www.3903.org-福彩3d跨度尾走势| www.8684.loan-多玩彩票是真的吗| www.27987.cc-浙江福彩领奖| www.62937.cc-彩客化学戈弋| www.014610.com-七星彩票下载| www.084377.com-下载70彩票-| www.150270.com-彩票必中计划| www.226563.com-3d牛彩字迷总汇| www.300018.cc-大快三走势图带连线| www.370976.com-什么是新彩-| www.466127.com-七乐彩开机号多少| www.554335.com-体彩术语我想减肥| www.619626.com-搜索491彩票| www.688998.com-金钱彩票-| www.382291.com-腾讯分分彩推波| www.491451.com-手机万能彩膜批发| www.554032.com-晨兴彩票网址|