QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery云产品介绍图标菜单tab切换代码

原创商用 jquery云产品介绍图标菜单tab切换代码

jquery企业云服务产品介绍点击图标菜单tab切换效果代码?;赟uperSlide制作的图标选项卡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="product-content">
	<div class="product-title">
		<h3>了解我们的云产品</h3>
	</div>
	<div class="product-box">
		<div class="product-header hd">
			<ul>
				<li class="on">
					<a href="#">
						<span class="product-head-tag">
							<img src="images/icon1-1.svg" alt="">
							<img src="images/icon1-2.svg" alt="" class="active-img">
						</span>
						<span class="product-head-tit">互联网中间件</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="product-head-tag">
							<img src="images/icon2-1.svg" alt="">
							<img src="images/icon2-2.svg" alt="" class="active-img">
						</span>
						<span class="product-head-tit">域名与网站</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="product-head-tag">
							<img src="images/icon3-1.svg" alt="">
							<img src="images/icon3-2.svg" alt="" class="active-img">
						</span>
						<span class="product-head-tit">安全</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="product-head-tag">
							<img src="images/icon4-1.svg" alt="">
							<img src="images/icon4-2.svg" alt="" class="active-img">
						</span>
						<span class="product-head-tit">视频服务</span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="product-head-tag">
							<img src="images/icon5-1.svg" alt="">
							<img src="images/icon5-2.svg" alt="" class="active-img">
						</span>
						<span class="product-head-tit">大数据</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="product-switch bd">
		<ul class="product-list">
			<li class="product-list-item">
				<h3>
					<a href="#">
						负载均衡  <i>折扣</i>
					</a>
				</h3>
				<div class="product-list-text">
					<span>对多台服务器进行流量分发</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">消息队列
				   </a>
				</h3>
				<div class="product-list-text">
					<span>分布式消息队列服务</span>
				</div>

			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">API 网关
				   </a>
				</h3>
				<div class="product-list-text">
					<span>API 全生命周期托管服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">腾讯分布式服务框架
				   </a>
				</h3>
				<div class="product-list-text">
					<span>可靠、全面、易用的分布式服务PaaS平台</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">云数据迁移
				   </a>
				</h3>
				<div class="product-list-text">
					<span>TB/PB 级数据迁移上云</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">日志服务
				   </a>
				</h3>
				<div class="product-list-text">
					<span>一站式日志数据解决方案</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">私有云存储
				   </a>
				</h3>
				<div class="product-list-text">
					<span>安全、稳定、海量、多协议兼容的私有云存储服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">存储网关
				   </a>
				</h3>
				<div class="product-list-text">
					<span>混合云存储服务</span>
				</div>
			</li>
		</ul>
		<ul class="product-list">
			<li class="product-list-item">
				<h3>
					<a href="#">
						域名注册  <i>优惠</i>
					</a>
				</h3>
				<div class="product-list-text">
					<span>专业域名服务,安全、省心、可信赖</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">云解析
				   </a>
				</h3>
				<div class="product-list-text">
					<span>向全网域名提供稳定、安全、快速的智能解析服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">建站主机
				   </a>
				</h3>
				<div class="product-list-text">
					<span>全方位,超便捷的网站服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">网站备案
				   </a>
				</h3>
				<div class="product-list-text">
					<span>备案备多久,云服务免费用多久</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">SSL证书
				   </a>
				</h3>
				<div class="product-list-text">
					<span>数字证书一站式管理,快速接入 HTTPS 安全</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">移动解析HttpDNS
				   </a>
				</h3>
				<div class="product-list-text">
					<span>防劫持、智能调度、稳定可靠的移动APP域名解析服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">企业邮箱
				   </a>
				</h3>
				<div class="product-list-text">
					<span>提供最全面、最专业、专属定制的企业邮件服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">检测工具
				   </a>
				</h3>
				<div class="product-list-text">
					<span>自动诊断域名、SSL证书状态,保障网站安全</span>
				</div>
			</li>
		</ul>
		<ul class="product-list">
			<li class="product-list-item">
				<h3>
					<a href="#">
						网络安全  <i>新品</i>
					</a>
				</h3>
				<div class="product-list-text">
					<span>抵御大流量DDoS攻击,守护企业网络安全</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">网站管家 WAF
				   </a>
				</h3>
				<div class="product-list-text">
					<span>专业为网站服务的一站式智能安全防护平台</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">云镜(主机安全)
				   </a>
				</h3>
				<div class="product-list-text">
					<span>基于机器学习为用户提供检测和预警服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">
						Web 漏洞扫描<i>新品</i>
					</a>
				</h3>
				<div class="product-list-text">
					<span>便捷、准确的漏洞扫描服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">专家服务
				   </a>
				</h3>
				<div class="product-list-text">
					<span>腾讯安全专家提供专业技术支持服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">移动安全
				   </a>
				</h3>
				<div class="product-list-text">
					<span>防止破解盗版,对抗游戏外挂等一站式移动安全解决方案</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">业务防控(天御)
				   </a>
				</h3>
				<div class="product-list-text">
					<span>登录注册防撞库,活动防刷、防薅羊毛</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">内容安全
				   </a>
				</h3>
				<div class="product-list-text">
					<span>精准识别图文、视频中色情、暴恐、广告等恶意内容</span>
				</div>
			</li>
		</ul>
		<ul class="product-list">
			<li class="product-list-item">
				<h3>
					<a href="#">
						点播  <i>新品</i>
					</a>
				</h3>
				<div class="product-list-text">
					<span>一站式媒体转码分发平台</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">直播
				   </a>
				</h3>
				<div class="product-list-text">
					<span>专业稳定快速的直播接入和分发服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">云转码
				   </a>
				</h3>
				<div class="product-list-text">
					<span>智能、强悍、全面的云端转码和音视频处理服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">互动直播
				   </a>
				</h3>
				<div class="product-list-text">
					<span>多平台的音视频开播、观看及连麦等互动直播能力</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">移动直播
				   </a>
				</h3>
				<div class="product-list-text">
					<span>基于 RTMP SDK 快速集成的移动直播解决方案</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">短视频
				   </a>
				</h3>
				<div class="product-list-text">
					<span>结合强大的云端能力,提供客户端丰富的拍摄、编辑等短视频功能</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">美视优享
				   </a>
				</h3>
				<div class="product-list-text">
					<span>专业的视频鉴黄、美颜特效服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">X-P2P
				   </a>
				</h3>
				<div class="product-list-text">
					<span>业内最优的低延迟 P2P 解决方案</span>
				</div>
			</li>
		</ul>
		<ul class="product-list">
			<li class="product-list-item">
				<h3>
					<a href="#">
						大数据处理套件  <i>新品</i>
					</a>
				</h3>
				<div class="product-list-text">
					<span>可靠、安全、易用,可以按需部署的大数据处理服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">弹性 MapReduce
				   </a>
				</h3>
				<div class="product-list-text">
					<span>可靠、安全、灵活的云端托管Hadoop服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">
						流计算服务<i>新品</i>
					</a>
				</h3>
				<div class="product-list-text">
					<span>云端的流式数据汇聚、计算服务,满足您实时处理数据的需求</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">
						Elasticsearch Service<i>新品</i>
					</a>
				</h3>
				<div class="product-list-text">
					<span>云端托管的 Elasticsearch 服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">数据工坊
				   </a>
				</h3>
				<div class="product-list-text">
					<span>轻量级云上大数据处理分析服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">云推荐引擎
				   </a>
				</h3>
				<div class="product-list-text">
					<span>快速提供安全、便捷、精准、可靠的推荐系统服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">DI-P实时多维分析引擎
				   </a>
				</h3>
				<div class="product-list-text">
					<span>无需预建数据立方的大数据毫秒级多维分析服务</span>
				</div>
			</li>
			<li class="product-list-item">
				<h3>
					<a href="#">大数据可视交互系统
				   </a>
				</h3>
				<div class="product-list-text">
					<span>实时交互、高效稳定、绚丽震撼的数据可视化解决方案</span>
				</div>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript">
	
	jQuery(".product-content").slide({effect:"fade",trigger:"click",delayTime:700});

