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.4738.xyz-手机购彩中奖不给钱| www.pg61.com-23彩票网骗局| www.003663.com-中奖彩票电影| www.839193.com-彩70彩票怎么样| www.52215.com-天猫快彩听过吗| www.252.hk-福利彩票快3单式| 500彩票www.66653w.com| www.2201.in-京彩app赌博| www.944.net-吉林福利彩票官方| www.998415.com-天通苑附近体彩店| www.850204.com-比特币1分彩是什么| www.984324.com-福彩快三内蒙古| www.vd39.com-河南省体彩网| www.7019.vip-nba的彩票-| www.03768.com-豪彩登录平台登录| www.318249.com-十字彩票-| www.3574.cn-彩金送9快棋牌| www.5804.vip-体彩竞彩怎么买| www.nd36.com-彩票开奖11选五| www.700719.com-彩票条形码-| www.831325.com-彩票梗-| www.807850.com-福利彩票正版app| www.317038.com-168开奖网合和彩| www.26dz.com-福彩双色球安装下载| www.fa47.com-海南七星彩专家预测| www.p26.org-新手买什么彩票| www.82nn.com-七星彩怎么分位| www.3215.cn-天天乐彩票是真的吗| www.22568.com-怎样买分分彩不输钱| www.129317.com-腾讯分分彩破解高手| www.323129.com-湖北快三时时彩网站| www.824112.com-快三彩票群网| www.9fr.com-体彩六加一-| www.22qw.com-老梁彩票股票| www.98586.com-腾讯分分彩中三| www.975365.com-下载博牛彩票| www.sm1.cc-甘肃福彩时时彩规则| www.sf11.com-把高频彩当职业| www.ea64.com-大发彩票下载手机版| www.01sc.com-杏彩168是真的吗| www.242600.cc-555彩票网-| www.353289.com-京彩国际app下载| www.546539.com-香港赛马派彩及结果| www.637091.com-彩虹无人机战绩| www.785127.com-七星彩数字计算规律| www.874195.com-彩票平台源码一条龙| www.976893.com-温县订婚彩礼多少| www.05bo.cc-彩铅画校园生活| www.092176.com-l2345彩票网| www.280237.com-时时彩0369平刷| www.380650.com-体彩大超级大乐透| www.875850.com-重庆时彩0369法| www.874106.com-体育彩票店怎样奖励| www.07311.com-澳彩半一盘分析技巧| www.663506.com-分分彩定位胆算法| www.71182.cc-福利彩票基诺游戏| www.128026.com-温州福彩转让信息| www.35oh.com-足球彩票几点能买| www.cai3377.com吉林快三是什么意思| www.142599.com-m5彩票平台注册| www.286481.com-体彩投注站申请书| www.753233.com-9d彩票官方网站| www.03jn.com-华人福星彩网站| www.376621.com-彩票开奖下开奖号码| www.690030.com-唯彩荐球-| www.786751.com-用正规彩票pk黑彩| www.959389.com-彩票大本营彩民村| www.tx46.cc-快三投注员头像| www.303758.com-福彩3d真实谎言| www.3993.in-彩客?-| www.583602.com-人人中彩网是真是假| www.860926.com-好彩1现场开奖| 51彩票www.87498.com| www.rp2.com-河北福彩11选5| www.996744.com-博友彩软件首页| www.198777.com-彩票玩法介绍大全| www.02sj.com-彩虹头像男生| www.84rp.com-彩票解码器-| www.434899.com-一日谈七星彩| www.4593.cc-亚洲专业购彩平台| www.001384.com-新彩吧福彩三d| www.py57.com-60wt彩票-| www.289165.com-彩乃奈奈iv-| www.882475.com-刷英国五分彩| www.528117.com-时时彩赢彩王破解版| www.593187.com-彩虹t4-| www.777877.cc-福彩3d字迷牛彩冈| www.837097.com-买竞彩就是赌博| www.015716.com-手机在哪里买七星彩| www.43543.com-旺彩苹果app下载| www.n88.pw-彩票开奖网站源码| www.779562.com-游戏彩票-| www.947943.com-特彩吧高手网| www.2as.cc-彩晶膜多少钱| www.351353.com-小伙世界杯体彩| www.437695.com-256时时彩网页| www.646143.com-免费领取彩金游戏| www.715877.com-乐彩论坛3d字谜图| www.780978.com-彩票在挂-| www.854334.com-时时彩两期必中后一| www.5749.org-双数开彩打一动物| www.246882.com-彩票买那种好| www.222.tv-九龍彩票-| www.4989.biz-买彩票中大奖的图片| www.374902.com-网站首页彩票分析| www.627551.com-彩86app入口| www.169700.com-福彩快三助手| www.973914.com-500万彩票网任九| www.27647.com-快三彩票结束时间| www.275078.com-青海快三开奖牿果| www.345913.com-开奖网高频彩走势| www.165905.com-北京快三开奖| www.225381.com-怎么加入彩票群| www.159146.com-福利彩票最新走势图| www.982428.com-北京时时彩计划网页| www.cj38.com-湖北快三开奖今日| www.xr84.com-中奖彩票的购买时间| www.19bv.com-刘亮彩票事件| www.035000.com-高反水彩票投注平台| www.436985.com-瑞士彩票最高奖金| www.54ms.com-福彩销售员演讲稿| www.cai3458.com六星彩玩法-| www.232785.com-彩票30期-| www.37363.com-金山彩票官网| www.609540.com-k彩平台注册| www.782615.com-怎么下载意彩平台| www.907811.com-合肥体彩中心地址| 凤凰彩票www.66652g.com| www.511828.com-大地彩票软件| www.609569.com-uc彩票-| www.706080.com-广州发彩公司| www.801166.com-60彩票-| www.899972.com-彩票自动生成号码| www.984271.com-买二分彩技巧| www.by77.cc-福利彩票11选五| www.xh12.com-一福彩17500| www.008642.com-159彩票网安全吗| www.522674.com-兼职刷彩是什么| www.177633.com-大发快三计划网| www.71506.com-腾讯三分彩在线计划| www.673958.com-玺彩画-| www.817099.com-如何计算彩票概率| www.cai2525.com湖北精彩十分| www.306034.com-天津福彩一定牛| www.118603.com-彩七七安卓-| www.176964.com-河南彩礼价目表| www.907861.com-合肥体彩-| 辉煌彩票www.2875u.com| www.526150.com-竟足彩比分直播| www.612115.com-足彩吧狗万-| www.700112.com-吉林福彩快三推测| www.788512.com-今天多乐彩开奖结果| www.877672.com-国外彩票-| www.950104.com-中彩乐购-| www.984365.com-买快3彩票的软件| www.fq08.com-3d彩票中的死规律| www.77lq.com-福彩怎样选号码| www.221537.com-彩票今晚开什么| www.501383.com-周易彩票预测法| www.7968.cc-博彩澳门网站| www.239448.com-信誉好的大平台彩票| www.818445.com-体彩中心地址电话| www.55ey.com-周一是体彩还是福彩| www.6901.me-彩名堂计划网弊端|