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.033903.com-彩票标语-| www.174695.com-精彩十分开奖今天| www.747522.com-盐城中彩票-| www.869842.com-网上彩票官方网站| www.958829.com-19年福彩初几开售| 500万彩票www.98528f.com| www.ra79.com-时时彩女赌徒| www.64iu.com-乐博彩票合法吗| www.1870.in-彩票合买系统彩票| www.705276.com-帝皇彩票-| www.859819.com-132cc彩票-| www.927992.com-湖南体彩种类及玩法| www.995466.com-好彩香烟柠檬味| www.ap89.com-贵州体彩app| www.ty89.cc-彩票什么叫长龙| www.04at.com-彩铅人物简笔图| www.72nk.com-七乐彩票开奖结杲| www.1114.biz-竞彩足球最高奖金| www.530468.com-时时彩8计划网| www.lx05.com-甘肃今日快三推荐号| www.31qu.com-周六开的彩票| www.567414.com-42期中国福彩| www.330114.com-好彩频道直播app| www.440266.com-契诃夫彩票读后感| www.926852.com-达人彩票网站诈骗| www.re53.com-中福快彩-| www.v46.org-彩吧3d图谜-| www.339.cn-彩票精准计划破解| www.7077.top-七彩阳光信息| www.93751.com-彩75彩票网-| www.584378.com-北京彩票票面的秘密| www.670612.com-体彩排列五的走势图| www.757633.com-群里跟计划买彩票| www.830779.com-6各彩资料-| www.917587.com-海口七星彩投注站| www.765580.com-苏宁彩票下载| www.607262.com-国外大奖中奖彩票图| www.4326.com-鑫彩彩票平台登入| www.05937.com-推店彩票app下载| www.9630.shop-p3走势图彩经网| www.89396.com-赢彩门户185开奖| www.087312.com-935彩票-| www.175123.com-贵州快三开奖结果等| www.260602.com-中国体彩网电脑版| www.333025.com-爱彩票平台官网| www.002654.cc-十分钟开奖中国快三| www.co85.com-有正规彩票平台吗| www.72535.cc-吉林省黑彩没人管| www.3276.cn-lotto彩票-| www.20832.com-六彩票-| www.8880.org-竞彩8串16-| www.1214.cc-天津福彩快乐10分| www.026851.com-双彩工作室-| www.600023.cc-彩票中奖的秘密| www.687281.com-长沙体育彩票申请| www.777784.com-中国彩吧网下载安装| www.862918.com-黑彩报案后果是什么| www.948087.com-眉山福彩网-| 博友彩www.962095.com| www.020496.com-中国体彩票开奖结果| www.wp39.com-彩票动图-| www.23175.cc-旭彩网是不是骗人的| www.020454.com-彩18下载-| www.331711.com-乐彩网怎么注册| www.518028.com-乐米彩票和乐迷炫彩| www.669675.com-足彩十四场投注推荐| www.946324.com-彩九c9-| www.ko33.com-幸运快三彩票兼职| www.5378.com-做梦买彩票会中奖吗| www.83ja.com-太湖字谜乐彩网论坛| www.33623.cc-彩票冷热交替规律| www.001265.com-中国体彩网开奖视频| www.764156.com-彩神88合法吗| www.866291.com-搜狐彩票双色球预测| www.930927.com-七星彩解梦大全| www.983975.com-开心七星彩彩版专区| www.od20.com-新福彩3d-| www.506836.com-梦想彩票站提现不了| www.595656.com-亿彩高峰-| www.3028.biz-68国际彩票网站| www.129461.com-众彩怎么下载地址| www.3533.net-彩票49倍-| www.868438.com-七星彩最新图纸| www.955419.com-专业彩票改单| 500彩票www.3126g.com| www.99120.com-腾讯时时彩玩法大全| www.65258.cc-四不象彩图-| www.296906.com-分析彩票的k线图| www.4415.vip-幸运赛车彩票官网| www.ju52.com-彩票计划软件吧| www.20620.com-大发快三大神带回血| www.018988.com-江苏快彩票快三| www.555353.com-福利彩票数学3单式| www.651328.com-水彩手绘-| www.957103.com-金利彩票能玩吗| 彩票5www.199207.com| www.3004.cm-时时彩中三后三计划| www.998345.cc-快三单双大小计划网| www.216.space-好运来快三app| www.80810.cc-视频彩票终端| www.759220.com-上海福彩网正规网站| 500彩票网www.65707z.com| www.066156.com-by彩票-| www.020826.com-老张说彩预测双色球| www.870448.com-福彩门户彩图诗句有| www.984466.com-彩运网cy088| www.mz89.com-快三客开奖app| www.35237.cc-香港帮民彩网| www.133684.com-雷诺好彩1预测怎样| www.310589.com-久彩彩票app下载| www.3791.wang-福建省彩票开奖查询| www.773678.com-天津时时彩票开奖走| www.985774.com-全部彩票网网址| www.770542.com-招福彩3d图谜| www.4888.top-竞彩足球网下载| www.0557.com-有什么彩票网站| www.5552.date-体彩跨度7是什么| www.094877.com-福彩双色球摇奖视频| www.248996.com-天天中彩-| www.798237.com-易彩补漆笔厂家| www.8220.xyz-vip网投彩票| www.108464.com-赢钱彩平台-| www.233564.com-中国福利彩票有哪些| www.dr02.com-快彩官方网站| www.924974.com-快乐彩中奖助手软件| www.63tv.com-中彩网最准单双四肖| www.8857.win-复式福彩怎么收费| www.353972.com-07彩票是正现的吗| www.69412.com-福乐彩网-| www.040327.com-博彩套利贴吧| www.028983.com-风采彩票网预测| www.585851.com-体彩竞彩世界杯规则| www.736228.com-彩票平台聊天室| www.858815.com-江苏快三形态走势| www.937888.cc-体彩网七星彩开结果| 亚洲彩www.68568x.com| www.871084.com-彩票投注资金计划表| www.87tl.com-app云购彩票| www.7823.cc-免费开户彩金领取| www.63282.cc-个人玩彩票犯法吗| www.095954.com-现在买彩金的人多吗| www.170382.com-快三江苏开奖走势图| www.256571.com-靠赌高频彩发家的人| www.217.cn-时时彩不用倍投| www.936885.com-菲律宾合法彩票平台| www.484476.com-浙江彩票有游泳吗| www.8989.cm-竞彩数据-| www.234088.com-体彩五开奖-| www.609516.com-七星彩17124期| www.783990.com-特区七星彩沦坛头尾| www.st26.com-彩99app下载| www.6326.gg-彩彩乐-| www.088179.com-澳客彩票安卓| www.33960.com-彩票回血团队| www.91549.com-手机炫彩版-| www.039095.com-网上投彩票可靠吗| www.653.red-最新圣地彩十分一开| www.71ap.com-有晒单的彩票软件| www.58291.cc-体彩出奖号码| www.017064.com-河北快三是什么| www.101745.com-红彩直播-| www.657752.com-网上彩运来app| www.yh78.com-淘宝可以买彩票吗| www.83765.cc-中彩票不捐款|