</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
顺丰彩票 www.954785.com-彩票今晚出什么| www.141660.com-鸣彩传媒总监| www.350029.com-乐彩网福彩3b首页| www.549242.com-网络彩票刷流水| www.727762.com-福彩现场直播| www.288911.com-彩票回补几率负数| www.183241.com-福彩3d彩票-| www.329422.com-深圳体育彩票网首页| www.456903.com-买彩票诗-| www.787701.com-彩客化学集团| www.1715.cc-篮球滚球彩票| www.4614.vip-彩票条形码坏了| www.53167.cc-河北福彩排列五走势| www.627105.com-青蛙开彩-| www.714242.com-时时彩几种倍投方案| www.806144.com-彩吧图第二版| www.900588.cc-中福彩官网首页| www.984829.com-好彩票8-| www.zm7.com-吉林快三高手| www.71768.cc-彩票开奖太湖字迷图| www.620081.com-福彩票6838cc| www.322351.com-正规网购彩票网站| www.617709.com-风落中彩双色球推荐| www.777848.com-易购时时彩平台| www.949195.com-pc彩迅-| www.qk93.com-江苏足球竞彩| www.566527.com-和彩放题菜单| www.656627.com-易点彩票网一手机版| www.934100.com-福利彩票精准预测网| 中彩网www.71233c.com| www.00010.com-淘彩票安卓-| www.7532.bid-老梁说彩票造假| www.na71.com-微彩吧app是什么| www.32vj.com-菲律宾博彩证合法| www.595824.com-f彩是正规平台吗| www.847118.com-竞彩盈亏的区别| www.07391.com-3d福利彩票app| www.080180.com-彩民中奖故事新闻| www.700256.com-彩票可以跨省兑奖| www.803755.com-山西体彩11选5图| www.885832.com-购彩票大厅开奖结果| www.966774.com-bmw彩票-| www.cai6.com-甘肃快三今天预测号| www.343695.com-中彩票幽默感言| www.91kn.com-六个彩票白小姐| www.37116.cc-8亿彩骗人的吗| www.88546.com-彩票离婚案例| www.054605.com-福建省福彩兑奖地址| www.34bm.com-966彩票-| www.536561.com-我国彩票有哪几种| www.887350.com-迅盈彩票网-| 爱购彩票www.355205.com| www.88543.cc-偷彩票中奖怎么判| www.324520.com-马来西亚搞彩票| www.97244.com-石家庄体彩网| www.079932.com-满彩堂app-| www.254439.com-牛蛙彩票资料| www.721762.com-足球竞彩单场列表| www.253.website福彩2019年前景| www.7344.vip-七星彩梦兆图| www.34312.com-中国彩票更懂彩民| www.87588.cc-98098彩票导航| www.677357.com-分分彩算号器| www.060044.com-排三杀号定胆家彩网| 创富彩票www.cf9903.com| www.501863.com-全球基诺彩-| www.623969.com-春秋彩票234| www.086508.com-好彩客旧版下载| www.515360.com-怎样购买七星彩票| www.747855.com-爱彩宝软件下载| www.871595.com-足彩缩水软件有哪些| www.959264.com-3d新彩网字谜总汇| www.hj35.com-福彩3d选号王过滤| www.739814.com-福彩3d输了好多钱| www.ij.cc-江西快三app| www.nk11.com-足球比赛竞彩网| www.679329.com-一分彩害死多少人| www.776773.com-台湾福彩经典报| www.867555.com-算局七星彩排列五| www.926587.com-快彩3计划-| www.983645.com-网络彩票举报电话| www.ft.com-彩票大赢家软件| www.ky22.com-福彩3d交流论坛| www.w74.cc-久久彩票平台客服| www.42aw.com-足彩胜负平14场| www.517709.com-福彩3d牛人票票| www.152352.com-彩6彩票苹果版下载| www.f69.top-福彩官员落网| www.66lh.com-288彩票可靠吗| www.660925.com-彩票白菜贴吧| www.977115.com-如果男方要退彩里| www.734277.com-足彩3月赛程| www.894459.com-澳门快三公式| www.960484.com-注册送彩金赌场网址| 8号彩票www.60108d.com| www.ic76.com-戒彩票贴吧-| www.5189.top-七彩大图-| www.25987.cc-彩虹色的七个颜色| www.201009.com-七星彩票论坛| www.280570.com-凤凰平台时时彩奖金| www.944022.com-春秋彩票登录网页版| www.756577.com-全民中彩-| www.26aq.com-购买快三河北| www.871171.com-星彩空间-| www.311.cn-黑金网彩票-| www.693292.com-足彩竞彩投注技巧| www.108485.com-彩票倍投骗局| www.361903.com-福利彩票开奖图片| www.894813.com-福利爱彩票开奖| www.1114.vip-53彩票下载安装| www.900434.com-彩票计算公式| www.443134.com-网易红彩真的吗| www.570668.com-彩票扣税计算器| www.677377.com-彩钢瓦围墙寿命| www.760453.com-福彩3十o多少钱| www.vh93.com-山东福彩快三走势图| www.345026.com-福彩往期所有| www.171235.com-福建福彩各种走势图| www.083640.com-北京彩票兑奖地点| www.133146.com-开彩票店利润| www.299946.com-3d直选杀号彩经网| www.806091.com-牛彩网双色球| www.752244.com-中彩网下-| www.944431.com-体育彩票最新骗局| www.82mi.com-七星彩分顺序吗| www.8645.biz-彩票开奖`排三试机| www.132203.com-河南彩礼政策| www.017680.com-南宁福彩兑奖中心| www.116305.com-彩票分析师赚钱吗| www.235133.com-彩票大奖-| www.186224.com-福利彩票甘肃快三| www.365425.cc-用彩铅画动漫少女| www.205798.com-快三走势怎么看单双| www.00uv.com-彩虹怎么形成的| www.2113.cm-福彩46-| www.83238.com-彩票加倍-| www.31mj.com-体育彩票赔率怎么算| www.010333.cc-3d福彩论坛手机版| www.qs82.com-福利彩票的用途| www.83wt.com-天津福利彩票开奖| www.7388.bid-对比色彩构成图片| www.116399.com-描写雨后彩虹的句子| www.450334.com-福利彩票红球| www.575333.com-体彩周几开奖时间| www.784111.com-购彩v是什么东西| www.383505.com-可以赚钱的竞彩推荐| www.560609.com-41期快三-| www.683939.com-怎么加入彩票推店| www.825552.com-台湾宝岛快三查询| www.192230.com-福利彩票快三| www.293111.cc-3d彩吧图库丹东| www.369585.com-万豪最近体彩销售点| www.482878.com-釉色和釉彩的区别| www.566294.com-慧金彩是什么平台| www.16jo.com-k彩彩票账号| www.161687.com-香港快三合法吗| www.k16.biz-体彩贵州11选五| www.949027.com-中彩股份赵毅| www.38039.cc-大彩网首页走势图| www.095072.com-福彩p62网购| www.g20.live-彩票字谜解-| www.51gb.com-国外竞彩-| www.822.win-竞彩网中国足彩网| www.788694.com-竞彩单场推荐总绘|