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天

知道了
1分快三 www.158407.com-竞彩专家分析推荐| www.70iy.com-高频彩不要玩| www.936381.com-足彩分析姜山冷门| www.ba69.com-快三安徽-| www.73417.com-彩圣网全年资料| www.mu07.com-彩票12下载-| www.633594.com-百度天下彩-| www.57753.cc-159彩票进不去了| www.48005.com-彩票之家天下彩| www.7926.top-官方彩票彩种| 亿发彩票www.605733.com| www.322180.com-彩票开奖123导航| www.369904.com-123会员彩票官网| www.530053.com-时时彩买法稳| www.627953.com-福彩有几位数字| www.713090.com-福彩3d为什么难中| www.819459.com-全网彩票计划| www.612687.com-如意彩网可以买彩吗| www.361768.com-幸运彩票娱乐网| www.687556.com-彩票99苹果版| www.3639.xyz-今晚的彩票开奖| www.11239.com-绝对可靠的彩票开发| www.020499.com-极速3d彩票规律| www.118547.com-菲律宾博彩被压护照| www.975.red-澳门十大博彩官网| www.47583.com-吉林快三是网堵吗| www.170290.com-如何看懂快三走势图| www.86zz.com-彩票代理赚钱| www.8576.org-分分钟种彩票| www.cp3380.com-甘肃快三彩经网| www.yk54.com-跟老师买彩票骗局| www.t53.biz-专业彩票高频彩| www.cp0088.com-今日甘肃快三一定牛| www.69287.com-彩票提现的常态流水| www.3253.biz-重庆时时彩官方网址| www.38982.cc-中彩彩票合法吗| www.wd3.com-大乐透彩宝业网| www.303392.com-好彩36选7走势图| www.396291.com-福彩中心放假安排| www.538034.com-彩色什么什么| www.615984.com-省福彩中心照片| www.745942.com-彩4343us-| www.883139.com-爱投口袋彩店| www.uo.com-中国福彩种类及玩法| www.38ad.com-彩礼用来干嘛的| www.51200.com-彩之风彩票下载| www.8581.net-江苏苏快三-| www.869208.com-巨丰彩票网站| www.383126.com-福彩16号开奖号| www.018431.com-彩票规律破解| www.252856.com-时时彩开奖视频| www.2559.pw-网上可以购彩票吗| www.489000.com-彩票五一中彩下载| www.307779.com-派彩为什么是负数| www.86591.com-赌大小一分快三网址| www.j64.net-湖北体彩官网| www.502975.com-jolly鸿彩灯光| www.kj07.com-彩票查询3d-| www.28je.com-重庆时时彩追号高手| www.031337.com-靠谱的私彩网站| www.139991.com-北京快三有多少期| www.301404.com-新浪竞彩推荐| www.020631.com-手机网上怎样买彩票| www.087383.com-全国快三投注app| www.225352.com-福彩河南快三走势图| www.74rp.com-彩吧网p3试机号| www.933785.com-福利彩票在哪里兑奖| www.vx46.com-6288彩票app| www.24344.cc-落日彩铅画-| www.761267.com-体彩在哪里兑奖| 大赢家彩票平台www.577513.com| www.1349.net-vr彩票是什么平台| www.10798.com-竞彩足球在线购买| www.lv21.cc-时时彩开奖号码| www.569816.com-好彩香烟味道怎么样| www.191815.com-内蒙快三开奖期| www.7654.pro-体育彩票门头标准店| www.59418.com-中彩网图表-| www.871293.com-158彩票合法吗| www.se20.com-彩500下载网址| www.963485.com-足球彩票比分结果| www.cu64.com-手机博彩软件| www.wy33.com-彩票大师必中| www.125926.com-网上江苏体彩网首页| www.271762.com-顺丰彩票正规吗| www.200406.com-123彩票开奖结果| www.7558.com-大通彩票路线| www.021303.com-湖北体彩在哪里兑奖| www.139007.com-民政部福彩中心| www.61rq.com-最棒的彩票分析软件| www.3224.website天天乐彩票是骗局吗| www.106223.com-国外彩票网站合法吗| www.308839.com-天下彩票与你同行| www.605408.com-上和彩票-| www.834678.com-彩票福彩12选五| www.962190.com-福彩3d和查表| www.gv18.com-彩6官方下载app| www.0234.cm-历羸彩票-| www.14866.cc-彩票大赢家走势图表| www.056017.com-快三买和值稳赚吗| www.63762.cc-足彩单场分析| www.739318.com-吉祥彩娱乐平台下载| www.0913.in-福利彩票360杀号| www.300793.com-赌博送彩金可提款| www.750027.com-快三私彩-| www.71702.com-福彩3d评论动态| www.042341.com-多彩贵州风门票| www.0659.xyz-福彩有没有分分彩| www.491143.com-app云购彩票| www.151579.com-红旗彩票能挣钱吗| www.292081.com-q彩网官网下载| www.127520.com-彩虹哥李毅吧| www.586532.com-彩票中的偏态| www.50057.com-阳光彩票代理注册| www.458822.com-全彩-| www.629162.com-竞彩網-| www.sg61.com-时时彩app注册| www.4mj.cc-买彩票要怎么样中奖| www.cp7198.com-百盈快三稳赚计划| www.xr22.com-71彩票官网-| www.17581.cc-时时彩二星直选技巧| www.076318.com-彩票猜一生肖| www.338267.com-黔西彩票店-| www.905306.com-江西快三84期开奖| www.116593.com-手机上买彩票输钱了| www.192922.com-彩6app官网网| www.262366.com-福彩3d购买-| www.7521.top-体彩专营店怎么装修| www.624724.com-体彩棑列三出奖结果| www.692372.com-9万彩票安卓版下载| www.023820.com-三地彩涂迷-| www.127366.com-彩票彩客-| www.ks46.com-快三中奖概率是多少| www.297552.com-福彩快三高倍数不出| www.155436.com-福利彩票彩经网| www.185431.com-彩票181-| www.365140.cc-八号彩票论坛| www.04533.cc-体彩微信-| www.008034.com-大发彩票软件| www.122994.com-福彩公益金标志| www.231269.com-百胜快三预测| www.510800.com-彩虹谷门票-| www.78782.com-体彩竞彩店转让设备| www.019611.com-山东体彩十一夺金| www.542039.com-办公椅彩箱包装| www.657254.com-时时彩公式软件安卓| www.779905.com-中彩易软件-| www.876163.com-凤凰彩票快3怎么玩| www.978042.com-猫彩色简笔画| www.v51.biz-福彩双色球机兑奖| www.34029.com-玩彩彩票安卓叫什么| www.006454.com-河南福彩中心在哪| 500万彩票www.626990.com| www.95762.com-澳客足彩超级平台| www.661872.com-竞彩结束多久开奖| www.887108.com-22彩票平台可靠吗| www.535105.com-越南六位数彩票查询| www.021415.com-吉林快三开奖35| www.120661.com-福利彩票投注中心| www.202132.com-福彩端下载安装| www.679871.com-巨龙彩票怎么样| www.751522.com-2020cc彩票-| www.806406.com-山东体彩手机app| www.869882.com-福彩3d杀码最准|