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.855380.com-深圳快乐彩玩法| www.513013.com-大星彩票走势图势图| www.594422.com-七彩汇棋牌-| www.172953.com-大发快三哪里下载| www.cp5765.com-k3彩票是真的吗| www.xl54.com-快三如何可以稳赢| www.152126.com-彩票中彩网历史开奖| www.35137.cc-中国福彩贪污案| www.zm1.cc-福彩快三遗漏号码| www.j17.me-福彩快三今日走势图| www.61oz.com-中四柱预测a彩图| www.5208.pw-山西省体彩11选五| www.29688.cc-福彩彩票邀请码| www.019454.com-福利彩票押注攻略| www.43057.com-江西福彩中奖号码| www.406118.com-彩虹颜色顺序带图片| www.514133.com-意彩彩票是真是假| www.583013.com-3d推荐号彩经网| www.654739.com-今天福彩试机| www.095508.com-中国彩票彩吧| www.173303.com-极速快三app下载| www.254626.com-重庆时时彩停售原因| www.113713.com-贵州省体彩管理中心| www.427118.com-福利彩票双色球计划| www.535933.com-啥子彩票八位数| www.610911.com-彩虹世界下载安装| www.944470.com-体育彩票杀号机选| www.17.pw-竞彩2串1玩法介绍| www.74gh.com-买彩票漏洞是怎么玩| www.571211.com-足球竟彩奖金计算器| www.1380.me-水彩画教程-| www.8880.vip-足彩8串一奖金最高| www.964372.com-男子捡彩票中五百万| www.gj1.com-彩票都有哪些彩种| www.212586.com-原快三助手下载| www.201509.com-鼎盛彩票平台可靠吗| www.655265.com-七乐彩中奖彩票| www.920267.com-拼搏在线彩票彩神通| www.4901.net-3a彩票官网-| www.xs44.com-贵州福利彩票开店| www.300608.com-七乐彩预测专家众彩| www.456911.com-恒彩时时彩-| www.509504.com-体彩中奖后怎么兑奖| www.04ab.com-体育彩票销售点编号| www.000083.com-东光彩客化学电话| www.071106.com-下载人人彩票双色球| www.01310.com-国彩彩票免费下载| www.018610.com-快三微信二维码| www.144138.com-彩票充值怎么充| www.53619.com-如何申请87彩店| www.648805.com-彩宝碧玺的专业知识| www.764598.com-玩彩app兼职| www.876227.com-约彩365app-| www.990730.com-旺彩百家软件| www.lw55.com-36选7好彩2复式| www.841528.com-竞彩足球外围比分| www.555213.com-华彩控股的十大股东| www.616112.com-即开彩票利润| www.5833.cm-微信小程序开发彩票| www.88798.com-彩票大师软件怎么样| www.099032.com-体彩大乐透走势图图| www.234496.com-山东彩友沙龙双色球| www.359992.com-彩票开彩结果| www.17.pw-竞彩2串1玩法介绍| www.84iz.com-好彩客手机版下载| www.475767.com-头奖彩票下载安装| www.557475.com-购彩平台老品牌| www.616024.com-体彩乐五怎么玩法| www.677501.com-一定牛福彩3d| www.743755.com-购彩网是什么意思| www.805257.com-怎样玩乐彩-| www.870425.com-下载买双色球彩票| www.964986.com-微彩站app下载| 吉利彩票www.80075q.com| www.21dx.com-山西省体彩怎样兑奖| www.83ou.com-网赌彩票作假| www.1839.vip-依彩化妆品图片| www.7108.top-南充七彩坊内衣| www.156788.com-有中福快三的网站| www.237835.com-五分彩是正规彩票吗| www.334528.com-滴滴彩票怎么样| www.443174.com-今天双彩球开奖结果| www.536908.com-买彩票用什么名字好| www.609237.com-智彩平台-| www.678904.cc-首存50送58彩金| www.746977.com-豫彩通能买彩票吗| www.810927.com-足彩18175-| www.879093.com-福彩3d开奖视频| www.964981.com-别人代打彩票骗局| www.cai06.cc-河北快三-| www.147866.com-网络彩票投注兼职| www.780455.com-彩铅画风景作品| www.752411.com-3b彩票谜语-| www.851190.cc-时时彩总是输| www.703.me-王者彩票网是真是假| www.930932.com-360体彩七星彩| www.fs88.com-快乐彩开奖走势图| www.24ty.com-什么是彩装膜| www.2388.vip-七星彩查梦册| www.22679.cc-互联网彩票吃票| www.88086.cc-彩66平台安全吗| www.158387.com-昨天足彩14期比分| www.302246.com-七星彩走势新浪爱彩| www.428628.com-福彩刮刮乐富贵满堂| www.1307.website鸿运乐彩靠谱么| www.18846.com-万家彩票网一站二站| www.62682.com-分分彩计划群| www.805698.com-福利彩票都包括什么| www.900359.com-乐彩论坛旧版下载| www.977733.cc-世界杯足彩买比分| www.cp9648.com-中彩网计划可靠吗| www.390116.com-福彩金牛送胆| www.520951.com-28168彩票下载| www.588159.com-休彩排列三-| www.654990.com-局王版七星彩| www.710173.com-有没有套彩金类似的| www.789826.com-银川福彩大奖无人领| www.016584.com-澳门威尼手机彩票| www.3604.org-鸿福团队彩票| www.13dl.com-伯乐彩票平台| www.390088.com-重庆时时彩有漏洞吗| www.627760.com-三分时时彩计算方法| www.795216.com-金牛座彩票幸运号码| www.qb02.com-查彩票下什么软件| www.95821.cc-妖刀测足彩-| www.941893.com-红彩邀请码是多少| www.863758.com-彩票开奖千-| www.qa95.com-南粤风采好彩一生肖| www.091324.com-重庆时时彩开奖生肖| www.62043.com-彩票巴巴是真的吗| www.259358.com-炫彩-| www.757766.com-中彩网能提现| www.349995.com-澳州3分彩开奖记录| www.436738.com-体彩电话购彩| www.590225.com-星彩网网址多少| www.612115.com-足彩吧狗万-| www.d59.club-下彩网网页版| www.88223.cc-彩民网网址平台| www.196651.com-彩票开奖结果公告| www.982303.com-福利彩票合法吗| www.ud85.com-5分彩计划软件| www.953225.com-时时彩后二杀号技巧| www.265111.com-福彩3b开奖结果| www.612387.com-2元彩票网全国开奖| www.326020.com-彩票预测破解app| www.41329.com-竞彩发布平台| www.162.loan-五洲财富刷彩金| www.01550.com-糖果派对4个彩金球| www.83877.com-七星彩走图势| www.jo05.com-五亿彩可靠吗| www.364459.com-世界杯彩票无法下单| www.954297.com-时时彩中奖助手苹果| www.863995.com-福利彩票pc-| www.011813.com-周六晚上开什么彩票| 500万彩票www.08500w.com| www.186727.com-一定牛彩票-| www.231370.com-快三软件那种最好| www.467813.com-修改福利彩票兑奖| www.590362.com-南国七星彩论坛规| www.669440.com-体彩福彩什么意思| 大玩家彩票www.84499p.com| www.ut55.com-刷彩票流水单攻略| www.7af.com-宁波公司发彩票| www.54433.cc-吉利的彩票群名|