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.11eu.com-黄金时时彩计划王| www.26428.com-彩报第五版-| www.025591.com-内蒙古体彩中心位置| www.125412.com-体彩开奖查-| www.223515.com-快三第一门户怎么样| www.5108.cm-天津体彩客服电话| www.36126.cc-3d彩票平台投注| www.32619.com-cc国际彩球网| www.025086.com-易彩线路测速中心| www.122308.com-重庆时时彩的qq群| www.196115.com-常州老快三爱彩乐| www.278872.com-新快三如何打| www.886454.com-福彩双色球杀号技巧| www.36667.cc-今晚澳门彩报1| www.036531.com-中国体育彩-| www.615522.com-彩票十大专家杀蓝号| www.713703.com-全彩色系漫画| www.877861.com-彩票类完结小说| www.971794.com-创彩网真实可靠吗| www.993542.com-足球彩票有几种玩法| www.725844.com-期期中彩票网站| www.744.mobi-时时彩和值怎么看| www.188726.com-福建快三2同号遗漏| www.46cp.com-中国福利彩票3d太| www.6247.cc-体彩排列五图综合版| www.996154.com-今日足彩单场竞猜| www.7967.cn-博彩助手-| www.139973.cc-彩一app苹果下载| www.603632.com-pk31彩票-| www.ot79.com-360彩票走势| www.097608.com-福彩公益金分配政策| www.429588.com-牛蛙彩图库资料| www.984371.com-3d开奖结果彩宝网| www.95ax.com-多彩投失败案例| www.170015.com-江苏快三开奖号码| www.738223.com-天空彩票与我同行| www.980551.com-附近福彩店有哪些| www.347422.com-天天爱彩票公司| www.dc63.com-国家认证足彩分析师| www.0dy.cc-数字彩数字彩票频道| www.287027.com-苹果版福彩快三| www.1605.cc-捕鱼博彩注册送彩金| www.8458.cm-福彩三的综合图| www.764062.com-华宇时时彩app| www.cp5722.com-河南快三专家预测| www.449192.com-沈阳北到省福彩中心| www.614477.com-打彩什么意思| www.812652.com-西赵口彩吧一早报1| www.969988.com-双彩网网址导航| www.71et.com-体育竞彩什么时候开| www.88126.com-彩票跟单陷阱| www.311612.com-体彩排列五网上购买| www.11hz.cc-彩500苹果下载| www.317880.com-江苏快三电子走势图| www.477360.com-新彩网排三试机号| www.580926.com-重庆时时彩2点结束| www.655339.com-福星彩app软件| www.886374.com-好运来时时彩苹果版| www.969364.com-酷彩吧是什么平台| www.bz9.com-2019彩票-| www.00md.com-描写彩虹的看图写话| www.504495.com-快钱彩票网页| www.631711.com-大丰彩app-| www.704422.com-吉林快三怎样看大小| www.793934.com-公务员允许买彩票吗| www.862954.com-点击更多精彩| www.928087.com-七星彩19032期| www.976879.com-新县彩礼-| www.ek33.com-江苏爱彩乐-| www.73hm.com-凤凰彩票有规律吗| www.29928.cc-福彩3d绝杀6码| www.315928.com-体彩开过电话号码吗| www.02158.cc-彩经网官方网站| www.490596.com-玩彩票输了钱报警| www.219759.com-网上购彩平台| www.389273.com-体育彩票扫码兑奖| www.y27.club-亿彩娱乐注册| www.qo5.cc-延边体彩-| www.0919.loan-足球彩票合买合买| www.9122.net-双色球复式彩票| www.111339.com-彩民彩票下载安装| www.178399.com-买彩票的人都是傻子| www.280480.com-3d多彩网-| www.435216.com-三分彩票-| www.609.me-7乐彩开奖结果多期| www.060685.com-洛神体彩店app| www.217087.com-高频彩票预测网| www.386125.com-网赚快三计划| www.25454.cc-彩铅手绘视频教程| www.188247.com-快三网址-| www.17kz.com-彩票运营总监| www.3859.pw-dd彩票软件下载| www.0760.online体彩数据接口| www.266911.com-中发福彩-| www.13099.cc-吉林长春快三住手下| www.93161.com-本期七星彩-| www.075507.com-江西体彩微彩助手| www.162785.com-蓟彩芝图片-| www.303393.cc-7彩彩票-| www.415209.com-彩掌柜邀请码| www.554426.com-彩票怎么跟长龙计划| www.761479.com-好彩妹电视剧名字| www.865422.com-澳客足彩网-| www.953451.com-昨天彩票开奖| 大赢家彩票平台www.629913.com| www.887980.com-福利彩票店加盟条件| www.15798.cc-少儿彩铅画图片| www.412121.com-夹心泡沫彩钢瓦寿命| www.333019.com-为什么彩票那么难中| www.482707.com-惠彩切纸机-| www.679301.com-老公总是玩彩票| www.7540.cn-怎样学打竞彩票| www.000681.com-61彩票开奖号码| www.132029.com-彩礼钱爸妈不给女儿| www.319249.com-江西快三哪里买| www.526309.com-私彩代理如何盈利| www.518522.com-u58发发彩下载| www.234348.com-七星彩就是假的| www.050012.com-网赌黑彩-| www.200853.com-昨天体彩开奖结果| www.306412.com-足球竞彩网app| www.211490.com-上海上海快三走势图| www.398819.com-七星彩坛伦-| www.575815.com-体彩三码最大遗漏| www.791005.com-彩运来手机登录网址| www.977360.com-北京福彩3d试机号| www.6819.xyz-今日3d天天彩报纸| www.827519.com-幸运彩票腾讯三分彩| www.38425.cc-505彩票网-| www.444830.com-刮刮彩票透视| www.024949.com-澳门福彩开奖| www.1115.com-nba博彩合法化| www.703440.com-福利彩票自助选号| www.085058.com-天天赢彩票正规吗| www.k64.club-掌上购彩可靠吗| www.053039.com-吉林省福彩快三上市| www.254239.com-牛蛙彩票app下载| www.79017.com-50彩票网-| www.27274.com-体彩单场胜负投注| www.19511.cc-微信登录领取彩金| www.301716.com-南国七星彩论坛社区| www.309777.com-体育彩票p3三句话| www.ia14.com-彩票坊骗局揭秘| www.5zh.com-中国彩票软件排名| www.82fi.com-足彩如何外围买单场| www.2018.mobi-彩虹六号nokk| www.501897.com-开彩传媒会上市吗| www.121032.com-亚洲天天彩票qq群| www.285608.com-重庆时时彩玩法| www.396200.com-周一买啥彩票| www.657261.com-福利彩票游戏机图片| 尊彩www.083025.com| www.nr65.com-北京快三遗漏形态| www.86744.com-买彩票上瘾了怎么戒| www.7578.in-鸿利彩票-| www.039997.com-一分快三计划破解版| www.503478.com-红彩app直播| www.73928.com-cp701彩票官网| www.029926.com-重庆时时彩计划稳| www.067467.com-3d中彩网走势图表| www.200707.com-昨天的彩票开奖号码| www.302488.com-乐彩论坛福彩首页| www.576502.com-福彩快3跨2度表| GO彩www.gu64.com|