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天

知道了
58福彩 www.663852.com-大富翁平台时时彩| www.855579.com-七乐彩复式21个号| www.954984.com-黑彩什么意思| www.cg66.cc-极速快三平台下载| www.110425.com-3d福彩网上购买| www.919497.com-app彩票软件平台| www.767058.com-广东彩票下载| www.873597.com-专业玩彩双色球预测| www.954304.com-彩票查询彩票| 双彩网www.651012.com| www.mk27.com-网络十大平台彩票| www.840733.com-足彩大小球分析方法| www.419419.com-港版绿好彩好抽吗| www.247557.com-快三大小规律| www.gv71.com-最新彩票app| www.15hp.com-腾讯时时彩二期计划| www.671453.com-123六开彩开奖| www.761486.com-跑狗彩图-| www.ks6.com-体彩票开奖结果查绚| www.568456.com-微彩怎么玩-| www.315980.com-体彩所有店内效果图| www.127604.com-彩虹玫瑰长什么样子| www.126089.com-彩票天天抢红包| www.13722.cc-彩八彩票网页版登录| www.566790.com-怎么建彩票网站| www.663265.com-3g彩票中心-| www.753393.com-江苏快三输了| www.7443.in-快三国家有吗| www.816480.com-为什么买快三总输钱| www.51sr.com-十字彩诈骗-| www.397654.com-体彩2019春节| www.613968.com-c彩68-| www.939778.com-彩票捡漏-| www.gl06.com-福彩快三中了多少钱| www.952311.com-南粤风采好彩1预测| www.386112.com-123ls天下彩| www.506021.com-竞彩足球助手app| www.qi46.com-福彩好彩1开奖结果| www.670197.com-福彩3d冷热号| www.855779.com-体彩竞足-| www.958615.com-七星彩头奖规律图| www.yr89.com-吉林省彩票中心地址| www.9ep.cc-彩票中奖了如何领取| www.vp45.com-湖北快三有没有技巧| www.2806.cc-鸿运彩票手机版下载| www.64928.com-六六红彩靠谱吗| www.551523.com-帮朋友买彩票中奖了| www.635168.com-中班七彩音符| www.716325.com-彩铅画古典美人| www.216009.com-福彩在线骗局| www.007957.com-彩票手机新浪网站| www.4612.cm-现在去哪里买彩票| www.899396.com-彩83苹果下载| www.cp9769.com-今日青海快三走势图| www.670633.com-中国国彩是什么| www.757723.com-500亿彩票网址| www.835023.com-缅甸忠告好彩| www.923817.com-彩70平台-| www.980484.com-广西体彩大乐透中奖| www.tq3.com-爱彩乐安徽快三| www.rh67.com-时时彩做庄天天亏| www.844589.com-福彩千亿案件| www.8538.top-七彩金龙-| www.42td.com-鸿运当投彩票| www.1593.cm-足彩胜平负投注技巧| www.305987.com-买彩票没给钱跑了| www.78755.com-合肥开个竞彩店| www.112244.com-彩票奖金有多少| www.218729.com-彩票刷水怎么赚钱| www.4tw.com-买彩票二等奖多少钱| www.04940.com-广州好彩酒家电话| www.94947.cc-彩票兑奖支票| www.99117.com-极速时时彩有规律吗| www.397053.com-爱彩彩票怎么注册| www.691661.com-足彩胜负彩必发指数| www.775016.com-福彩3d开奖日期| www.853141.com-亚博体育彩票可靠吗| www.913257.com-广西快三闯关计划| www.979475.com-彩金风暴-| www.cai4700.com内蒙古快三一定牛网| www.539646.com-彩虹的约定歌词儿歌| www.603213.com-ios怎么下载彩6| www.671131.com-cb8彩宝安卓| www.739036.com-快三微信群交流| www.804626.com-体彩天机图-| www.873664.com-三的彩票还有试机号| www.933038.com-湖南福利彩票报纸| www.981204.com-五彩冰淇淋-| www.cp1700.com-幸运快三计划单双| www.037933.com-彩牛彩票客户端| www.212455.com-体彩新481走势图| www.756545.com-彩今今票-| www.990635.com-多乐彩11选5玩法| www.0833.xyz-快三黑彩技巧| www.499814.com-新加坡快三开| www.591163.com-竞彩3串4什么意思| www.671219.com-开发个彩票软件下载| www.753081.com-彩神88是真的吗| www.824739.com-聚丰彩票网站| www.882059.com-彩票工资车怎么玩| www.949592.com-彩票首充50送彩金| www.997363.com-快三怎么算下期和值| www.mc4.cc-快三走势图怎样看| www.859936.com-五体彩5d走势| www.ms6.com-吉林快三直播开奖| www.59kz.com-彩钢板机械价格| www.410636.com-七彩野山鸡-| www.555095.com-微信快三群盘口| www.357621.com-关于彩票的经典语句| www.934.name-万彩吧软件下载| www.8203.site-盈彩商城-| www.51750.com-乐彩双色球走势图| www.023526.com-财迷迷七星彩财迷迷| www.118233.com-18彩票官方下载| www.978491.com-福中彩票下载安装| 中彩网www.91233x.com| www.131737.com-网上彩票怎么代理| www.025894.com-福彩3d胆拖投注| www.263325.com-极速时时采彩官方| www.898172.com-足球彩票买不了| 大赢家彩票网www.178719.com| www.071366.com-人人种彩票-| www.000956.com-竞彩篮球彩票在哪买| www.086119.cc-聚宝盆最大手机彩票| www.399365.cc-七星彩第19034| www.043260.com-福彩扫一扫-| www.731029.com-彩票拉人的话术| www.287580.com-福体彩开奖结果| www.fi7.com-时时彩固定技巧| www.00lh.com-彩虹这首诗怎么写呢| www.66291.com-彩易博天誉高手论坛| www.069888.cc-3d彩票教程-| www.778928.com-安彩高科股票怎么样| www.877486.com-r8国际彩票合法吗| www.964624.com-体育竞技彩票新浪| www.cp486.cc-网易彩票-| www.764050.com-彩市神童双色球专栏| www.834239.com-好彩香烟柠檬| www.891737.com-九彩凤凰与弓的传变| www.5530.cn-最近的彩票站在那里| www.653308.com-福彩试机号号千禧号| www.53mm.com-高频彩调整时间| www.3448.com-88cp彩票网-| www.484006.com-名媛汇彩票网站| www.594789.com-彩票哪个平台有分红| www.92361.cc-香港牛蛙彩资料大全| www.199967.com-体彩群英会-| www.261019.com-竞彩九场开奖| www.455547.com-老梁故事汇彩票| www.612299.com-小鸡彩虹第二季| www.752322.com-乐猫彩票电脑版| www.739864.com-彩友吧预测总汇| www.823930.com-七星彩卖到几点| www.945326.com-双色球字谜汇总牛彩| www.st81.com-快三数学计算方法| www.584838.com-旺彩3d专业平台| www.718513.com-彩虹象征-| www.745836.com-5k彩票手机登录| www.880418.com-买什么彩稳赚不赔| www.966023.com-快三遗漏值-| www.632872.com-巧买福彩2d-| www.295885.com-彩票开奖信息查询| www.592763.com-彩虹4出口价格| www.676098.com-福利彩票图谜汇总|