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天

知道了
58福彩 www.17612.cc-竞彩足球比分中奖| www.168668.cc-快三胆拖怎么回事| www.359563.com-彩票几点不能买| www.666862.com-体育七星彩特区论坛| www.830982.com-福彩和值大小走势| 大赢家彩票平台www.517602.com| www.p26.net-惠泽了优彩社区| www.950.date-彩票中心没有双色球| www.26271.cc-彩神pk10全能版| www.151554.com-生日幸运数字买彩票| www.558979.com-彩虹的约定儿歌原唱| www.692338.com-世界几大博彩公司| www.815566.com-体彩即开型彩票骗局| www.994979.com-0500彩票网-| www.17vd.com-七乐彩中三个好| www.24928.com-世界名画彩铅画| www.117088.com-新手竞彩足球怎么买| www.279929.com-竞彩500比分直播| www.635703.com-彩虹6号围攻单机| www.763528.com-明鑫娱乐彩票| www.64wo.com-澳洲3分彩开奖计划| www.4400.org-彩控网开奖查询| www.01334.com-yy彩票官网首页| www.72816.com-彩票站低价出兑| www.055800.com-福利彩刷流水是什么| www.153933.com-足彩推荐论坛哪个好| www.302978.com-三度博彩论坛| www.344300.cc-重庆时时彩1球打法| www.70xb.com-彩票3d怪字谜图| www.943721.com-被百胜彩票骗了| www.780111.cc-关注福彩三d| www.62ie.com-国家体彩中心在哪| www.16515.cc-五分时时彩规律| www.316.tv-一分钱起投的彩票| www.926855.com-中国第一张福利彩票| www.742215.com-重庆市代理体育彩票| www.9933.top-奥百万彩票旧版| www.i05.cn-七星彩票开奖今晚| www.8679.cc-购买官方彩票软件| www.525381.com-今天3d彩报第二版| www.941007.com-qqcp全球彩票| www.89917.com-接到境外博彩的电话| www.142541.com-彩运8导师-| www.86175.cc-卖彩票挣钱嘛| www.55ot.com-5800万竞彩-| --双色球指南彩报| www.441196.com-体彩竞彩混合过关| www.128942.com-福利彩票开奖直播台| www.988346.com-广东体彩中心官网| www.33872.cc-浙江快乐彩开奖开果| www.44ur.com-区块链技术彩票| www.41111.com-下载中彩网_中彩网| www.06vu.com-上期彩票开奖| www.95056.com-大福彩票-| www.3154.live-彩票怎么查看| www.40985.com-九九彩票计划群| www.934391.com-体彩打票机的教程| www.941377.com-体彩销售话术| www.872017.com-彩票开奖3d之家| www.187282.com-时时彩96期-| www.165621.com-360彩票走势表| www.130844.com-河南省福彩兑奖中心| www.680956.com-七星彩怎么做代理| 正点彩票网www.www.685948.com| www.99237.cc-51中彩彩票骗人| www.qz27.com-快三高级算号器| www.233100.cc-足彩310-| www.138451.com-六福彩票aqq| www.588888.cc-体育体彩开奖查询| www.135433.com-打彩票赊账不还| www.5760.cc-地下彩票犯法吗| www.26jb.com-体彩手机在线正规吗| 彩票5www.594243.com| www.602877.com-彩虹六号比分直播网| www.554444.cc-关于彩票的广告语| www.9109.net-南京福彩领奖图片| www.11353.cc-麒麟竞彩官网| www.111504.com-3分彩是什么意思| www.441738.com-体彩新机器交押金| www.771707.com-美团彩票机合法么| www.57832.cc-玩快三心得-| www.269825.com-71彩票app-| www.814912.com-公务员买体育彩票| www.665645.com-正德体彩app| www.209776.com-快三要怎么买才赚钱| www.031469.com-下彩网旧版本下载| www.351068.com-三月九号彩票| www.529615.com-足球胜负彩澳彩网| www.163394.com-凤凰网彩票官网| www.68515.cc-新彩票走势图121| www.137.win-放彩虹屁的表情包| www.450076.com-中国体育彩票洗钱| www.68551.com-彩宝贝3d预测汇总| www.407883.com-七星彩开奖表格列表| www.102519.com-马来3分彩-| www.293981.com-中国福彩42期| www.959104.com-世界彩票中奖排行榜| www.154567.com-网购体彩-| www.101283.com-足球胜负彩预测分析| www.678143.com-易彩堂怎么样| www.847389.com-三天计划必出福彩| www.986948.com-快三如何作弊| www.169736.com-快三吉林省走势图| www.373792.com-彩智彩票正规| www.633776.com-怎样选胆腾讯分分彩| www.45351.com-腾讯微彩国际| www.956704.com-福利彩票模拟奖机| www.ep15.com-快三走势软件| www.307108.cc-江西福彩中奖| www.493858.com-福彩彩乐园-| www.767.pw-彩民之家四不像| www.30003.com-亿彩网手机平台登录| www.701601.com-彩票送彩金群| www.627521.com-乐彩网双色球走势图| www.tz75.com-成都体彩竞彩大奖| www.256950.com-网上彩票平台合法么| www.3ff.cc-彩票奖金多久到账| www.653517.com-辉煌彩票指导| www.3182.biz-天天送彩金斗地主| www.961262.com-博友彩五分快三兼职| www.137462.com-彩票返点数啥意思| www.302557.com-308彩票苹果| www.971881.com-创彩彩票-| www.5773.cm-美狮彩票网-| www.96461.com-红五福彩三地图库| www.472996.com-173平安彩票| www.35ph.com-足彩什么时候开售| www.2853.biz-网上禁止买彩票了吗| www.53161.cc-福彩排列五开奖日期| www.039550.com-京东快彩农赚钱吗| www.596876.com-刮刮彩返奖率| www.840342.com-福利彩票指哪些| www.978126.com-施工围挡彩钢| www.19215.com-彩票异地兑奖| www.906859.com-彩票都有哪几种类型| www.067818.com-福彩五分钟开奖1次| www.639361.com-做个彩票网站多少钱| www.bw38.com-广东天彩查-| www.360308.com-三十六计赢足彩| www.dj67.cc-彩票的税-| www.69570.com-彩民彩票世界杯| www.274890.com-也买彩app下载| www.464007.com-红蓝绿波表彩图| www.682251.com-竞彩高手微信群| www.764496.com-中国彩合法吗| www.4969.cc-足彩中奖彩票真图| www.33198.com-彩票趋势软件安卓| www.008422.com-十六号体彩中奖号| www.971613.com-亿发彩票官网下载| www.cp2801.com-彩票开奖查询快3| www.js79.cc-五分彩反计划怎么买| www.h12.com-足球彩票缩水软件| www.86is.com-彩之乐彩票靠谱吗| www.972643.com-彩铅意境画-| www.364922.com-菲律宾彩票官网| www.6294.cc-彩票刮刮卡扫描| www.86509.com-网赚彩票群可靠吗| www.069267.com-302彩票争霸| www.137345.com-竞彩表格制作| www.202800.com-福彩精华布衣天下2| www.617370.com-最火的彩票平台制作| www.576637.com-和值快三表图片| www.830963.com-易点彩票手机版| www.t84.com-下载福彩双色球|