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.251532.com-福彩作弊事件| www.029540.com-彩宝39彩票官网| www.223851.com-分分时时彩免费计划| www.271967.com-中原彩票是否真实| www.537668.cc-彩色是什么颜色| www.112672.com-一分时时彩刷反水| www.608221.com-上市彩票网站| www.879667.com-福彩3d号码走势图| www.ix2.com-内蒙古快三app| www.43md.com-竞彩的游戏规则| www.079655.com-体彩排列3基本走式| www.fq27.com-至尊快三app| www.73sr.com-总彩票心得体会| www.691206.com-易彩堂购彩大厅| www.828611.com-3d选胆图彩经网| www.996605.cc-亚博彩票平台怎么样| www.014663.com-七星彩啥是对数| www.166839.com-彩票开挂软件| www.279355.com-吉林快三坑爹| www.380062.com-玩彩精灵专家专栏| www.314486.com-中国足球竞彩| www.499111.com-安徽快三网站| www.915797.com-投资彩票店前景如何| www.790076.com-西宁福彩店-| www.921821.com-五分时时彩在线计划| 名门彩www.33997w.com| www.us48.com-上海福彩基诺走势| www.972.com-分分彩怎么买不会输| www.69743.com-山东11选5彩票| www.189714.com-甘肃快三遗漏号查询| www.294135.com-福彩三地字谜图谜| www.387932.com-七星彩17153期| www.496202.com-足彩外围推荐| www.565326.com-网易彩票停止销售| www.632308.com-安徽快三历史开奖号| www.715875.com-彩神的网址是多少| www.91pa.cc-13彩平台下载| www.247744.com-彩票与数字定律| www.474364.com-篮球竞彩网预测推荐| www.636218.com-彩虹织机织趣网| www.312512.com-怎么开一个彩票网站| www.444645.com-与彩票实体店合作| www.550144.com-彩票扫码兑奖软件| www.650671.com-早教彩虹伞-| www.727878.cc-鼎盛彩票备用网站| www.819857.com-中彩票不捐款| www.902479.com-鸿运党和彩-| www.972946.com-178彩票网靠谱么| www.um23.com-福彩体彩开试机号| www.987481.com-黑龙江福彩网p62| www.jm89.cc-首充送38彩金| www.8714.cc-财神快三-| www.67048.cc-彩票中奖了怎么联系| www.023570.com-彩票助赢软件苹果版| www.072805.com-聚富彩app-| www.25ho.com-华彩在线彩票app| www.12055.cc-兴博微彩彩票| www.2327.biz-3d彩票机选-| www.784355.com-什么是网络售彩| www.863233.com-胜负彩19038| www.55bd.com-中大奖彩票网真假| www.ad49.com-123彩票手机版| www.018726.com-福彩红五布衣图库| www.115150.com-超级彩票助手软件| www.621352.com-快三开奖号码是多少| www.717633.com-画彩铅桃花-| www.830300.com-机选一注福彩3d| www.337096.com-彩票弃奖法律分析| www.251966.com-旺彩app软件下载| www.415100.cc-网上代购彩票合法吗| www.pp41.com-快乐彩浙江开奖结果| www.46ya.com-福彩3dapp-| www.0251.xyz-中彩票破产-| www.bo71.com-第1彩票网-| www.rn92.com-大家玩彩票平台| www.02.cc-购彩顺口溜-| www.57qp.com-体彩大乐透中后三位| www.964.mobi-七乐彩出号顺序查询| www.727165.com-福彩图彩频道| www.254895.com-秒速时时彩官网平台| www.337299.com-长春黑彩庄家| www.441195.com-体彩下期中奖号码| www.532694.com-七星彩买中4个号码| www.595638.com-怎么申请福彩店| www.659541.com-2001足彩第一期| www.724316.com-快彩贵州11选5| www.nd89.com-保定彩票-| www.7069.pw-可以网络购彩吗| www.8524.cm-香港快3彩票| www.168508.com-北京快三开奖最快的| www.447543.com-竟彩站点发布单| www.8687.bid-江苏体彩fczst| www.49365.com-可靠的彩票代购网站| www.61904.com-福建体肓彩票| www.908563.com-七星彩随机选号工具| www.975792.com-2019年江西彩礼| www.cp917.com-全国快三下载| www.9278.shop-福利彩票分析师| www.jc8.com-彩神88app下载| www.890496.com-彩68安全吗-| www.113041.com-大众彩票最新| www.896736.com-派彩网11选5| www.964381.com-足彩票比分500| 亚洲彩www.68568f.com| www.17644.com-北京体彩官网| www.889850.com-七乐彩是从那年开始| www.962459.com-福彩1360亿真假| 华夏彩票www.62355.com| www.335821.com-广东体彩网11选5| www.51748.com-牛彩纽约登陆地址| www.88dw.com-乐彩客彩票akp| www.4306.vip-2019双彩论坛| www.037768.com-安徽快三和值怎么买| www.2707.cc-牛蛙彩票图彩好| www.22263.cc-五分彩彩票计划网| www.004891.com-助赢吉林快三手机版| www.100111.com-聚彩jc下载-| www.218720.com-福彩刷流水-| www.302777.com-ll彩票app-| www.375116.com-五分pk彩最准计划| www.291235.com-17500乐彩首页| www.029720.com-什么利彩-| www.704467.com-为什么穷人爱买彩票| www.cs7.com-分分快三技巧公式| www.592610.com-小白彩票手机版官网| www.688111.com-快三福利彩票注册| www.783794.com-众彩网预测总汇| www.873101.com-o3彩票-| www.952584.com-28时彩-| 大赢家彩票平台www.307683.com| www.970408.com-天天乐彩注册送28| www.ap97.com-福建福彩官网下载| www.sl78.com-体育彩票官网首页| www.92va.com-天天中彩票的优惠卷| www.2761.top-唐山福彩中心电话| www.252725.com-app微彩网-| www.9261.biz-彩95的网址-| www.977720.com-开彩票店利润| www.98iz.com-天下彩949ccc| www.9252.biz-大乐彩怎么提现| www.61270.com-福乐彩下载-| www.752329.com-中彩吧平台-| www.668440.com-中国彩票3d迷图| www.788825.com-nba今日彩经| www.865734.com-赢多彩票-| www.443.pw-排三家彩网胆预测| www.4338.vip-中国福彩和华夏鑫彩| www.871713.com-苏州福彩官方网站| www.pi87.com-体彩开奖直播频道| www.887031.com-珍爱网男生引导彩票| www.959132.com-江苏快三漏洞破解| 易彩网www.36166d.com| www.842695.com-公益体彩的意思| www.vu25.com-福彩是真是假| www.859618.com-p5走势图彩宝| www.39339.com-彩票3d预测代码法| www.98765.com-甘肃福彩3d太湖继| www.022975.com-打3d黑彩能挣钱吗| www.384764.com-博彩充值破解版下载| www.730767.com-银川千彩摸吧好玩吗| www.914868.com-刘雪龙黑彩视频新闻| 誉信彩票www.757q.com| www.158207.com-新天天彩下载| www.238906.com-网上刷彩赚钱|