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.012468.com-体彩停售时间| www.6412.vip-春秋彩票客服| www.545845.com-福利彩票站申请条件| www.065729.com-必赢彩票软件下载| www.203462.com-湖北一定牛精彩十分| www.291890.com-上海基诺彩票调整| www.371698.com-v8彩票-| www.469599.com-彩票行业五行属性| www.028230.com-玩投彩是何用意| www.19895.cc-趣客站彩票app| www.cp643.com-彩神8苹果版| www.pr70.com-玩快三输了怎么办| www.984823.com-5分钟一期的彩票| www.9729.pw-包头彩票店转让信息| www.3098.cm-彩票开奖时间和日期| www.763163.com-大乐彩走势图| www.392309.com-三位数的彩票| www.712216.com-彩票坊是不是黑网站| www.460634.com-排三彩吧预测| www.616350.com-亚虎亚彩会游戏官网| www.699020.com-乐和彩票合法吗| www.926385.com-彩票价格多少| www.993208.com-彩票那个容易赚钱| www.ft45.com-彩票投注站app| www.h95.club-彩票资料大全部| www.741101.com-澳门彩报一-| www.9845.vip-古建民间彩绘图案| www.186644.com-河北快三历史开奖| www.96776.cc-亚博体育假彩票充值| www.310102.com-山东省体彩兑奖流程| www.394491.com-福利彩票么时候开奖| www.721.mobi-中国福利彩票十乐彩| PK彩票www.www.23040.com| www.go44.com-河南彩礼-| www.3806.vip-开心彩票论坛手机版| www.025827.com-彩票套利技术是什么| www.x25.cn-彩神vll是真的吗| www.pg08.com-吉林快三赌博| www.65rz.com-十四彩推荐-| www.009208.com-178彩票网真假| www.124331.com-中了彩票怎么兑奖| www.313752.cc-彩票中奖新闻今年| www.422637.com-荣耀网彩票导航站| www.tl93.com-福利彩票申申请| www.030848.com-中国福利彩票真假| www.978040.com-猫彩铅画-| www.bj32.com-大发快三下载地址| www.799979.com-快三湖北开奖结果| www.951229.com-500足彩胜负| 好运彩票www.004hy.cc| www.20587.com-快三回血导师| www.348301.com-彩客彩票4.7版本| www.302738.com-幸运彩娱乐-| www.237804.com-福利彩票模拟选号| www.158050.com-足彩19047期| www.2374.top-七彩祥云是真的假的| www.951443.com-优信娱乐彩票| www.077683.com-骗去玩七星彩| www.400396.com-福彩快三套路教学| www.587255.com-奇门预测港彩尾数法| www.697722.com-财富赢家报七星彩图| www.792234.com-彩票预测系统源码| www.888650.com-网上500万彩票网| www.968042.com-陕西假宝马彩票| www.cp253.com-大发快三计划软件| www.586824.com-下载彩吧助手手机版| www.188886.com-吉林彩票网-| www.629677.com-官网幸运彩票app| www.731525.com-网址导航足彩| www.827696.com-佳缘带人玩彩票| www.914140.com-e球彩开奖历史| www.11ql.com-西安天彩粮骗局休假| www.893426.com-老公买彩票输钱| www.977898.com-彩色纸箱印刷| www.qg47.com-好彩三开奖奖金| www.449251.com-沈阳市福彩中心地址| www.780798.com-彩客网比分直播现场| www.23779.cc-彩票微助手怎么样| www.5110.biz-珍爱网彩票托| www.226886.com-分分快三计划群| www.312927.com-玩彩网网站怎么样| www.389777.com-塘厦彩票店转让| www.503348.com-java彩票源码| www.034313.com-360篮球竞彩| www.54ci.com-玩彩双色球预测文章| www.3316.vip-华宇装潢彩票怎么样| www.00274.com-章鱼彩票独家| www.50268.com-足球彩票网上去哪买| www.368809.com-9万彩票安卓手机版| www.472600.com-时时彩两期推波方法| www.80707.cc-彩票对打新套路| www.25yb.com-体彩19005期| www.72457.com-体彩可以买篮球吗| www.238253.com-福彩3d字迷总汇| www.05ea.com-彩铅平涂法技巧图解| www.65il.com-体彩在哪个台直播| www.3077.biz-体彩排五开奖、结果| www.139426.com-永信彩票-| www.383000.cc-彩票店从哪挣钱| www.706.vip-范哥时彩军团| www.4185.com-7c77cc七彩网| www.134993.com-中彩网客服中心| www.ia57.com-彩票容错啥意思| www.214995.com-江西福彩官方网站| www.231831.com-那个彩票软件最正规| www.284116.com-福利彩票小软件下载| www.87608.cc-98彩票网线路导航| www.062396.com-老快三走势图360| www.331660.com-彩51彩票-| www.400713.com-河内一分彩人工计划| www.245877.com-易彩集团邀请码| www.329673.com-另版福彩3d藏机诗| www.408873.com-纪梵希彩妆官网| www.303912.com-甘肃快三数据专家| www.78123.com-九州彩票可靠吗| www.088590.com-美国一分彩开奖结果| www.179940.com-福利彩票开奖时间| www.81vw.com-深圳彩票开奖| www.835173.com-中免薄荷绿好彩| www.904142.com-彩票合买微信群| www.04ua.com-竞彩滚球漏洞| www.du94.com-大发快三破解版下载| www.65ms.com-彩麒麟理财骗局揭秘| www.704422.com-吉林快三怎样看大小| www.ff86.com-下载app彩票软件| www.36765.com-体彩福彩通用码| www.035569.com-关于彩票的英语句子| www.169282.com-快三的走势图怎么看| www.242699.com-一分快三官网计划| www.328287.com-彩名堂官网软件下载| www.323788.com-七乐彩胆拖投注| www.450311.com-研究七星彩微信群| www.87386.com-鸿运彩票体现不了| www.059112.com-中国足彩网官方首页| www.124118.com-足球彩票手机新浪网| www.508318.com-奥运场馆彩票收藏| www.667281.com-赛马彩票开奖| www.287811.com-沈丘彩票中奖者| www.383591.com-六六彩票-| www.39838.cc-彩八软件下载| www.d85.com-128彩票网靠谱吗| www.1667.net-南方双彩3d-| www.026780.com-看彩票走势骗局| www.288917.com-彩票回补-| www.455864.com-关于彩票的故事题目| www.7538.space-快三网投下载| www.724900.com-网上赌彩-| www.873136.com-彩彩票网彩-| www.704345.com-彩256下载-| www.739172.com-yy彩票开户-| www.568318.com-中国福利彩票3开奖| www.750789.com-梦到开宝马车买彩票| www.948847.com-体育彩票有什么| www.ob1.com-快三和值跨度图表| www.100087.cc-福彩今晚开奖| www.858041.com-体彩有快乐十分钟| www.26777.cc-打七星彩技巧| www.664575.com-简单彩铅画女孩风景| www.cg04.com-极速快三稳赚计划| www.777010.com-快八彩票下载| www.669853.com-四位数彩票-| www.790653.com-在线彩票生成器| www.118855.cc-英快三走势图带连线| www.97018.com-重庆市福彩中心|