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天

知道了
亚洲28 www.bz01.com-福利彩票往期查询| www.163412.com-关于彩票数字口诀| www.331020.com-爱购彩app下| www.506011.com-彩票dna-| www.285622.com-彩票预测神器真的吗| www.679535.com-大乐透杀号搜狗彩票| www.bt57.com-苏州快三玩法| www.12ie.com-i8彩票网站-| www.cp1516.com-福建福彩快3走势图| www.kn13.com-山东体彩扑克3遗漏| www.0955.org-合买体彩模式| www.37272.com-彩票86app-| www.006176.com-福彩快3注册| www.094400.com-彩票开奖查询排五| www.198352.com-福彩正版藏机诗汇总| www.760192.com-时时彩三星遗漏| www.957364.com-今甘肃快三-| www.ew10.com-安徽快三遗漏| www.816.me-匡威彩虹鞋-| www.uk30.com-大赢家网站彩票| www.839026.com-微彩吧开了多久了| www.669746.com-彩钢夹芯板规格| www.755547.com-快乐彩5分钟| www.857817.com-彩票能中多少钱| www.925618.com-深圳快乐彩票| www.987911.com-中彩网网页版登陆| www.bp80.com-彩票过滤大师软件| www.xa81.com-海南特区彩票网| www.21jt.com-苹果版澳客彩票| www.047339.com-重庆时时彩爱彩乐| www.632357.com-500彩票快三稳赚| www.8301.pw-上饶市福彩中心电话| www.226280.com-快三单机游戏安卓| www.529253.com-彩虹猎人吉他谱c调| www.670980.com-赢网彩票-| www.814899.com-网卡彩票有问题吗| www.133361.com-梧桐彩票app下载| www.310244.com-新浪彩票电脑| www.493500.com-有个彩票网站速8| www.660607.com-分分彩注册网址| www.049768.com-彩票平推公式| www.217949.com-老余福彩3d预测| www.335039.com-黑河市福彩兑奖地点| www.498906.com-彩票怎么买扣税最少| www.613657.com-彩票走势模拟投注器| www.739070.com-彩神通代理软件| www.864163.com-手机高手彩票网下载| www.964076.com-极速时时彩六码计划| www.bw54.com-大发快三免费计划群| www.r31.com-快钱彩票怎么玩| www.686.club-彩票中奖收多少税| www.15bi.com-天天彩票qq登陆| www.9338.in-吉祥彩开户线路| www.66330.cc-2118彩票网下载| www.4583.biz-彩票很多人买吗| www.652277.com-广西彩票发行中心| www.078928.com-七星彩开奖查询| www.206407.com-彩票购彩大厅登录| www.336355.com-彩八彩票安卓版官网| www.500955.com-希腊十分彩票| www.605386.com-彩票平台怎么赢| www.679608.com-怎么制止老公买彩票| www.751514.com-彩票今晚开什么特马| www.813656.com-体彩刮刮乐送金条| www.911953.com-福利彩票快3技巧| www.998046.com-玩彩网官网下载| www.5580.xyz-南洋彩今晚开什么| www.73593.com-海南七星彩书籍专区| www.117298.com-彩票指导师-| www.891246.com-幸运10时时彩| www.wi3.cc-查询彩票开奖结果| www.557725.com-开乐彩那里有卖| www.427592.com-彩王缩水软件| www.005597.com-竞彩提前多久封盘| www.579569.com-送钱的彩票软件| www.775359.com-会员登陆49c彩票| www.922869.com-体育彩票店过户| www.cp2043.com-uu快三真人摇骰子| www.76oy.com-七彩乐开奖时间星期| www.861205.com-彩吧3d图谜第一| www.986573.com-699彩票苹果版| www.lr86.com-中彩在线能提现吗| www.35os.com-808七星彩早版区| www.5918.net-人人彩怎么下载| www.47910.com-足彩中奖查询| www.638978.com-上海市体彩网| www.752629.com-浙江快乐彩十二选5| www.924066.com-买彩票机选能中奖吗| www.999604.com-152彩下载-| www.pg20.com-6701彩票网-| www.29hc.com-大菠萝彩票-| www.569787.com-体彩是真的吗| www.631222.com-博彩软件刷流水| www.697949.com-今日彩报-| www.769799.com-玩时时彩可以赚钱吗| www.835677.com-好彩一玩法-| www.898539.com-3d彩吧彩民乐| www.957897.com-常州快三爱彩乐| 福利彩票www.fl82.com| www.4879.vip-阿彩-| www.16162.com-体育彩票主任| www.66210.com-福彩3d丹东图谜| www.010213.com-缅甸时时彩诈骗| www.076116.com-买属相彩票-| www.133335.com-彩色沥青价格| www.203205.com-熊猫手机彩票| www.yf80.com-吉林快三派彩网官方| www.41aa.com-够力七星彩图| www.0826.cc-欧冠夺冠彩票| www.99371.cc-福利彩票有多假| www.088818.com-网上平台福彩快三| www.188259.com-江苏快三奖金规则| www.75010.com-双色球分析唯彩看球| www.075685.com-红单彩票-| www.207399.com-网上购买快三| www.332730.com-掌上京彩app| www.4832.wang-世界杯哪儿买彩票| www.9697.hk-福彩3d9宫走势图| www.273687.com-时时彩团队送彩金| www.38273.cc-555彩票官方网站| www.693195.com-聚彩手机app下载| www.54cl.com-凯里中彩票-| www.4397.biz-运盛彩票网行大运| www.341441.com-彩票站宣传语| www.826.space-天齐网图库彩吧论坛| www.253002.com-时时彩计划推荐| www.570235.com-福利彩票cctv| www.737736.com-三d彩报图片| www.870748.com-易彩怎么解除银行卡| www.970431.com-福彩多久开一次新区| www.cp27.com-快三三不同号计划| www.978969.com-苏式彩绘图案| www.rv07.com-山东体彩彩民论坛| www.32dv.com-彩虹影视纯a影库| www.3791.cc-七星彩论坛特区网| www.911972.com-智博彩票app| www.fa26.com-体彩开奖福彩| www.546277.com-赛马赛果及派彩丶| www.648854.com-166彩票app-| www.9zn.com-瑞彩祥云苹果版网址| www.61285.cc-购彩v是什么东西| www.399565.com-彩票平台代理加盟| www.522701.com-时时彩万位大小| www.778472.com-天地彩app下载| www.854811.com-竞彩足球盈亏数据| www.924937.com-也买彩官方网站| www.979605.com-好彩香烟哪里有卖| www.qs.com-买福彩快三技巧| www.2093.wang-南京市福彩中心| www.11458.com-世界几大博彩公司| www.68195.cc-体育彩票竞彩店转让| www.061777.com-好彩客网站合法吗| www.172612.com-福彩快三下载app| www.662482.com-登录全民彩票| www.790358.com-查彩票最好的软件| www.902398.com-正常彩票站有黑彩吗| www.995024.com-5000彩票网-| www.ki81.com-k彩易彩快三技巧| www.22ka.com-体彩机选能中奖吗| www.0751.win-快三机选号码| www.274637.com-有没有靠谱快三| www.543286.com-彩店全球前三| www.661158.com-体彩18014期| www.722892.com-万森彩票平台手机版|