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.417929.com-彩票双机店转让| www.044618.com-美团可以买彩票| www.148068.com-体彩大赢家app| www.408919.com-信誉好的七星彩平台| www.974639.com-七星彩下期开什么码| www.dq05.com-福彩快三直营| www.1de.cc-天福彩票可靠吗| www.355762.com-竞彩纳税规定| www.594378.com-七彩汇二维码| www.710137.cc-微信有人带你玩彩票| www.816270.com-彩票一夜暴富的概率| www.810853.com-下载家彩软件下载| www.917785.com-彩虹岛水果兑换码| www.983143.com-38彩平台-| www.pp99.com-彩涂铁板-| www.010204.com-网上带你玩彩票的人| www.698420.com-彩库宝典最快报码| www.079.bid-财神网彩票网| www.120365.com-宝马彩票app官方| www.222685.com-时时彩反倍投绝对赚| www.22925.com-领航彩五分快3| www.65864.com-福彩机选-| www.258244.com-江苏快三怎么买| www.92oi.com-有分分时时彩的软件| www.896789.com-彩票自动投注脚本| www.cw11.com-彩软科技计划稳吗| www.474599.com-手机买广西福利彩票| www.5436.top-体彩三走势图| www.23657.com-竞彩网电脑版首页| www.331498.com-众乐彩票大发快三| www.660862.com-快三计划软件原理| www.747211.com-平台彩票-| www.451884.com-彩票网线路检测| www.8158.com-重庆时时彩91计划| www.32596.cc-河南周口订婚彩礼| www.745813.com-棒棒彩票注册靠谱吗| www.827911.com-神猫彩票-| www.899228.com-湖北快三和值表| www.972195.com-印尼五分彩开奖号码| www.cp3807.com-快三计划网页版| www.68864.com-彩票双色球对比器| www.051266.com-彩票开奖公告大全| www.819867.com-特网彩票统计器| www.45038.com-境外高频彩开奖网站| www.091611.com-百万彩票网-| www.482916.com-福彩3d开机图今天| www.305767.com-彩票赠送现金| www.719292.com-彩神全能计划手机版| www.5446.xyz-辽宁省福利彩票兑奖| www.932252.com-澳洲彩票官网| www.353064.com-时时彩343注买法| www.dr90.com-彩票美女托的套路| www.361422.com-滴滴彩票坑人吗| www.498654.cc-6188彩票工资车| www.620902.com-新浪体彩福彩走势图| www.721229.com-七星彩破解公式| www.817038.com-能中彩票的命| www.798508.com-彩票中奖如何交税| www.974895.com-福彩账户充值| www.7607.com-新浪爱彩正规吗| www.b61.club-快三微信群2018| www.715514.com-买彩票上瘾离婚| www.838577.com-彩色纸箱印刷厂家| www.928097.com-英国有哪些高频彩种| www.996884.com-机选一注七星彩号码| www.er95.com-快三一定牛前五百期| www.s57.space-青海彩票十一选五| www.8232.cn-彩票平台刷流水佣金| www.607919.com-3d彩吧助手式机号| www.728549.com-足彩007-| www.800546.com-捷豹彩票平台犯法| www.901270.com-体彩试机号近30期| www.977156.com-濮阳彩礼限高令| www.ku8.com-幸运快三有规律吗| www.st81.com-快三数学计算方法| www.12pz.cc-新浪爱彩胜负彩预测| www.361660.com-彩票网不能提现| www.499223.com-彩票投平台-| www.026033.com-11选5黑彩破解| www.4649.net-梦到鱼的彩票号| www.962292.com-重庆十分彩开奖号码| www.cl25.com-安徽快3彩票倍投| www.zy92.com-上海体彩销售点| www.64ga.com-为什么玩快三老鼠| www.133429.com-葡京彩票平台可靠吗| www.293.tv-七星彩在哪儿买| www.5421.top-华彩生活下载安装| www.01322.com-雪缘园足球彩票直播| www.59272.com-梦图解码七星彩大全| www.000329.com-天津时时彩合法吗| www.115700.com-彩铅颜色搭配表大全| www.np31.com-上海新快三走势图| www.9968.site-幸运快三彩票网| www.928087.com-七星彩19032期| www.991843.com-7乐彩开奖查询| www.sa80.com-快三跨度是啥意思| www.10oh.com-彩钢瓦防水施工方案| www.79qd.com-拉萨福彩快3| www.2359.me-七彩云南翡翠北京| www.8375.top-旺角彩皇免费资料| www.367831.com-筒井彩芽照片| www.97074.com-体彩大乐透八等奖| www.456023.com-红菜苔彩票是真的吗| www.556330.com-500彩票黑平台| www.626994.com-银雀彩票-| www.305040.com-附近彩票投注站| www.091155.com-福彩任选五胆拖玩法| www.9008.online卖彩票犯法吗| www.189005.com-内蒙古福利彩票查询| www.874214.com-彩票平台开发搭建| www.46734.com-福彩助手ios| www.qv00.com-买3d彩票-| www.219216.com-体彩36选7-| www.297056.com-乐购彩票不能提现| www.108932.com-瓶子彩泥手工| www.373077.com-快三开奖周期| www.uk92.com-天天彩选四开奖结果| www.77448.cc-豪博5k彩票-| www.8322.wang-体彩10分钟破家| www.50852.com-彩投彩票gt-| www.798598.com-时时彩网络购彩平台| www.24684.cc-唯美彩铅花鹿| www.583279.com-彩票走势2元网| www.19292.com-福彩3d天牛图纸| www.237720.com-福彩快3和值表奖金| www.yo5.com-五分快三彩票玩法| www.1975.vip-银川仟彩摸吧包厢| www.64ay.com-竞彩8串28容错表| www.6242.cm-七星彩杀号定| www.506023.com-盛彩彩票多久了| www.476228.com-网易数说福彩双色球| www.554071.com-晨兴彩票手机版| www.475575.com-彩票汇手机版下载| www.551209.com-海南快三官方| www.639094.com-宁波体彩店申请电话| www.706654.com-香港铂金彩票网址| www.777227.com-7697优乐彩-| www.828596.com-体彩排三彩吧论坛| www.560.com-我乐时时彩-| www.968746.com-彩世界下载官方平台| www.42255.cc-福彩三地图谜| www.658625.com-手机怎么买彩票安全| 网易彩票www.9356v.com| www.1194.com-时时彩走势k线分析| www.588407.com-福彩群英会助手| www.45188.com-福彩刷单-| www.658984.com-彩票七乐彩9个号码| www.41233.com-tt彩票网-| www.551238.com-彩票走势图南方网| www.615009.com-韩国彩票中奖者| www.683258.com-买彩票输了想死| www.761208.com-二婚要彩礼吗| www.851005.com-竞彩胜负过关| www.332468.com-黑彩提现成功过吗| www.160723.com-运盛彩票导航| www.365414.cc-齐鲁福彩群英会| www.479709.com-极速赛车彩票看透器| www.7030.cc-众乐彩是不是骗人的| www.622560.com-彩涂钢板的使用寿命| www.296038.com-多乐彩十一选五走势| www.298556.com-甘肃省体彩中心电话| www.669887.com-有四个数字的彩票吗| www.770650.com-老时时彩带线走势图| www.922313.com-约彩365ios-|