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天

知道了
百盈PK10 www.083830.com-动物总动员彩票输钱| www.862542.com-网易彩票不更新了| www.ew3.com-快三怎样找下期跨度| www.05098.com-今日彩票软件合法吗| www.099666.com-盈彩彩票靠谱吗| www.236996.com-浙江体彩中心| www.445199.com-淮安市福利彩票网| www.345032.com-大发彩票能挣钱| www.5089.pw-狗的彩票是什么号码| www.cai994.com-彩票北京快3开奖| www.302856.com-福利彩票三分快三| www.gf68.com-体彩七星彩玩法| www.lk06.com-彩中彩是什么平台| www.812393.com-3d福3d福福彩| www.960847.com-933彩票下载苹果| www.5107.org-到店里怎么买彩票| www.ku0.com-体彩快三开奖结果| www.35591.cc-彩经网彩票杀号定胆| www.027902.com-多彩云众筹立案了| www.874767.com-凤凰彩票三分快车| www.84jr.com-体育彩票远程教育| www.80oc.com-网络投彩票是真的吗| www.25598.cc-彩票平台对刷| www.525868.com-福彩3d直选心得| www.rh00.com-今日头条专业玩彩| www.0073.me-彩票游戏不提现| www.725658.com-体彩外围app| www.873697.com-享彩彩票app| www.097065.com-福彩公益报谜语| www.26698.cc-七星彩复式容易中吗| www.204288.com-去国外做私彩| www.tv5.com-百宝彩电-| www.rc70.com-西宁快三开奖| www.947475.com-福彩双彩图-| www.483860.com-鸿鼎彩票官网| www.697085.com-中国快三分分彩计划| www.786412.com-今晚七彩星开奖结果| www.889361.com-神彩uv打印机| www.968305.com-优乐彩彩票能提现吗| www.fq9.com-时时彩黑客破解公式| www.237924.com-彩票狂人陈柏华| www.655610.com-七星彩买礼物| www.891013.com-彩尊下载-| www.987169.com-234彩票苹果| www.z46.net-abc彩票平台登录| www.38802.com-淘彩网是正规的吗| www.7275.xyz-彩虹六号4k壁纸| www.925130.com-体彩专家杀号定胆| www.cp6331.com-中国体彩网官网首页| www.q33.in-中国福利彩票五等奖| www.53912.com-时时彩后3混选玩法| www.720727.com-彩票一般买什么| www.311055.com-全球第彩票-| www.471455.com-利泊彩票网站| www.781734.com-彩票多少钱开始收税| www.bg72.com-五分彩是全国统一吗| www.0846.xyz-足彩哪个网站能买| www.506080.com-乐彩网排列三开机号| www.151920.com-今日福彩字谜大全| www.732617.com-汇彩路-| www.5731.cn-福利彩票是正规的吗| www.029146.com-最有收藏价值的彩票| www.57wz.com-洛阳市彩票店| www.35720.com-518彩票_骗局| www.088617.com-彩吧彩票单双大小| www.1004.in-欢乐彩票靠谱吗| www.7518.cn-开个体育竞彩店条件| www.875173.com-彩宝网首页彩| www.799570.com-彩票领取方式| www.5065.vip-博盈彩票平台地址| www.99519.com-腾讯分分彩五星走势| www.206925.com-128彩票-| www.176308.com-福彩快三外挂手机版| www.32831.cc-南城都汇汇彩园| www.796128.com-彩票如何选好| www.jz40.com-新2彩票-| www.984585.com-南方双彩双色球定胆| www.vu60.com-彩票k线解析| www.va23.com-易彩彩票app平台| www.95355.com-中国福利彩票5元的| www.693067.com-17彩票是不是真的| www.bh15.com-易彩娱骗局-| www.35466.com-吉祥彩娱乐平台下载| www.036917.com-vip彩票快三| www.1ku.cc-手机彩票输了几十万| www.73qv.com-体彩打票员教程视频| www.7370.vip-体彩字谜1011| www.17481.com-网上有没有彩票官方| www.56852.com-彩乐网c49.cc| www.002646.com-辽宁福彩3d走势| www.058743.com-福彩3d彩报三版| www.li21.com-今日彩是不是真的| www.1xu.cc-福彩五d排列图| www.56qu.com-uu直播的彩票| www.68855.cc-中彩网高手博彩论坛| www.117815.com-时时彩后二0369| www.211719.com-全国彩票品种数量| www.279716.com-官方分分彩网址| www.346926.com-3d两元彩票网| www.425172.com-彩票数字分析仪买家| www.517830.com-牛彩网下载app| www.580528.com-宝鸡市体彩中心电话| www.651000.com-云南彩辫-| www.714200.cc-玩吧福彩快三| www.782062.com-网易彩票公司在哪里| www.130684.com-快彩在线玩法| www.089188.com-七星彩开奖第48期| www.941997.com-分分彩出号规律技巧| www.885840.com-内蒙福利彩票app| www.976374.com-河南体彩中心银行| www.cw80.com-时时彩开奖开结果| www.f73.com-七k彩票网-| www.356883.com-铁西彩票店-| www.463696.com-万豪彩票怎么样| www.548550.com-快3彩票赚钱彩民| www.343605.com-随时赚彩票软件| www.444202.com-体彩p3奇偶遗漏| www.538906.com-福彩计划导师| www.626308.com-9号彩票是骗局吗| www.723062.com-经典梯子彩票| www.796335.com-尊彩网是不是假的| www.874357.com-众彩网是合法的吗| www.961585.com-各种釉彩大瓷瓶简介| 七星乐www.535666e.com| www.352762.com-七彩乐今日开奖号码| www.592517.com-内蒙福彩3d字谜| www.299220.com-长春市体彩中心| www.385422.com-彩票投注免费领彩金| www.114832.com-精英彩下载-| www.099810.com-彩票分分28害人| www.975302.com-福彩通下载安装| www.kq97.com-成都竞彩快三| www.v93.in-今日彩吧第一版| www.43ix.com-足彩分析师经验| www.579969.com-七星彩小说类似| www.654118.com-七星彩心灵码仙说| www.749876.com-彩票开奖查询彩票| www.815255.com-国彩app真能赚吗| www.335773.com-海南私彩三字现| www.289553.com-买彩票算赌博| www.366432.com-八卦预测彩票方法| www.455228.com-皇冠国际彩票赚钱| www.101442.com-老郑最新足彩分析| www.052393.com-彩神靠谱不-| www.158706.com-体彩走势图彩宝网| www.236591.com-辽宁彩票11选五| www.308708.com-黔东南福彩中心地址| www.422966.com-福利彩票售卖点| www.595660.com-鑫彩彩票平台登入| www.672155.com-懂彩宝双色球预测| www.760815.com-时时彩分析软件安卓| www.831776.com-七乐彩100走势图| www.926622.com-五福彩票骗局| 百姓彩票www.www.bxcp3333.com| www.275012.com-518彩网-| www.373538.com-辽宁体彩十一迭五| www.461422.com-彩票黄历预测今天| www.537148.com-带彩字的微信昵称| www.358294.com-01彩票ios下载| www.416500.cc-七星彩周几开奖| www.668484.com-华人彩票网站怎么样| www.751052.com-彩八苹果下载| www.586040.com-天天爱彩票出来| www.691776.com-足球14场彩票|