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天

知道了
彩01彩票 www.445500.com-竞彩篮球即时比分网| www.44161.com-58彩票维护-| www.702474.com-3位数的彩票怎么买| www.sy69.com-彩票7位数-| www.520807.com-彩票计划群骗局分析| www.306119.com-d9彩票-| www.535602.com-福彩是几位数一共| www.692096.com-双色球选号彩乐乐| www.838576.com-竞彩怎么看冷门| www.269670.com-彩票1888安卓版| www.372168.com-体彩大乐透相关预测| www.6017.org-快三彩票必赢网| www.7181.in-彩宝哪个牌子好| www.30211.com-福彩3d南方双彩| www.588230.com-购彩xr是什么| www.7039.space-七彩轻云app下载| www.26681.com-山东体育彩票网| www.74877.com-5050彩票网平台| www.027586.com-网上的易彩堂可信吗| www.695025.com-福彩购买技巧查询| www.793899.com-c699彩票com| www.871750.com-青蛙过河彩票中奖| www.949027.com-中彩股份赵毅| www.cai2017.cc-宁夏快三基本走势图| www.m78.top-黑彩平台怎么制作| www.190800.com-快三跨度图表| www.68812.com-乐彩网福彩三d首页| www.123607.com-福星彩资料开奖| www.229967.com-共享彩票-| www.331089.com-福彩排列七开奖| www.015565.com-七星彩走势大小图| www.15kr.com-结婚前因为彩礼吵架| www.23265.com-彩神1是真的吗| www.449830.com-黄冈市体彩中心| www.570718.com-福彩什么时候可以买| www.465905.com-分分彩漏洞在哪里| www.616024.com-体彩乐五怎么玩法| www.761084.com-菲博时时彩平台| www.887027.com-彩票网站属于赌博吗| www.997293.com-时时彩彩八仙手机版| www.uc12.com-91彩神app-| www.6912.xyz-七彩云南茶叶| www.hs17.com-北京体彩快中彩开奖| www.710422.com-彩票大乐透专家预测| www.989005.com-福彩3d黑苍蝇彩报| www.yj42.com-辽宁竞彩快三查询| www.32191.cc-彩票负盈利套利| www.409166.com-澳洲三分彩规则| www.619260.com-彩票破角可以兑奖吗| www.3747.org-春节七星彩停盘多久| www.067805.com-彩票app软件开发| www.974895.com-福彩账户充值| www.nz00.com-亚洲彩票骗局| www.12yd.com-老套子彩票快3| www.342018.com-冠彩彩票是合法的吗| www.9920.top-彩票了刀开机号| www.329335.com-武汉福彩快三走势图| www.602943.com-彩虹六号围攻好玩吗| www.893709.com-安徽快三和值一定牛| www.397037.com-神话彩票官方网站| www.543286.com-彩店全球前三| www.630259.com-24号福利彩票| www.707214.com-万达时时彩官方平台| www.699123.com-湖北快三走推荐号| www.791756.com-彩票中奖流程| www.881575.com-澳门博彩五星| www.975342.com-彩票中奖指南有用吗| www.gv90.com-新彩票下载手机版| www.33ot.com-足球竞彩88-| www.2338.in-福彩票快3开奖查询| www.913533.com-精准彩票预测网站| www.984448.com-福彩3+d走试图| www.bq59.com-彩票平台高赔所| www.wr38.com-大学生玩快三输了| www.187358.com-彩票彩种-| www.44154.com-彩彩吧图库第二版| www.82601.com-足彩19025推荐| www.460243.com-贵宾室cp彩票| www.066764.com-官方博彩app| www.430299.com-双色彩票怎么买| www.553687.com-竞彩5000万-| www.hk28.com-红旗彩票平台合法吗| www.g91.org-彩宝cb8-| www.177184.com-快三大奖彩票| www.95663.cc-公益体彩的意思| www.373018.com-欢腾彩票害人| www.637686.com-下载足球竟彩彩客网| www.781922.com-体彩大乐透123期| www.960326.com-买彩票而穷漫画| www.bs61.com-快3彩票计划软件| www.60dl.com-五洲彩票登录| www.933441.com-五分彩怎么样看走势| www.974279.com-520彩票app-| www.le78.com-河北燕赵风彩福彩网| www.333.red-入侵黑彩服务器| www.698775.com-彩铅落日风景画简单| www.819778.com-vr彩票怎么找规律| www.353375.com-京彩计划软件| www.503602.com-铜雀台彩游-| www.625715.com-88c彩票官网| www.755675.com-苹果下载不了旺彩| www.877455.com-福彩迷快三-| 500彩票www.500109.com| www.15sk.com-下幸运彩-| www.49zv.com-福彩彩吧图-| www.8196.loan-彩票买马是什么意思| www.029046.com-福彩唐龙说彩趋势图| www.528737.com-彩票的复式计算公式| www.19382.cc-红旗彩票下载| www.0882.in-博彩楼论坛-| www.32239.cc-竞彩足球比赛结果| www.077919.com-福彩3d通下载安装| www.917651.com-彩虹岛水果-| www.993542.com-足球彩票有几种玩法| www.dp98.com-哪个省的快三比较真| www.411994.com-原彩显示耗电吗| www.579715.com-彩票最新开奖今天| www.668513.com-河南各地彩礼一览表| www.766225.com-风彩彩票天天有惊喜| www.825546.com-云南申游快三是哪里| www.881052.com-甘肃临夏福彩中心| www.940667.com-彩票福彩排三| www.979879.com-二分快三官网| www.cp8133.com-易彩快3有没有规律| www.oq26.com-官方彩票投注合法吗| www.r34.top-福彩3d字画迷汇总| www.06ty.com-上期体彩出什么号| www.942922.com-南宁体彩中心地址| www.21ll.com-足彩软件推荐| www.531.hk-五分彩万位计划| www.36368.cc-福彩今日胆码| www.547516.com-彩票数据采集接口| www.706239.com-3分时时彩开奖号码| www.915548.com-淘宝彩票网站| www.981486.com-中国足彩在线| www.au38.com-福彩5d走势图| www.te14.com-时时彩牛牛计划| www.22em.com-高频彩开奖源码| www.0068.cn-美国的彩票-| www.5667.top-马来西亚的体彩平台| www.08633.com-彩票梦想站官方网站| www.49556.com-分分钟彩票赛车直播| www.1118.mobi-快三论剑随州论坛| www.517891.com-a23彩票-| www.rf33.com-中国体育彩票帷胜| www.227558.com-众彩app下载| www.820133.com-柘城天价彩礼| www.040491.com-哪个彩票合买群靠谱| www.967486.com-安徽快三是什么彩票| www.wo23.com-红旗彩票江苏快三| www.454514.com-中国福利彩票字体| www.587777.com-安徽福利彩票中心| www.654549.com-彩票轨迹方法| www.23js.com-彩票抓了几个人工岛| www.5388.wang-500彩票好不好| www.456084.com-高频彩垃圾-| www.555631.com-快三顺子下面出什么| www.55eu.com-体彩和福彩是一家吗| www.9121.org-保定彩票兑奖中心| www.019721.com-汕头彩票一等奖| www.188933.com-彩票选号助手下载| www.sk01.com-澳客彩票网信誉好吗| www.342338.com-百乐彩手机版注册| www.844150.com-福彩与慈善工作结合|