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天

知道了
亚洲28 www.79918.cc-福彩刮刮奖金条多重| www.045110.com-彩6精华版相似软件| www.463727.com-排三试机彩吧| www.602725.com-祥瑞彩票下载| www.747270.com-505彩票安全吗| www.886361.com-大家赢彩票app| 彩票坊www.759585.com| www.634648.com-3d彩跨度复试表| www.033027.com-87彩店官网-| www.975743.com-河南太康县彩礼| www.538418.com-彩报3d大花猫| www.723075.com-吉祥彩票com| www.18ph.com-我所在的福彩店| www.2690.pw-网上彩票多会儿能买| www.42847.com-天津时时彩平台网站| www.317568.com-体彩大乐透直播频道| www.533250.com-体彩北京单场怎么玩| www.679938.com-彩至尊注册-| www.819777.com-哪个星座买彩票会中| www.952823.com-今日竞彩足球对阵表| www.ay25.com-江西福彩新快三走图| www.08qg.com-福利彩票首页| www.4382.org-海南时时彩玩法| www.39678.com-爱彩彩票安卓版免费| www.99335.com-时时彩概率分析软件| www.792106.com-彩票兑奖中心在哪里| www.908373.com-福彩快3真的假的| www.986673.com-5彩票-| www.ac15.com-山东体彩在线下载| www.zo54.com-赢钱彩下载-| www.699719.com-竞彩足球任九对阵表| www.810191.com-中国体彩中心在哪里| www.902996.com-彩票网站制作怎样做| www.971482.com-彩票1分钟开奖的是| www.al25.com-购买双色球彩票软件| www.998258.cc-北京快三正文推荐| www.dr47.com-江苏快三今天开什么| www.xh56.com-上海十一选五爱彩乐| www.ee94.com-百姓彩票可靠吗| www.16iy.com-k彩游戏20图片| www.317.cm-下载彩之王-| www.4527.cn-七星彩册子信息| www.05724.com-彩61真的吗-| www.54363.cc-下载彩票软件送彩金| www.5735.top-今日说法彩票纠纷| www.47828.com-好彩网计划-| www.869183.com-今天福彩3d九宝图| www.965089.com-彩票开奖时间结果| www.cai854.com-新快三开奖-| www.tb26.com-彩票那种奖金最高| www.10jz.com-快三单跳双跳是什么| www.173932.com-彩神vl-| www.260748.com-爱农驿站彩票| www.356653.com-大庆彩票站出兑金额| www.436429.com-星彩娱乐是不是骗子| www.879585.com-网投彩票赚钱安全吗| www.025511.com-精准团队彩票计划| www.4444.in-精华布衣1多彩网图| www.34851.com-福彩快三送彩金| www.99308.com-重庆时时彩购买平台| www.069005.com-彩神8怎么下载| www.649598.com-博彩管理专业学什么| www.756260.com-qq分分彩免费计划| www.897765.com-网上足彩容错怎么买| www.969094.com-彩虹计划真的假的| 大赢家彩票www.530951.com| 500彩票www.50054e.com| www.lb14.com-天天彩票77678| www.263568.com-福彩种类及规则| www.086969.com-神彩福牛app下载| www.176872.com-福建福利彩票快3| www.284996.com-休闲快三分解| www.362981.com-带彩虹图片的成语| www.476869.com-内蒙古体彩百度一下| www.587298.com-西安彩票店转让| www.679422.com-中彩吧彩票-| www.777490.cc-彩八仙手机版登录| www.893201.com-彩票筛选app| www.967309.com-福彩双色球预则最准| www.jr66.com-中彩娱乐正规吗| www.2gq.cc-买彩票最多中了多少| www.63363.com-19055期胜负彩| www.074.cm-彩票039期-| www.bs09.com-彩票工具-| www.326817.com-中彩网唯一指定官网| www.020155.com-上海快三遗漏查询| www.089910.com-福彩跑马幸运彩| www.226260.com-网上的彩票导师| www.333428.com-彩票t星彩开奖结果| www.602671.com-彩票折了可以兑奖吗| www.691369.com-足球彩票aap| www.774051.com-浙江11选五爱彩乐| www.833445.com-彩店实体店二维码| www.885983.com-体育彩票app排行| www.944586.com-信博彩票是骗局揭秘| www.987273.com-彩票投注员兼职| www.cp8484.com-湖北福彩快三一定牛| www.jd93.com-彩票双色球随机选号| www.959512.com-老彩民时时彩app| 彩票3www.891085.com| www.ky54.com-上海福彩快三遗漏| www.za77.com-分分钟彩票赛车| www.30bc.com-昨天的福彩中奖号码| www.94sf.com-购买体育彩票经验| www.4286.vip-好彩堂玄机-| www.9343.cc-彩票用手换球事件| www.32855.cc-江苏体育彩票订购| www.71756.com-下载160彩-| www.180460.com-快三平台合法吗| www.253969.com-wcp玩彩票app| www.316957.com-618彩票下载安装| www.377999.com-快三二不同-| www.526311.com-下载时时彩助赢计划| www.589860.com-竞彩资讯中国足球网| www.655838.com-新星彩xcaius| www.746622.com-河北福利彩票冀彩宝| www.801397.com-彩猫大发-| www.861028.com-字谜十藏机一彩吧图| www.909113.com-新加坡华乐彩票开奖| www.961643.com-500万彩票网股价| 全民乐彩票www.qml0.com| www.483577.com-东营彩票站-| www.560939.com-百姓彩坛高手| www.622970.com-印象彩票官方网| www.682203.com-哪里可以买足彩| www.759044.com-66微彩-| www.812091.com-采金网彩免费资料| www.871468.com-体彩藏机图今天| www.921733.com-大发时时彩有人赢吗| www.974834.com-特区彩栗论坛精选| www.qt0.com-幸运快三精准计划网| www.nm37.com-彩票选号网站| www.g07.tv-海南福彩大赛| www.194422.com-红牛彩票网赚真假| www.285127.com-玩快三能中大奖吗| www.370368.com-彩票网直播间| www.522985.com-直播刷彩是什么意思| www.604438.com-大乐彩中奖-| www.682600.com-手机足彩-| www.771592.com-貂蝉彩票专家专栏| www.860562.com-彩民村-| www.989989.cc-彩漂哪个牌子好用| www.rx1.cc-安徽快三开奖图| www.67nt.com-彩票中一个亿得多少| www.2750.com-体彩可以买几倍| www.270258.com-彩票害死人最新消息| www.390051.com-买彩票亏了几万元| www.81196.com-河北省福利彩票背面| www.068297.com-摇摇乐彩票在线| www.146736.com-彩富天下网香港大全| www.224967.com-投资福彩快三违法吗| www.571038.com-彩票开奖新闻| www.697080.com-足彩虚拟投注软件| www.853589.com-福彩今日头条| www.926820.com-怎么才能戒掉彩票| 同乐彩www.38396.com| www.782655.com-百度乐和彩票| www.329943.com-多彩贵州网投票| www.006774.com-直播七星彩开奖视频| www.189341.com-彩票平台绑卡送彩金| www.289435.com-快乐彩怎么玩| www.865603.com-彩票下期预测| www.183839.com-银川体彩中心在哪| www.315498.com-时彩后13458|