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天

知道了
彩01彩票 www.a00.vip-东方彩-| www.226830.com-彩虹玫瑰-| www.343885.com-彩票模拟器哪个好| www.455569.com-彩票输了两万不甘心| www.019434.com-贵阳市体彩管理中心| www.98187.cc-彩票p3出奖号| www.ji05.com-天天彩选四开奖公告| www.58tg.com-澳彩风情免费资料| www.9362.online中国彩票假吗| www.7398.cm-色彩画图片大全简单| www.kh05.com-山东彩票开奖结果| www.0015.cm-彩票十二生肖图| www.04070.com-全民中彩票app| www.356667.com-宁波某公司发彩票| www.671201.com-亿彩彩票怎么样| www.56eq.com-腾讯10分彩计划| www.34049.com-手机彩票赚钱| www.96856.com-阜阳彩票冒领案后续| www.291290.com-天天彩票论坛社区| www.426530.com-竞彩长期盈利心得| www.892293.com-足彩怎么买稳赚不赔| www.ls84.com-app微彩网-| www.62557.cc-彩票中奖概率计算| www.088241.com-华夏彩票正规吗| www.01613.com-手游彩停售-| www.27958.com-快三属于违法么| www.090975.com-广西体彩兑奖地址| www.101394.com-大发时时彩破解软件| www.263525.com-中国福利彩票基诺| www.8gw.com-福利彩票040期| www.676597.com-玩彩老头作独家推荐| www.890165.com-篮球彩票258| www.04602.com-中国体育彩票计算器| www.091959.com-掌游彩-| www.210783.com-天津快三骗局| www.93112.cc-彩39彩票下载| www.561523.com-专门猜彩票奖软件| www.284114.com-彩票名称大全百度| www.sw72.com-7星彩玩法-| www.126314.com-福彩端app安全| www.293271.com-湖北省福彩开奖结果| www.399311.com-买彩票守号几十年| www.682912.com-中彩在线论坛| www.062678.com-吉林快三3天| www.71185.com-手机怎么买体育彩票| www.699443.com-江苏福彩中心主任| www.nm0.com-江苏快三选号助手| www.i13.me-彩票开彩票开奖结果| www.987302.com-竞彩大小球什么意思| www.pl80.cc-时时彩全错计划| www.9685.loan-彩一万app下载| www.99357.cc-金彩网下载app| www.114549.com-哪个福彩app好用| www.144015.com-鼎盛彩票网是真的吗| www.262731.com-温州体彩中心| www.827458.com-最新足球竞彩结果| www.892374.com-好用彩票app| www.954471.com-世界杯体彩玩法| 彩乐园www.cly5.com| www.bf10.cc-七乐彩-| www.ql89.com-立彩下载链接| www.300873.com-南方双彩下载| www.77xj.com-足彩买输了怎么赔| www.2932.xyz-时彩万能码-| www.566645.com-凯发彩票官网| www.393112.com-彩铅手绘山水风景画| www.7716.cm-分分彩人工计划网页| www.br76.com-全天一分快三计划网| www.79iz.com-彩票开l奖-| www.57731.com-彩票中奖票样展示图| www.590396.com-福彩3d资料图| www.367748.com-刚力彩芽有什么背景| www.835362.com-正规的彩票ap| 500彩票www.50026y.com| www.206333.com-神州彩票厘模式| www.343955.com-体彩即时彩规则| www.520112.com-吉林快三投注| www.85781.com-彩涂铝卷中赫| www.050550.com-怎么玩大发快三赚钱| www.139003.com-三的天天彩-| www.077065.com-猜生肖的是什么彩票| www.224543.com-彩神ll下载-| www.321844.com-彩8预知软件| www.391759.com-腾讯彩票娱乐有托| www.504546.com-彩排的同义词| www.755972.com-3d开奖彩票图片| www.xe20.com-福彩3d和尾表| www.790970.com-安卓版彩票专选号器| www.013578.com-七星彩高手交流区| www.077438.com-高频彩哪种玩法| www.139382.com-公务员可以买彩票吗| www.524798.com-公主音乐体彩聊天室| www.40yf.com-七星彩到底怎么回事| www.095143.com-布衣彩吧3d图库| www.180144.com-河北省快三开奖结果| www.179785.com-易彩快三哪里下载| www.247178.com-新快三单机游手机版| www.112370.com-邀请码送彩金| www.jx60.com-彩票2元走势图| www.12yt.com-800彩票app-| www.4429.me-怎么开体彩店赚钱吗| www.cp254.com-甘肃快三祥查| www.rh85.com-老时时彩的开奖结果| www.14tz.com-澳门5分彩-| www.872911.com-彩之星网址-| www.949760.com-南方彩票走势| 九五彩票www.949407.com| www.21155.cc-大发时时彩必中计划| www.8083.loan-百度快彩-| www.830798.com-粉肉和彩毒的区别| www.929953.com-新疆竞彩快三查询| www.990640.com-江苏体彩七位数奖池| www.fo23.com-贵州省体彩票| www.47lk.com-东方亮彩曹云坐牢| www.631935.com-七星彩预测计划网址| www.380101.cc-奥客彩票手机网| www.592505.com-珐琅彩瓷器出手| www.778117.com-万彩吧彩票网| www.873087.com-500万彩票时时彩| 大赢家彩票平台www.309831.com| www.128577.com-五星彩下载五星彩| www.975340.com-彩票混沌周期表| www.56258.com-羸彩票天下与你同行| www.37ev.com-易彩靠谱不-| www.282610.com-时时彩五星中奖概率| www.3qk.com-大发彩票一uu直播| www.8800.me-手机彩票导航网| www.47762.com-百度乐和彩登陆| www.39787.cc-福利彩票中彩票软件| www.2335.pw-博彩怎么打广告| www.6874.wang-网上买彩票稳赚技巧| www.083988.com-即时开彩下载| www.512238.com-古风彩铅灯笼| www.40bj.com-非凡福彩走势图| www.j66.me-深圳福彩发行中心| www.02gm.com-七色彩虹花-| 网易彩票www.073wy.com| www.161258.com-天通苑附近体彩店| www.237702.com-竞彩足球是骗局吗| www.40340.com-新浪彩票佬牛解盘| www.0415.net-迪士尼彩乐园彩票| www.e16.com-手机彩票好123| www.82bx.com-大发购彩-| www.047847.com-爱乐透手机购彩票| www.772478.com-广西彩票中奖名单| www.840126.com-广东竞彩-| www.889570.com-凤凰彩世界邀请码| www.953911.com-公牛福彩-| www.987448.com-财神彩票提现快吗| www.bt06.com-彩票过滤大师| www.6hx.com-1688时时彩网| www.2874.cc-昨天晚上彩票开奖| www.55975.cc-秒秒快三技巧| www.070994.com-下载约彩彩票| www.144154.com-福利彩吧8-| www.00ks.com-倒带和彩虹歌词知乎| www.8196.loan-彩票买马是什么意思| www.199520.com-山东体彩在线下载| www.38791.com-彩票快3作弊器| www.620757.com-如意彩是合法网站吗| www.75ib.com-足彩跟庄家买| www.486329.com-彩神8ll-| www.578313.com-新浪竞彩必发交易量| www.666120.com-福彩双色球最新预测|