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.8955.com-旺彩双色球第| www.62887.com-七七乐彩开奖结果| www.009047.com-体彩任选5中奖规则| www.9449.xyz-蓝海娱乐海南彩票| www.jd01.com-官方授权彩票app| www.662206.com-七星彩今天预测| www.029175.com-三宝生活彩票| 彩71www.018581.com| www.779253.com-福彩3b预测和值| www.869893.com-苹果x原彩显示在哪| www.90544.com-真三国无双星彩| www.yi16.com-北京福彩快8| www.21xt.com-加你qq带你玩彩票| www.982022.com-买彩票的技巧3d| www.sg0.cc-福利彩票数字3玩法| www.7663.in-福彩图片精美| www.067672.com-彩票打印机原理| www.219764.com-众彩网牛远志| www.312288.com-福彩双色球字迷总汇| www.413318.com-足彩改期奖金怎么算| www.580717.com-陕西体彩电话| www.691927.com-八亿彩平台在线平台| www.797899.com-彩票源码分享| www.887977.com-开体育彩票店流程| www.972443.com-彩铅画赵丽颖图片| www.ft01.com-宝马彩app下| www.06mr.com-彼岸花彩铅画高清| www.785606.com-彩票彩金一倍流水| www.313383.com-彩争霸8邀请码| www.406928.com-温州塘下体育彩票买| www.528759.com-幼儿彩虹画图片大全| www.615166.com-彩票可以自助买了| www.704118.com-三d福利彩票预测网| www.6009.pw-福彩消消乐中25万| www.22432.com-e彩6网址-| www.6495.xyz-七乐彩专家杀号高手| www.114662.com-体彩北京快三走势图| www.238810.com-彩金套利教程| www.325922.com-彩经网走势图旧版1| www.415320.com-安徽快三开什么号| www.251986.com-彩宝贝app下载| www.869521.com-快乐彩票网页登录| www.283383.com-七乐彩规则-| www.13125.cc-官网最大彩票平台| www.518406.com-乐米彩票停售原因| www.626353.com-彩民堂下载-| www.732163.com-临朐彩礼聘礼订婚| www.843522.com-怎么去彩票中心上班| www.920826.com-彩神彩票平台注册| www.979398.com-缅甸好彩柠檬双爆| www.jd.com-福利彩票自动选号| www.973.cm-杏彩51203q-| www.99127.cc-什么网可以买足彩| www.752078.com-伪造中奖彩票被调| www.837511.com-立彩彩票官网| www.nw5.cc-快三大小单双下载| www.6250.in-浙江公司年会彩票| www.676289.com-福彩多彩网字谜总汇| www.777278.com-宝盈福利彩票| www.865957.com-易网彩票免费预测| www.947671.com-彩票作假视频| 大赢家彩票平台www.610875.com| www.530.net-时时彩开盘如何定罪| www.054450.com-e球彩赔率对照表| www.246012.com-足彩竞彩资讯中心| www.353407.com-京彩彩票违法| www.264644.com-彩票端客服-| www.352200.cc-彩票平台会黑钱吗| www.42ie.com-唯彩会买彩票| www.2728.com-大乐透彩票推荐号| www.501886.com-欧州彩票开奖号码| www.579214.com-福彩3d彩吧藏机图| www.666279.com-家彩论坛网站| www.739584.com-彩九经典梯形彩票| www.803666.com-彩票软件8816| www.870183.com-易彩快三规律破解| www.929940.com-北京星彩科技| www.977585.com-彩色混凝土工艺| www.cai7944.com河北快三智能推荐号| www.nu68.com-福彩快3手机下载| www.35rn.com-酷浪网七星彩| www.706086.com-聚星彩票安全吗| www.1925.vip-规模最大的87彩店| www.8512.com-微信怎么买竞彩足球| www.40388.cc-中国足球彩票竞彩| www.92457.com-精彩彩票应用| www.092697.com-彩民双色球领奖| www.796842.com-足彩任选九-| www.374331.com-大发1分快三计划| www.29629.com-明彩4218电视| www.670991.com-排三免费预测彩宝贝| www.978041.com-九歌彩票手机版下载| www.90ju.com-买彩票用哪个app| www.8659.cc-五洲彩票注册| www.5063.vip-国家福彩-| www.952606.com-彩k-| www.mb2.com-甘肃快三电视走势图| www.38377.cc-某某爱彩票app| www.378025.com-88彩票平台安全吗| www.74ss.com-幸运彩票提现不到账| www.167316.com-中国福利彩票手机版| www.296928.com-神圣彩票平台| www.51zj.com-牛蛙彩图库资料| www.821500.com-福利彩票老总是谁| www.177916.com-贵州快三形态一定牛| www.075508.com-腾讯旗下彩票app| www.sf61.com-三分时时彩免费计划| www.025604.com-彩票对刷套利骗局| www.106017.com-香港马牛蛙彩票| www.103863.com-彩神ⅲ-| www.623203.com-下载一个天天中彩吧| www.84654.com-我附近的福彩销售点| www.2942.cn-鸿运时时彩开奖| 亿彩堂www.986282.com| www.775021.com-k彩线路检测| www.113624.com-猜大小的彩票有哪些| www.184891.com-中国福利彩票手机买| www.239359.com-大发快三是人为| www.299622.com-爱彩乐公司-| www.40qq.com-下截福彩彩票| www.77350.com-赢彩网正规吗| www.879876.com-重庆市福彩官方网站| www.952051.com-500彩票网与彩神| 500万彩票www.w931.com| www.115598.com-七星彩直播现场| www.40397.com-今晚彩票开哪几个号| www.873164.com-贵州彩票app| www.234484.com-现在怎么买足彩| www.433354.com-遵义在哪领彩票奖| www.529526.com-开体彩店怎么申请| www.631092.com-怎么算足彩中奖| www.692618.com-网络彩票请问合法吗| www.765733.cc-幸运28中彩票| www.825918.com-手机买七星彩技巧| www.886288.com-彩铅动漫古风女| www.962351.com-五福彩票苹果app| 中国福利彩票www.34788n.com| www.6663.bid-彩1平台是黑平台呢| www.47349.com-凤凰彩票平台安全吗| www.015646.com-中信彩票是什么意思| www.0514.com-福彩3d出号-| www.066824.com-永利博彩-| www.015751.com-海南七星彩稳定赚钱| www.313127.com-038彩票网-| www.370193.com-ee彩正规吗-| www.210551.com-宁夏中卫快三走势图| www.6070.vip-奇门测彩票方法研究| www.841087.com-利民彩票合法吗| www.105136.com-网易竞彩正规么| www.284213.com-好听点的彩票昵称| www.446658.com-excel彩票-| www.zv02.com-彩之家彩票网址| www.114860.com-彩神1.98邀请码| www.200486.com-一定牛河南快三| www.270703.com-977彩票app-| www.763711.com-摩羯足彩-| www.77162.cc-中国竞彩足球9场| www.391208.com-龙彩彩票是假的吗| www.788796.com-宝哥彩吧-| www.3118.bid-北京体彩大乐透| www.771530.com-上海彩票店申请流程| www.292087.com-中福快三骗局揭秘| www.111136.com-体育彩票十分钟即开| www.99366.com-网易彩票足球预测|