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.32303.com-8k彩票登录-| www.821728.com-福利彩票站对联| www.917880.com-赢私彩几十万| www.985190.com-北京足彩返还率多少| www.4711.org-彩客网彩票下载安装| www.19128.cc-彩票中奖查看器| www.613637.com-代买彩票骗局| www.37yz.com-七星彩qxc777| www.0567.pw-庭审现场东北彩票王| www.6210.cm-福彩夺宝连连看破解| www.052139.com-六喝彩开奖查询结果| www.88437.cc-七天彩主页快三| www.061143.com-欢乐彩票app| www.wh23.com-体彩排3丹东全图| www.663549.com-天天中彩票怎么样| www.788709.com-足彩买量比-| www.902018.com-手机微信怎么买彩票| www.983576.com-彩16网站-| www.nc3.com-大乐透彩经网| www.658233.com-关于彩票电视剧| www.33oc.com-七星彩2280期杀| www.lr61.com-大中华彩票靠谱吗| www.276075.com-七乐彩奖金说明| www.335515.com-广西快三玩法| www.569753.com-网易重庆时彩时彩| www.660088.cc-秒秒彩官网-| www.933204.com-赢发彩票极速快3| 彩民网www.76520s.com| www.505213.com-彩票赠送彩金网址| www.607018.com-彩票软件免费挂| www.082984.com-彩票工具大底| www.vu32.com-神圣彩票网站| www.1169.me-彩票销售广告语| www.03104.cc-网易彩票注册邀请码| www.35398.com-快三微信群交流| www.28724.cc-网上买卖彩票犯法吗| www.4704.org-伪造彩票兑奖| www.176927.com-彩票端骗局-| www.40842.com-中国体彩网网| www.255179.com-免费送彩金彩票平台| www.506772.com-彩票山地开奖结果| www.55247.com-时时彩开奖员| www.629702.com-彩票龙虎是什么意思| www.735632.com-7星彩中奖概率| www.185333.com-好彩一生肖数字表| www.676932.com-多彩办公大师| www.659672.com-今天休彩试机号| www.657045.com-彩票二维码可以干嘛| www.683160.com-彩票历史比较器| www.206499.com-亿彩堂快三app| www.wd50.com-东北快三官网| www.97er.com-菲彩国际登录入口| www.76239.com-五分赛车彩票计划| www.15853.cc-华夏彩票可信吗| www.477770.com-中国福利彩票积分| 金掌柜www.83993q.com| www.ke40.com-网上彩票赌博犯法吗| www.s15.net-快三加奖公告| www.47ue.com-中国移动彩铃设置| www.860155.com-怎样下载时时彩软件| www.12fu.cc-i8彩票官网| www.1238.win-西藏快三开奖| www.732126.com-快三守号输了几十万| www.156816.com-篮球比分新浪爱彩| www.566.red-河內五分彩在线计划| www.26772.cc-海南七星彩三字现| www.69aq.com-金冠彩票网-| www.179941.com-手机买彩票网站| www.327499.com-彩票开奖号码查询表| www.439342.com-北海12生肖彩票| www.76355.cc-网上哪里有彩票投注| www.9830.wang-彩票开奖结果今天奖| www.82311.com-sk彩票下载-| www.110112.cc-爱彩乐开奖结果查询| www.175867.com-全国快三有多少种| www.510626.com-夸女人好看的彩虹屁| www.29286.cc-彩客网手机版本| www.78385.com-3d彩票图迷字三| www.2419.top-国际好运彩票网址| www.7758.me-体彩最年轻中奖者| www.629546.com-幸运彩票靠谱吗| www.1923.top-bb彩票-| www.959111.com-山西体彩网风飞扬| www.604161.com-竞彩5258官网| www.062814.com-博盈彩票-| www.638266.com-色彩图片唯美| www.617387.com-现有彩站出兑| www.874766.com-亚博彩票可靠吗| www.bz62.com-81网彩-| www.893181.com-超级彩票助手苹果版| www.s04.cc-彩票33平台-| www.101675.com-澳客彩票网软件下载| www.kl92.com-足球竞彩直播新浪| www.239533.com-腾讯分分彩论坛贴吧| www.339226.com-福彩快三江苏三不同| www.422200.com-十七彩票下载安装| www.513046.com-彩票投注站微信代购| www.580.gg-时时彩万位大小| www.120237.com-彩票店有大发快三吗| www.rc52.com-极速时时彩大小号码| www.817951.com-足彩19034期| www.966244.com-江苏快三遗漏连线| www.qf6.cc-乐和彩开奖公告| www.139077.com-遵义彩票销售员| www.255722.com-快三可以买一个号码| www.405384.com-山西太原彩礼| www.194820.com-河南福彩开奖结果| www.316539.com-彩票算法大揭秘| www.ef89.com-加州快三彩票| www.537170.com-分分彩后二技巧视频| www.559858.com-收藏彩票-| www.494967.com-荷兰三大博彩公司| www.749354.com-分分彩票pk下载| www.922157.com-彩礼什么时候给| www.sq34.com-彩票预测最准的网站| www.076662.com-吉林十一选五爰彩乐| www.189614.com-体彩河南泳坛夺金| www.144034.com-云南时时彩中奖规则| www.254870.com-彩票开奖查询大乐透| www.289042.com-快三官方彩票有哪些| www.372893.com-废旧彩票折纸教程| www.462929.com-宝发彩票真假| www.925167.com-一分分彩-| www.979407.com-中免好彩多少钱一包| www.cai1789.com福彩快三官方网站| www.gh15.com-快三走势图江苏遗漏| www.tp29.com-彩票刷流水方法| www.0gx.com-搜索乐彩网| www.39ua.com-福彩天宇字谜| www.784539.com-乐米彩票为什么停了| www.918189.com-一分快三是不是私彩| www.989508.com-彩票网站登录| www.055105.com-足球彩票哪家好比较| www.kw89.com-手机彩票计划软件| www.jl7.cc-江苏快三助手官方| www.185375.com-彩票咋选号-| www.793848.com-博彩q群-| www.875160.com-酷彩吧下载地址| www.945089.com-亚投彩票是不是违法| www.984107.com-辽宁福彩网手机版| www.6508.net-2019七星彩票| www.20012.cc-辽宁全运彩11选5| www.93uf.com-小一寸彩照-| www.nk6.com-福彩三d走势图连线| www.126763.com-8k彩票网是真的吗| www.56722.com-彩票吃票是什么意思| www.657030.com-七星彩与93彩票网| www.773339.cc-捕鱼送注册彩金| www.659082.com-南国特区彩票论坛一| www.736794.com-上海福彩快三开奖查| www.8ml.cc-福利彩票40期| www.83ct.com-为他人喝彩-| www.791346.com-大乐透开奖彩宝网| www.861219.com-福彩直播在线观看| www.917899.com-彩虹宝宝动画片全集| www.979457.com-刷彩金吧-| 大赢家彩票网www.912055.com| www.234000.com-彩票容错啥意思| www.375442.com-福彩几个号码算中奖| www.453950.com-辉煌彩钢夹芯板厂| www.607048.com-彩票写好纸-| www.00212.com-彩票改单是真的吗| www.7763.biz-118彩票安卓手机| www.297955.com-江苏快三走势图图片|