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.31813.cc-梦想彩彩票-| www.520273.com-体彩排列3杀码| www.698845.com-画彩铅工具-| www.835727.com-好彩一的开奖| www.933719.com-东彩彩票-| www.cp917.cc-正彩彩票-| www.611066.cc-彩38彩票官网登录| www.926007.com-福利彩票旗下| www.4366.top-568专业彩票平台| www.85527.com-爱博彩票网86| www.089059.com-重庆市体彩-| www.878762.com-福彩积分卡兑换| www.989664.com-国民彩票pk10| www.br84.com-五分彩分析软件| www.984527.com-鼎盛时时彩-| www.af56.com-七乐彩开奖查询| www.345650.com-彩票体彩排列五开奖| www.44716.com-高德彩票是合法的吗| www.604802.com-利澳彩票平台手机版| www.813080.com-中国体育彩票图片| www.954961.com-博彩娱乐导航网址| www.cs03.cc-老快三360-| www.281180.com-时时彩固定6码胆| www.56137.cc-生肖码属于什么彩票| www.009296.com-体彩任选九开奖结果| www.083271.com-彩雾彩票结果秒开奖| www.041815.com-易彩2.0手机版| www.130452.com-体彩自助投注| www.34941.com-1爱彩乐-| www.536333.com-网易竞彩专家预测| www.623981.com-春秋彩票安卓下载| www.719437.com-彩吧彩票能玩吗| www.806406.com-山东体彩手机app| www.885277.com-智能彩票选号机| www.355094.com-福彩怎么查中奖| www.818445.com-体彩中心地址电话| www.989908.com-彩漂液-| www.132573.com-最大的彩票app| www.311305.com-北京11选五爱彩乐| www.457878.com-彩店宝下载软件| www.651155.com-永利彩票报警| www.774189.com-澳门网上赌彩网址| www.940911.com-福彩pk10官网| www.kj76.com-12彩票app-| www.607589.com-多乐时时彩平台| www.686258.com-玩高频彩计算方式| www.763788.com-足彩家-| www.842430.com-竞彩足球必中神单| www.914006.com-河内时时彩开奖号码| 126彩票网www.126xc.com| www.351372.com-时时彩平台有哪些| www.1757.pw-网络私彩平台违法吗| www.13190.com-中彩网是啥-| www.59120.com-2019体彩前景| www.018682.com-南京丰彩涂料电话| www.700164.com-多彩网快乐12选5| www.785753.com-七星彩开奖结果| www.183257.com-青海西宁快三走势图| www.691702.com-在彩票-| www.787484.com-开彩网计划-| www.802327.com-甘肃中国福利彩票| www.8687.net-今天体彩开那个奖| www.71723.cc-体育彩票中奖地查询| www.087087.cc-乐福网彩票正规吗| www.173297.com-吉林快三害死人| www.266815.com-吉林快三一把一结| www.345260.com-福利彩票81期| 凤凰彩票www.88266h.com| www.0618.space-152彩票游戏规则| www.785666.cc-金慱彩票-| www.881529.com-彩票论坛互动交流| www.894891.com-甘肃快三网上购买| www.983819.com-中国福彩主任| www.oh55.com-皇都彩票登陆| www.719208.com-描写彩虹的作文| www.819550.com-5分钟极速彩| www.897864.com-七星彩开将记录| www.970542.com-彩票玄学预测书籍| www.cai6900.com快三怎么玩容易中| www.452552.com-竞彩风控-| www.112557.com-933彩票下载| www.60027.cc-福利彩票中一等奖| www.733287.com-易网易彩票-| www.839323.com-福彩三d几点开奖| www.909577.com-福彩3d资料网站| www.978900.com-双色球彩票资讯| www.wj2.com-爱彩乐广西快3| www.tg59.com-数字彩票研究方法| www.43nu.com-好彩店彩票安卓版| www.123958.com-1991年彩票-| www.368244.com-我的彩票账户003| www.117120.com-足彩18097-| www.188405.com-安徽快三投注网站| www.275107.com-中国体育彩票帷胜| www.365686.cc-彩票图片模板| www.449993.com-中国体彩中心地址| www.530440.com-大乐彩多次开出结果| www.19sa.com-博汇彩票最新消息| www.743.me-新加坡快三开奖结果| www.5677.xyz-双色球彩票胆拖| www.18668.com-三d福利彩票预测网| www.69tx.com-买彩票亏钱了怎么办| www.046363.com-体彩简单申请书| www.151572.com-太湖字谜3d多彩网| www.233901.com-河北快三形态图片| www.308305.com-七乐彩近期开奖公告| www.415896.com-竞彩足球输了就倍投| www.00880.com-万优彩票导航站| www.414013.com-出彩和出色-| www.872414.com-山西体彩十一选五| www.939193.com-2345彩票网下载| www.980672.com-c99彩票平台| www.cai532.com-快三计划软件安卓版| www.mv07.com-166彩票网官网| www.687459.com-福彩3d模拟投注| www.769509.com-好彩头食品有限公司| www.19046.com-为什么穷人爱买彩票| www.41998.com-安徽快三单号技巧| www.ax06.com-福彩5d规律-| www.vv99.com-彩票导师先带你赢| 惠民彩票www.hm2299.com| www.766060.com-风彩票-| www.3xx.cc-足彩对阵身价| www.9bf.cc-竞彩猫推荐合买| www.94wo.com-体彩排三于海滨预测| www.2en.cc-快三大小怎么玩| www.53jo.com-贵州快三开奖跨度| www.029756.com-安微福彩快3下载| www.4251.top-彩神计划手机版下载| www.21411.cc-博汇彩票正规吗| www.651321.com-10大博彩公司排名| www.754100.com-968官方彩票平台| www.820034.com-南国彩票开奖直播| www.881914.com-福利彩票刷流水单| www.970397.com-天天乐彩038| www.cai1422.com河北福彩3d-| www.815567.com-燕赵彩票-| www.883488.com-博亚体彩app| www.948722.com-鑫彩网彩票客户端| www.984883.com-炫彩图片-| www.cp0.com-分分快三计划免费版| www.761794.com-彩之家主页| www.832344.com-7彩网官方-| www.891363.com-幸运快三的技巧| www.948458.com-福彩3d精华布衣图| www.986292.com-篮彩比分直播球探| www.jp6.com-冮苏快三开奖结果| www.pj00.com-中国体彩网足彩| www.11782.com-体彩3p图谜第一版| www.839412.com-新浪爱彩网首页| www.448830.com-彩票开奖杳旬| www.529369.com-体彩发单平台| www.598027.com-体彩22期-| www.665955.com-彩票app小鹿助手| www.734545.com-凤彩网双色球字谜| www.800805.com-全民彩票240| www.862830.com-看更多精彩视频| www.912317.com-私彩庄家有输的么| www.970540.com-福彩三d试机号预测| www.cp20.com-福彩5d奖金-| www.jk12.com-大发彩票真的假的| www.1360.org-固体水彩创意画| www.164744.com-彩票刷水套利招人| www.88hf.com-黑彩规律能破解吗|