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.773467.com-七乐彩福利彩票| www.910058.com-福彩3d百万通下载| www.976914.com-河南彩礼顺口| www.cp416.com-江苏快三哪个平台好| www.z60.top-宋金时期红绿彩小人| www.138383.com-云南体彩十一选五| www.sd93.com-一分彩票计划软件| www.37gn.com-七星彩最新杀号| www.690391.com-福彩排列五开将结果| www.604607.com-160彩票-主页| www.150468.com-彩票pk10-| www.060399.com-彩53彩票领导者| www.90dm.com-国内做博彩代理| www.033260.com-盛源彩彯-| www.275563.com-极速时时彩是谁开的| www.339560.com-彩吧合粉吧图谜总汇| www.446368.com-体彩3d开奖号| www.yl70.cc-南洋彩票-| www.25mj.com-甘肃体彩在线| www.82583.com-足彩19040结果| www.399277.cc-七星彩模拟机选| www.yd.com-河北福彩3d预测| www.726192.com-福利彩票怎么分析| www.969779.com-福彩现在还敢买吗| www.va27.com-河南体彩网481| www.515244.com-七星彩南国彩票社区| www.640440.com-新浪爱彩推荐| www.734228.com-好用的彩票走势图表| www.83np.com-快三在线计划| www.6134.me-福利彩票彩金| www.41384.com-彩虹六号腾讯手游| www.55580.com-适合玩彩虹伞的音乐| www.761519.com-哪个平台可以打竞彩| www.859011.com-彩芽音乐-| www.932386.com-吉林省快三计划软件| www.984274.com-二分彩官网-| www.wc6.cc-彩宝彩票下载| www.128795.com-三块彩票-| www.530095.com-头彩是什么意思| www.09359.com-好彩一容易中吗| 好彩头彩票www.90305f.com| www.877200.com-历史七乐彩开奖查询| www.964806.com-体彩杀号定胆| 大赢家彩票平台www.810726.com| www.197157.com-七乐彩开奖历史大全| www.832730.com-七彩图趣味看图测彩| www.332710.com-爱彩乐怎么登陆不了| www.510753.com-彩虹屁小作文模板| www.825654.com-湖南福骰快三开奖| www.904014.com-彩神vapp靠谱吗| www.998912.com-竞彩足球分析软件徢| www.fl12.com-彩票五行数字对照表| www.zi95.com-网易彩票客户端| www.28fm.com-彩票怎么短信投注| www.654546.com-足球胜负彩开奖规则| www.5446.in-福彩太湖3d字谜| www.31gf.com-全天彩是真的吗| www.157.in-含彩虹取名-| www.830663.com-大彩票娱乐-| www.927542.com-属蛇彩票运-| www.996601.cc-黑河福彩网-| www.uy1.cc-彩票123安卓版| www.px88.com-彩票自动追号软件| www.140840.com-985彩票app-| www.229625.com-093彩票开户| www.956433.com-富贵彩是坑人的吗| www.713909.com-快三游戏苹果| www.811073.com-六堂彩天空彩票大全| www.vj09.com-能提现的彩票| www.19nl.com-肥城福利彩票| www.50wb.com-郑州快三开奖号码| www.3485.xyz-福彩越来越少人买了| www.21265.cc-赢发彩票邀请码谁有| www.72691.com-精彩内容-| www.183258.com-25彩票app-| www.261852.com-网上还能买快三吗| www.157744.com-网络彩票是不是诈骗| www.264228.com-彩票机选不可能中奖| www.356873.com-中国体彩在哪里领奖| www.601447.com-七星彩早版图库| www.058577.com-天空彩高手抡坛| www.06wj.com-青蛙彩票开奖现r场| www.83oc.com-彩票七位数开奖时间| www.982140.com-信彩登录入口| www.6431.vip-彩333官网地| www.868813.com-七乐彩专字定胆杀号| www.295688.com-时时彩一天开几期| www.ui44.com-福彩三d字谜总汇| www.100119.com-大彩网双色球走势图| www.371698.com-v8彩票-| www.647775.com-好运彩票下载安装| www.806009.com-九五彩票网站| www.rq60.com-广西快三一定牛今| www.35783.cc-福利彩票兼职赚钱吗| www.698013.com-大发时时彩开奖结果| www.834477.com-赢彩彩票下载安装| www.944670.com-福建福州体彩| 华人彩票www.555446.com| www.020734.com-福彩好心人布衣2| www.160071.com-彩票大厅app| www.21pi.com-彩票的社会性质| www.932411.com-时时彩个位大小判断| www.102338.com-快开彩12选5| www.128452.com-买彩票倍投计算公式| www.380566.com-上海彩4天天开奖| www.736177.com-体彩买彩票怎么赚钱| www.zs93.com-彩35网站-| www.6238.shop-竞彩之家怎么样| www.39517.cc-时时彩选号技巧集锦| www.018050.com-张飞星彩-| www.111824.com-高德彩票是什么| www.cai099.com-广西快三开奖号码| www.241164.com-彩铅画兰花-| www.725971.com-福利彩票中奖说明| www.901002.com-福建快三开奖软件| www.498868.com-体彩大乐透前区中一| www.690549.com-竞彩足球购买新浪| www.q16.org-福彩字谜汇总| www.089318.com-体彩快中彩开奖结果| www.366455.com-3g彩票网网址| www.725058.com-福彩过滤器下载| www.839569.com-内蒙古快三查询| www.931675.com-贵州快乐彩开奖结果| www.am13.com-幸运彩票是黑平台吗| www.301203.com-福彩快三跨度表| www.946233.com-福建彩票下载| www.fl11.com-各种釉彩大瓶全名| www.89pl.com-中国福利彩票的由来| www.787273.com-山东体彩扑克走势图| www.870150.com-时时彩8码在线计划| www.936051.com-乐山快三查询| www.985955.com-福利彩票提点| www.et48.com-北京90年代彩票奖| www.730591.com-唯彩会开奖结果| www.858743.com-体彩排列3遗漏查询| www.948202.com-香港好彩网论坛| 天天彩票www.1035e.com| www.818745.com-快三对子有多少个| www.950476.com-今天七星彩开奖结果| 网易彩票www.36788x.com| www.er05.com-下载乐彩网app| www.567319.com-竞彩篮球过关计算器| www.68347.com-中彩票如何兑奖| www.085410.com-福彩有哪些种类| www.cai5670.com内蒙快三开奘结果| www.28439.com-彩票和股票-| www.29737.com-90彩票网页-| www.95535.com-福利彩票申请条件| www.090971.com-众彩网生活app| www.065186.com-彩票33平台多久了| www.381112.com-彩票大王杨光华| www.751877.cc-1彩娱乐代理| www.100321.com-彩票概念新华网| www.934649.com-彩70官网-| www.7024.vip-时时彩助手在线计划| www.843885.com-彩票中奖金额上税| www.866772.com-海南私彩梦兆查询| www.30022.com-亿彩怎么获取邀请码| www.476807.com-蚂蚁彩票首页| www.ye80.com-彩71彩票注册| www.869433.com-网上如何购买七星彩| www.086983.com-福运彩票aqq下载| www.787221.com-竞彩篮球对阵表| www.01734.com-ag送彩金平台|