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.644964.com-福利彩票7乐彩玩法| www.759426.com-大中华彩票群| www.877115.com-福星彩开奖直播| www.956530.com-戒掉刮刮彩-| 亿发彩票www.901376.com| www.sb59.com-中国福彩玩法介绍| www.e37.com-福利彩票双色球机选| www.95019.com-彩妆加盟品牌| www.0111.loan-有些什么彩票| www.055791.com-天津快三怎么玩| www.191350.com-上海快三助手手机版| www.701701.cc-3d红人玩彩| www.779496.com-彩迷是什么意思| www.863127.com-彩票77官方登录| www.949888.cc-福建福彩双色球玩法| 梦想彩票站www.43131t.com| www.380635.com-彩票33app下载| www.555889.cc-百胜彩票值得信赖| www.651957.com-r仁信彩票-| www.760929.com-腾讯分分彩规律| www.309565.com-福彩双色球凤彩网| www.228829.com-江苏快三推荐号二同| www.76vl.com-3d乐彩网摘首页| 大赢家彩票平台www.183065.com| www.032395.com-十大彩票巨奖| www.541792.com-乐彩网排五预测| www.659454.com-皇都彩票一微信转账| www.751414.com-中彩网官方彩| www.37uo.com-有七星彩平台吗| www.355474.com-福甘肃快三彩开奖| www.168089.com-北京快三形态走势| www.jb12.com-福彩复式规则及奖金| www.062467.com-乐彩网工具图| www.622760.com-中国福彩体彩走势图| www.89il.com-彩票自选-| www.836918.com-上海快三彩经网| www.393753.com-彩虹世界百度云资源| www.089024.com-下载3d彩票软件| www.129703.com-四川省体彩中心官网| www.599767.com-买彩票会亏钱吗| www.845605.com-台湾有什么彩票买| www.001182.com-彩运快三是什么| www.603831.com-佬佬牛足彩博客| www.721342.com-彩票倍率-| www.58en.com-彩票店潘攀-| www.5107.org-到店里怎么买彩票| www.126317.cc-手机版下载8号彩票| www.571051.com-香港青蛙彩票| www.40kb.com-2015马彩生肖坉| www.h68.club-澳洲五分彩开奖助手| www.81iq.com-江西体育彩票站| www.46905.com-时时彩杀两码滚雪球| www.390221.com-彩票中奖多久后失效| www.9528.cc-超级彩票助手ios| www.8083.loan-百度快彩-| www.60913.com-体彩投票站如何申请| www.037920.com-免费彩票组合软件| www.389664.com-有云购彩票是真的吗| www.521314.com-福利彩票3微信群| www.616331.com-足彩6场过3关| www.711583.com-双色球牛彩网预测| www.803373.com-易彩完美修复补漆| www.905727.com-竞彩足球彩票有效吗| www.984618.com-彩虹8网络彩票| www.bq13.com-官方至尊彩app| www.c36.cn-2019年彩库宝典| www.077788.cc-完美彩票app下载| www.293515.com-被彩票平台骗| www.304818.com-快三怎么打才能稳赢| www.57752.cc-幸运彩票号码| www.363878.com-e球彩规则图表| www.629168.com-竞彩店销售技巧| www.737710.com-广东省体育彩票网| www.870919.com-41四亿彩票-| www.58871.com-安徽快三今日热号| www.613117.com-网购彩票靠谱吗| www.739003.com-体彩和福彩有假吗| www.852511.com-分分彩挂机是真是假| www.964036.com-吉林快三是要改版吗| 彩票5www.550241.com| www.0639.cn-彩票算号工具| www.28489.com-下载福彩网骗局| www.066692.com-鸿博彩票app| www.176708.com-江苏快三大小规则| www.5385.pw-初买彩票的方法| www.656023.com-中国足彩胜平负| www.785617.com-牛娃彩票图库| www.878189.com-分分彩挂机方案| www.965841.com-268彩票下载安装| www.jd13.cc-14胜负彩开奖结果| www.465360.com-体彩都有啥玩法| www.16928.cc-玩彩输钱的人怎么办| www.65268.com-好彩彩票怎么样| www.506277.com-合乐彩票平台登陆| www.615276.com-福彩三d位积和走势| www.688420.com-广东体彩客户端下载| www.766686.com-数字彩排列三专家| www.835810.com-好彩三八今期现| www.891017.com-尊彩app下载| www.958618.com-七星彩奖池金额查询| 5号彩www.565hc.com| www.615001.com-最近买彩票的地方| www.828645.com-英国彩票种类| www.153269.com-安徽福彩快3直播| www.3812.cm-南国体彩七星彩图规| www.537026.com-春秋彩票是不是正规| www.76399.cc-大吉彩票带赚| www.2090.vip-旺彩助手-| www.ds98.com-福彩助手-| www.2pn.cc-彩吧邀请码-| www.639764.com-牛牛彩票平台下载| www.861739.com-彩票开奖到彩宝贝| www.940908.com-台湾快三计划| www.987007.com-菠萝彩软件-| www.ss45.cc-台湾时时彩开奖官方| www.56466.com-国民彩票平台登录| 新盈彩www.xinyc8.com| www.620611.com-神圣时时彩免费计划| www.nn48.com-nba竞彩软件| www.030277.com-快购彩票网会员| www.935131.com-福彩一休三天计划| www.it03.com-彩票预测推荐| www.716779.com-樱花树彩铅画| www.830327.com-彩票每年害死多少人| www.903459.com-赢彩吧app主页| www.974509.com-体彩大乐透最新规则| www.cp8478.com-内蒙古快三360| www.34872.com-彩票网站360| www.119811.com-广西快彩开奖| www.393576.com-3d彩牛一句定三码| www.px08.com-宫网567cc彩票| www.754813.com-王牌彩票快3下载| www.821898.com-湖北红快三遗漏| www.897472.com-彩99是合法的吗| www.961084.com-天下彩d45-| 彩之家www.06czj.com| www.128957.com-七乐彩中奖游戏规则| www.77576.cc-今日福彩出奖号码| www.084318.com-快三大小倍投方法| www.530628.com-时时彩五星缩水方法| www.739228.com-永利彩票是骗局吗| www.593021.com-彩虹一7无人机| www.740019.com-福彩双色球红球多少| www.952775.com-丰彩彩票登录| 彩82www.c6881.com| www.46ax.com-头奖彩票官方下载| www.50856.com-808彩票cpom| www.220163.com-新华彩票下载| www.128184.com-快三三跨-| www.77373.cc-考核彩票自助售票机| www.963094.com-彩色混凝土耐磨地面| www.5166.in-福利彩票审批在哪里| www.372296.com-彩票指南报图片| www.458452.com-彩票几点开奖大乐透| www.340141.com-竞彩足球哪里购买| www.283728.com-福彩开奖直播频道| www.19wp.com-彩票挂机设置| www.75119.cc-彩票是什么行业| www.387557.com-87彩店店铺邀请码| www.179902.com-内蒙福彩快3| www.333586.com-买彩票赠送彩票| www.451618.com-分分幸运彩票| www.531311.com-彩铅画桃花树| www.590382.com-七星彩高清图库|