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.559838.com-多彩贵州是什么单位| www.871439.com-福彩3d?水过滤器| www.963656.com-怎样玩足彩-| 500彩票www.330687.com| www.jl55.cc-博彩充值漏洞| www.930047.com-香港牛蛙彩票四不像| www.fi37.com-全天最准大发快三| www.cai7771.com北京快三结果走势图| www.039879.com-广东怎么没有快三| www.14kc.com-彩金宏辉坑人原理| www.295365.cc-微彩票登录官网| www.478776.com-所有福彩网站大全| www.222207.cc-够力七星彩解梦| www.333269.com-中的数学彩票| www.458597.com-足彩5场容错怎么买| www.634178.com-北京七彩国际美容| www.8196.loan-彩票买马是什么意思| www.762490.com-一分钟分分时彩软件| www.0068.cm-美国彩票在哪买| www.189634.com-河南快三3同号遗漏| www.279692.com-一分彩票计划软件| www.168813.com-安徽省快三-| www.525142.com-腾讯分分彩高手心得| www.633830.com-银川银燕七彩| www.737872.com-双色球网易彩票| www.823693.com-爱彩人11-| www.905160.com-江苏快三高手| www.981884.com-体彩七星彩一等奖| www.ed34.com-时时彩平台代理| 大赢家彩票平台www.297790.com| www.555569.com-时时彩和11选5| www.526018.com-福彩3d多少号| www.639374.com-体彩自动销售机| www.767067.com-广东彩票软件| www.871090.com-网上彩票快三骗局| www.544.date-福彩3d预测p3| www.852239.com-足球竞彩推荐网易| www.971498.com-下载安装彩88彩票| www.cai3658.com安微快三基本走势图| www.lw00.com-时时彩平台对刷套利| www.579432.com-类似于七星彩的古言| www.5241.vip-福利彩票一天销售额| www.03788.com-豪彩娱乐客户端下载| www.365425.cc-用彩铅画动漫少女| www.44744.cc-中国体彩36选7| www.003584.com-甘肃快三遗漏值| www.753368.com-安装彩钢-| www.79.gg-六开开彩开奖结果| www.131535.com-不要彩礼-| www.22113.cc-高薪招聘足彩分析师| www.298525.com-兰州彩票兑奖中心| www.638537.com-色彩斑斓造句| www.881150.com-百姓网彩票站出兑| www.959835.com-福彩帮投-| www.cai9600.com精彩十分玩法| www.zt61.com-澳门3d彩票-| www.969123.com-体育大乐透彩票| www.79sr.com-南方福彩网软件下载| www.974541.com-掌中彩福利彩票| www.jm86.cc-彩票套彩什么意思| www.193156.com-福彩快三3开奖规律| www.41fa.com-七星彩能网上买吗| www.85259.com-流产3d彩摘网| www.180102.com-河北快三万能码| www.608389.com-免费送彩金28| www.331205.com-大数定理如何算彩票| www.074831.com-吉首文艺路快三秒| www.a71.net-彩种大厅360彩票| www.36pj.cc-七星彩一二位和尾| www.543239.com-纽约牛彩测速网址| www.22634.com-99彩登录网站| www.978412.com-全部彩票网站788| www.144007.com-中国竟彩票网计算器| www.388830.cc-搜福彩开奖结果| www.308749.com-加盟福利彩票投注站| www.588475.com-购彩xv计划-| www.094987.com-中国合法彩票| www.002328.com-彩站宝网页版登录| www.185638.com-福彩工作人员骗局| www.69097.com-k8彩票官网-| www.871864.com-贵阳市福彩中心主任| www.996400.com-新粤彩报纸-| www.dv39.com-五星彩票app下载| www.xb63.com-一定牛彩票合法吗| www.038918.com-为啥彩票合法| www.099556.com-快三甘肃开奖| www.361025.com-平台高频彩彩票论坛| www.481342.com-喝彩中华报名方式| www.392689.com-彩票怎么推广方式| www.528270.com-彩神v外挂下载| www.626343.com-小站宝彩票店加入| www.913038.com-我去彩票站正规不| www.976065.com-因为彩礼分手| www.ho73.com-广东十一选五爱彩乐| www.910465.com-500竟彩网首网| www.30119.com-安卓彩8娱乐| www.782292.com-c67彩票-| www.868327.com-亿彩堂-| www.933355.com-一分快三最长龙| www.ak88.com-南国彩票特区| www.039093.com-爱投彩票怎么兑奖| www.456615.com-3d今彩易网-| www.41552.com-时时彩直播平台| www.243193.com-网上彩票赌博骗局| www.991622.com-彩票自动兑奖软件| www.mm43.com-重庆7时彩开奖结果| www.30fb.com-建筑风景彩铅画| www.115067.com-彩神lv邀请码| www.33692.com-彩票冷热原理| www.641666.com-彩票纸长宽是多大| www.362606.com-为什么没人买彩票了| www.762207.com-奇门遁甲测彩票| www.951306.com-噢客彩票网-| 奔驰彩票www.501866.com| www.305336.com-网上买彩票流程| www.66081.com-开体彩店要准备什么| www.028441.com-重庆福彩快-| www.105038.com-709彩票平台安卓| www.445545.com-3d老彩民乐-| www.532070.com-临沂孙大夫彩票绝技| www.599448.com-福利彩票佣金谁给| www.664985.com-彩票指南电子版今日| www.0172.cn-什么东西是七彩色| www.9276.top-e乐彩提现-| www.169013.com-安徽快三走势图今天| www.529308.com-互助路几家体彩店| www.215553.com-彩票达人是正规的吗| www.518909.com-彩票八喜中奖| www.892244.com-福彩3d定胆软件| www.hy22.cc-三d福彩字谜图谜| www.385910.com-锋彩直播tv版| www.000607.com-彩宝典2.6.0| www.638499.com-色彩静物照片素材| www.444555.com-足彩直播分析| www.523467.com-呼市福利彩票快3| www.576184.com-时时彩基础知识吧| www.192632.com-分分快三稳赢策略| www.58604.com-彩票开奖小助手| www.433890.com-怎样买福彩不陷进去| www.359.org-彩票511乐艺| www.964762.com-一分时时彩开奖记录| www.ie08.com-体彩3d跨度走势图| www.xx64.com-668彩票网址| www.701339.com-获取彩金是违法吗| www.713279.com-体彩全民智投官网| www.132711.com-彩米彩票官网| www.712273.com-e彩堂app邀请码| www.7018.biz-篮球彩票在哪儿买| www.737970.com-香港意大利彩金图片| www.804224.com-火箭军米彩正品大衣| www.868577.com-百万彩票下载| www.925257.com-体彩杀号定胆2元| www.972557.com-彩虹岛手游版| 爱彩乐www.153918.com| www.605122.com-怎样可以中彩票大奖| www.563885.com-体彩竞猜网首页| www.621778.com-四不象彩图网址| www.673067.com-七星彩领奖期限| www.108534.com-七星彩结局-| www.233933.com-微信买彩票正规吗| www.lh52.com-中彩彩票手机app| www.32dq.com-简笔画彩虹-| www.792531.com-彩6精华版网址| www.399511.com-南国体彩开奖直播|