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.068912.com-湖北福彩快3下载| www.602161.com-开心8彩票登录| www.695721.com-竞彩8场4关-| www.782343.com-中国体育彩票星彩网| www.26993.com-2元彩票app下载| www.0883.cn-淮阳县彩票中奖| www.134228.com-无嘴好彩香烟哪里买| www.246411.com-江苏福彩快三结果| www.339436.com-体彩大乐透几号开奖| www.874399.com-长沙福彩网-| www.128989.com-五分快三投注站| www.225970.com-福彩公益金宗旨| www.314342.com-今日竞彩足球预测| www.228296.com-全国彩礼价目表| www.70ok.com-芜湖彩票中奖结果| www.778151.com-迪士尼彩乐园ii| www.793600.com-如何计算彩票| www.10910.com-体彩三d开奖号码| 易彩网www.36166k.com| www.i76.net-乐彩论坛官方下载| www.61xr.com-我查查彩票-| www.004971.com-香港彩票开奖记录| www.659895.com-彩票奖金都有多少| www.972502.com-长沙快三查询| www.45mo.com-快三推算软件| www.36238.com-22彩票网站网址| www.228726.com-快三倍投方案大全| www.315031.com-竞彩网计算器胜平| www.162723.com-152彩下载-| www.339007.com-福彩快3长龙记录| www.503608.com-重庆时时彩会造假吗| www.599390.com-百盈彩票快三app| www.689209.com-下载彩民网-| www.800402.com-网络彩票作弊器| www.906531.com-分分时时彩万位技巧| 凤凰彩票www.55228h.com| www.202113.com-江苏利彩快三查询| www.286049.com-信誉第一的体育彩票| www.792103.com-一定牛彩票网正规吗| www.867417.com-快三助赢计划手机版| www.940626.com-6618彩票app| www.997747.com-87.cn彩票官网| www.cm77.cc-北京福彩快3助手| www.wz64.com-湖北快三害人不浅| www.23lp.com-南充市福彩中心站| www.uh78.com-七星彩兑奖结果查询| www.897805.com-足彩怎么不能买| www.nk20.com-足彩推荐好的app| www.42ie.com-唯彩会买彩票| www.0431.link-想做彩票代理| www.036696.com-尼彩手机在哪买| www.171181.com-河北快三遗漏表| www.cai6111.com快三河南开奖结果| www.364543.com-带彩虹的男生头像| www.497619.com-5k彩票注册登录| www.573666.cc-网络购彩票最新消息| www.639314.com-体彩店有销售任务吗| www.7459.cn-宁波体彩店申请电话| www.706548.com-香港彩票开奖| www.801063.com-购彩堂登陆app| www.878359.com-彩客竞彩彩票下载| www.948428.com-福彩丹东彩吧图库| www.996146.com-p3家彩网-| www.ar37.com-彩35-| www.32771.cc-彩票三d和尾图| www.330906.com-彩神l邀请码| www.91010.cc-好彩2奖金-| www.05td.com-日本彩色铅笔牌子| www.465630.com-500彩票破解木马| www.400908.com-360彩票基本势图| www.566092.com-pp彩票能取现吗| www.718005.com-彩库女装官网| www.814852.com-唐山市福彩兑奖中心| www.896697.com-网彩代理-| www.971406.com-彩客彩票客户端苹果| www.is58.com-福利彩票有规律吗| www.992151.com-彩票平台注册送18| www.461974.com-排三彩票专家预测| www.756.red-福彩专用音乐| www.7378.cm-现在申请开竞彩店| www.780792.com-福彩22选五预测| www.878729.com-福利彩票积分卡| www.962670.com-山东齐鲁福彩双色球| 大赢家彩票平台www.375916.com| www.fm36.com-快三群里的假土豪| www.014665.com-七星彩的对数排出来| www.590870.com-天下彩票308| www.809161.com-七星彩的中奖概率| www.568105.com-山东中彩乐手机软件| www.610361.com-彩铅画简单的花苞头| www.742325.com-8亿彩被骗-| www.620536.com-vr彩票有假吗| www.099607.com-盈彩吧网址-| www.60029.cc-u9彩-| www.022716.com-体彩排列三断组分解| www.756829.com-淘宝上可以买彩票吗| www.987616.com-河北冀彩宝客户端| www.bq88.com-一分钟快三app| www.008672.com-19029期体彩| www.399780.com-七星彩第七位走势| www.386906.com-快乐彩中奖金额| www.041813.com-优彩网是真的吗| www.675804.com-体彩报排列三最新| www.fg92.com-吉林快三计划收费| www.327583.com-下载彩票开奖| www.86125.cc-山东彩涂卷厂家排名| www.057965.com-体育彩票销售提成| www.127072.com-古风彩铅少女| www.893088.com-彩票缩水软件手机| www.g97.club-彩票精准预测app| www.1828.pink-优博时时彩平台官网| www.7218.loan-山东7乐彩开奖结果| www.35818.cc-天天中彩网站| www.6223.cm-怎样买快三分分彩| www.707592.com-新浪爰彩下载安装| www.783100.com-大奖彩票站奖金多少| www.855320.com-彩票可以投注平台| www.385778.com-九万彩票是否可靠| www.488821.com-七乐彩软件下载| www.563585.com-七乐彩字谜-| www.696818.com-霸主彩票软件可信吗| www.771456.com-体彩店怎么盈利| www.835323.com-青海省体彩中心主任| www.892013.com-福彩软件哪个好用| www.70256.com-网上怎么开彩票店| www.571334.com-快三彩票注册| www.653137.com-乐讯吹吹七星彩| www.717045.com-彩铅画需要哪些工具| www.794500.com-福彩年后开奖时间| www.874552.com-大优彩票平台| www.948621.com-体彩排列三组选| 豪彩VIPwww.398118.com| www.md76.com-江苏快三杀号定胆| www.v43.shop-彩天堂娱乐赚钱吗| www.814388.com-巨人彩票怎么注册| www.cz52.com-福建快三兑奖方式| www.310086.com-吉林快三赔率| www.942365.com-111彩票网-| www.598208.com-足彩查询比赛结果| www.756970.com-永城彩票-| 天际彩票www.tj92.com| www.4722.com-博发彩票手机版| www.358624.com-体育彩票标准店面| www.471124.com-爱心彩是真的吗| www.200155.com-大智慧网福彩走势图| www.395182.com-491好彩高手料| www.539214.com-时时彩后一杀号大全| www.661248.com-时时彩稳计划app| www.742062.com-苹果版天天中彩票| www.831978.com-彩788官网-| www.918851.com-英皇博彩-| www.973466.com-彩票选号分折器| www.kx4.cc-吉林快三本期开奖| www.365991.cc-世界顶级水彩颜料| www.462888.com-家彩网毒药独胆| www.541244.com-体育彩票中奖秘诀| www.611148.com-一分快三倍投公式| www.676869.cc-爱投彩票官方app| www.740083.com-澳閠彩票有限公司| www.858722.com-福建福彩中心领奖处| www.915385.com-三分彩计划分析| www.964393.com-竞彩彩票app下载| 爱彩www.1555ac.com| www.272470.com-广西福彩官网客户端|