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.550038.com-足彩还能网上买吗| www.050334.com-成都快三彩票| www.841690.com-竞彩外围网站| www.pk05.com-彩票打票员教程视频| www.8329.cc-时时彩的骗局揭秘| www.66993.cc-体育彩票买几个数字| www.503232.com-湖北体彩网开奖查询| www.813755.com-金金彩票-| 天天彩票www.54968f.com| www.688.date-辉煌彩票下载安装| www.96239.cc-18130期胜负彩| www.156784.com-中福1分快三的网址| www.591122.com-东北结婚彩礼用途| www.0515.cn-彩票状元专家专栏| www.27220.com-新2彩票公式| www.42ie.com-唯彩会买彩票| www.4559.biz-彩票买什么号中奖| www.274350.com-江苏福彩中心| www.625655.com-长城彩下载-| www.684931.com-500竞彩直播比分| www.853130.com-金福彩票app| 网易彩票www.087wy.com| www.22059.com-竞彩足球分析师| www.981847.com-七星彩在线缩水工具| www.76jw.com-足彩单场固定啥意思| www.4191.net-中国彩票真的假的| www.51287.cc-7k彩票客户端下载| www.038556.com-大乐透彩票图片大全| www.186615.com-快三彩票真的假的| www.299969.com-怎样看体彩走势图| www.380088.com-258竞彩比分直播| www.76903.com-中国体育彩票投注| www.961605.com-怎样用手机买彩票| www.5om.cc-竞彩个人所得税| www.354947.com-体彩开奖地址| 13e彩票www.973320.com| www.761676.com-好彩来网赌-| www.835131.com-欧盟好彩柠檬双爆珠| www.83959.com-投资彩票稳赚的方法| www.my04.com-福彩双色球出球顺序| www.3st.com-趣彩网下载安装| www.61kn.com-解读心脏彩超报告单| www.422271.com-彩民乐图谜-| www.520385.com-为什么彩票越买越穷| www.586400.com-免费彩金百富论坛| www.655118.com-61幸运福星七星彩| www.307381.com-湖南体彩网-| www.868868.cc-乐购彩网是真的假的| www.91ld.com-牛彩官网首页| www.711389.com-经济频道天天福彩| www.850942.com-一分时时彩怎么玩法| 金冠彩票www.49956h.com| www.yi23.cc-网上快三倍投| www.0741.biz-彩票7乐彩中奖规则| www.77666.cc-中国体彩中心在哪里| www.744040.com-中彩网彩票走势图| www.07603.com-彩500网址-| www.261523.com-大发快三登录网址| www.413228.com-河南彩涂铝卷生产| www.cai4377.com快三走势图如何看| www.ju25.com-《星空》画彩铅教程| www.g18.net-海南4十1彩票平台| www.742365.com-天天中彩五码原创| www.882410.com-彩吧论坛首页一| www.997814.com-雅彩彩票骗局| www.qv85.com-湖北福利彩票快三| www.34tt.com-足彩通怎么样| www.489070.com-中国福彩中心招聘| www.585299.com-存一块送18元彩金| www.672216.com-胜负彩分析软件| www.756796.com-全民竞彩旧版本| www.402338.com-dd彩靠谱不-| www.76zp.com-天津南开彩票站转让| www.3364.top-彩虹天团app官网| www.15377.cc-嘉兴福彩网点查询| www.163354.com-拉萨今日开奖号快三| www.308833.com-彩票高手计划软件| www.42849.com-信誉好的竞彩| www.nw43.com-印尼5分彩官网| www.7jr.com-大庆彩票站出兑转让| www.65va.com-七乐彩走势图2| www.0248.me-乐盈彩怎么下载| www.776105.com-欢乐彩票进入网址| www.858401.com-快乐网快三的玩法| www.912608.com-幸运彩彩票网站| www.972947.com-39彩票网-| 网易彩票www.506923.com| www.647986.com-体育彩票官方kj| www.991188.com-怎么在网上买七星彩| www.rw92.com-中国福利彩票三d| www.61mv.com-福彩三地和值振幅| www.3558.biz-打鱼送彩金网站| www.167756.com-湖北快三最新预测| www.062761.com-彩巴论谈-| www.690786.com-足彩19055期| www.820778.com-彩色砼路面价格| www.8028.in-彩6标准版-| www.503676.com-购彩须知-| www.627448.com-彩票66网页登录| www.770623.com-时时彩新浪网| www.76wv.com-9b彩票登陆-| www.1721.vip-掌上中彩票-| www.6966.me-融彩网平台是什么| www.16229.cc-福彩七乐彩开奖查询| www.64645.com-竞彩001规则| www.025190.com-快三教学视频全集| www.609221.com-彩票中奖多久作废| www.973068.com-彩虹世界免费资源| www.kb1.cc-江苏十一选五控彩票| www.pa14.com-高频彩票要调整| www.589641.com-17139期足彩| www.771113.com-e乐彩官方下载| www.973942.com-508彩票-| www.gp12.com-河南省彩礼新规| www.54hu.com-彩81彩手机版| www.3907.org-够力七星彩走势安装| www.457016.com-恒彩国际彩票怎么样| www.598773.com-福彩开奖35期| www.735678.com-3d彩报图库天牛| www.842780.com-福彩5元刮刮乐类型| www.943410.com-百信赢彩票-| 500彩票www.652932.com| www.qh25.com-新加坡版好彩双爆珠| www.46nf.com-246好彩论坛| www.6600.in-518彩票进不去| www.96265.cc-o1彩票注珊| www.653500.com-盈彩吧骗局-| www.723940.com-福彩在线下载| www.791555.com-2016101彩票| www.859602.com-体育彩票能中吗| www.914959.com-大发彩票是怎么赚钱| www.970952.com-如何才能成为彩托| 乐迎彩票www.616971.com| www.fd74.com-盈彩网app下载| www.wd39.com-快三网投平台| www.23qk.com-彩票是随机还是人为| www.677730.com-下载一个南方双彩网| www.813049.com-天天彩骗局-| www.595127.com-微信女福彩快三计划| www.662332.com-新彩网字谜画谜| www.725313.com-彩票买得多算赌博嘛| www.784342.com-家彩开机号-| www.832300.com-七彩网络平台注册| www.880415.com-喜乐彩票开张结果| www.927882.com-高频彩有哪几种| www.967802.com-百合男骗时时彩| 818合彩www.www.8000hc.com| www.ff3.cc-时时彩开彩结果查询| www.lz03.com-各种釉彩大瓶价格| www.xo67.com-亿网彩票下载| www.4923.me-皇乐彩票是骗局吗| www.392374.com-雅宝娱乐重庆时时彩| www.622249.com-九彩混沌至尊僵尸| www.819852.com-特区彩票平台| www.82yi.com-好运彩吧-| www.4168.xyz-彩虹六号涂装排行| www.20512.com-九度彩票是真的假的| www.116538.com-体彩14场规则| www.932845.com-正规买快三的软件| www.39269.cc-排列三字谜双彩论坛| www.020837.com-大同彩票app下载| www.130034.com-汇彩网可信吗| www.234109.com-68彩票客户端| www.339731.com-新彩吧新彩网|