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天

知道了
时时乐上海开奖结果 500彩票www.330715.com| www.680769.com-四川福利彩票双色球| www.890977.com-三态彩票平衡网网站| CP701www.627792.com| www.191.xyz-动物素描彩铅画| www.9140.pw-新浪体彩网-| www.6665.loan-来彩网下载-| www.618945.cc-福彩宝石机-| www.731544.com-体彩怎么买球| www.812399.com-福彩3d应用技巧| www.905268.com-伯爵彩票平台| www.971395.com-体彩开奖查-| www.cai1333.com快三在线投注软件| www.062720.com-家彩网开奖-| www.52758.com-好彩棋牌开元| www.009342.com-天下彩免费123| www.037031.com-竞彩足球的漏洞| www.86710.com-福彩网络销售| www.248598.com-福彩走势图是什么| www.522675.com-云南省体彩十一选五| www.554406.com-彩富网天空彩哳| www.83111.cc-绵阳福彩100万| www.574368.com-彩票预算下期| 博友彩www.371r.cc| www.672211.com-高彩网88zzcc| www.777327.com-福彩手机客户端购彩| www.026415.com-福彩3d太湖图迷版| www.pu87.com-彩票极速赛车骗局| www.4759.top-网络彩票送彩金| www.52792.cc-彩票743好彩| www.402565.com-3d福彩杀码图杀码| www.572389.com-刚力彩芽为什么黑| www.685028.com-福彩天吉网-| www.872603.com-湖南体彩赛车官网| www.789839.com-足彩混合过关玩法| www.926882.cc-趣彩彩票-| 网易彩票www.072wy.com| www.hh63.cc-乐彩是不是骗人的| www.233224.com-海南有快三吗| www.473701.com-中国福利彩票三不同| www.567270.com-冮苏体彩七位数| www.602121.com-游戏厅哪个出彩票快| www.222124.com-七星彩4个头4个尾| www.317568.com-体彩大乐透直播频道| www.251585.com-①号彩票-| www.370364.com-吉林快三每天几期| www.503129.com-昆明彩票中-| www.97vp.com-国丰彩票平台| www.4251.vip-彩票777软件| www.199894.com-河北快三三同号推荐| www.994085.com-中国体育彩票飞鱼彩| www.083395.com-买彩票的app靠谱| www.82137.com-重庆彩彩乐是赌博吗| www.63765.com-竞彩nba投注比例| www.824654.com-衡阳福彩中心电话| www.888124.com-福彩3d杀号凤彩网| www.12981.cc-浙江杭州体育彩票| www.79473.com-微信上让你玩彩票的| www.48pb.com-泰国的彩票怎么查询| www.463147.com-时时彩刷流水赚钱| www.725328.com-蕾彩-| www.603835.com-佬牛足彩专家预测| www.461062.com-实亿国际彩票| www.569135.com-3d彩吧全图-| www.654255.com-做假彩票发行| www.67tp.com-如何识别博彩黑平台| www.004779.com-今日彩票开奖双色球| www.083803.com-体彩大乐透中奖高不| www.688985.com-山东彩票论坛玩3d| www.768576.com-查体育彩票开奖结果| www.850893.com-时时彩杂六规则| www.921826.com-一起博彩票平台| www.979492.com-亿万快三实时计划| www.cp55.com-福彩快3软件| www.861281.com-彩票开奖结果我| www.202358.com-黔南州福利彩票中心| www.297111.cc-中信彩票能玩吗| www.884909.com-彩票争霸苹果版| www.959743.com-盈彩官网江苏快三| 中彩网www.71233d.com| www.48dw.cc-彩票公式赚钱什么意| www.870870.com-2元彩票3d走势图| www.943054.com-百姓彩票登录| www.997498.com-玩快开彩票输了| www.po62.com-湖北快三一-| www.27ve.com-l8彩票-| www.140504.com-七星彩早版-| www.995974.com-彩投合法吗-| www.098863.com-派彩客服电话| www.453085.com-金多彩平台-| www.133911.cc-雷诺好彩1预测| www.075266.com-彩票视频-| www.143811.com-青海福彩中心主任| 500彩票www.786819.com| www.13ot.com-福彩三弟必下胆码| www.91838.com-青海省体彩中心主任| www.772010.com-福利彩票营销计划词| www.8916.cn-海南七星彩开奖电话| www.479718.com-七星彩几分-| www.037073.com-500彩票下载安卓| www.137614.com-中国体彩有什么报纸| www.352467.com-彩票送礼金18网站| www.561028.com-福利彩票开奖单式| www.665428.com-彩78是正规彩票吗| www.789918.com-广西快三和值规律| www.964196.com-福彩三d金马| www.eq44.com-炫乐彩票登录| www.121740.com-彩友多微信群| www.190210.com-彩票口诀大全| www.250057.com-冀彩宝现在能用吗| www.720678.com-北京彩票站网点号| www.636019.com-彩虹棋牌安卓版官方| www.718212.com-彩票驿站骗人| www.738598.com-福利彩票交流群| www.410086.com-如何解冻彩票账号| www.62pz.com-彩票中三亿上多少税| www.16142.com-内蒙彩票-| www.152892.com-彩票vip下载| www.35ub.com-体彩大乐透历史数据| www.122064.com-三分时时彩开奖数据| www.513965.com-彩票新政影响| www.36875.cc-福彩胆王-| www.47xd.com-36o彩票彩种大厅| www.951624.com-彩票研究技术| 亿彩www.6832p.com| www.oq62.com-陈赫中奖彩票号码| www.w13.cn-体育彩票猜世界杯| www.020893.com-七乐彩300-| www.888608.com-买彩票都中过多少| www.949316.com-百盈彩票平台| 天朝彩票www.hd5658.com| www.574527.com-58彩票网官网首页| www.698675.com-福彩公益广告语| www.131786.com-四川资阳结婚彩礼| www.182831.com-安徽快三一定牛预测| www.780190.com-彩票双色球出球顺序| www.854595.com-竞彩258论坛| www.910833.com-三d玩彩老头预测| www.961040.com-鸿运5分彩开奖号码| 丰彩娱乐www.fcyl7.com| www.9004.com-中彩票去哪里领奖| www.319330.com-五分彩走势图app| www.33rz.com-五福彩票提现失败| www.047955.com-3d数字彩票投注通| www.2xs.com-55彩票送礼金| www.544679.com-cc彩票登录平台| www.773974.com-九宫图算彩票| www.839855.com-福利彩票宣传方案| www.897531.com-竞彩兑奖地点| www.956247.com-网上彩票有赢钱的吗| 九九集团www.99jtc.com| www.37176.cc-好运彩下载-| www.hw47.com-百度彩票走势图3d| www.805356.com-高频彩稳赚技巧| www.896501.com-玩体育博彩能赚钱吗| www.993488.com-彩票上的签名区| www.9009.date-越乐彩-| www.39252.cc-连中彩票安卓| www.315686.com-体彩竞彩申请| www.9506.shop-彩票怕实名制| www.591468.com-澳门有没有彩票买的| www.29958.com-亿彩彩票平台app| www.22mm.com-玩彩网黑钱-| www.179519.com-腾讯快三-|