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.480225.com-竞彩北单官网| www.602563.com-游彩票-| www.373216.com-可以去伯乐彩票玩吗| www.569255.com-福彩会改成企业吗| www.719137.com-中国体彩七星彩| www.876807.com-体彩怎么看中奖| 福彩www.2109v.com| www.132873.com-世界杯彩票网站| www.305896.com-江西快乐彩11选五| www.472345.com-彩票性原作者| www.606668.com-体彩什么号好| www.739237.com-网易彩票杀号专家| www.871528.com-香港彩富网正版资料| www.988042.com-福建体彩网官方首页| www.nd60.com-大发快三官网彩神| www.539174.com-90足彩比分-| www.644487.com-腾讯分分彩独胆| www.736191.com-下载福建快三助手| www.808337.com-竞彩网任九开奖结果| www.882850.com-093彩票合法吗| www.954918.com-彩票刷七码什么意思| 好彩头www.51331a.com| www.pk43.com-吉林快三360| www.38cm.com-彩神挣霸8-| www.866.live-体彩5d的开奖号码| www.5965.biz-怎么下载酷彩| www.347933.com-溢彩年华时尚衣柜| www.465439.com-古建彩绘紋样草图| www.557347.com-快三回血是真的吗| www.79806.com-阜阳市有彩票机吗| www.830996.com-4月份足彩对阵表| www.971156.com-体彩开奖公告七星彩| www.qm20.com-快三1分彩-| www.02510.com-福彩3d计划网页| www.121453.com-快三复式中奖查询表| www.278127.com-乐彩网首页彩| www.424259.com-澳门网上博彩能赢吗| www.610381.com-彩票行业什么样| www.794106.com-黑客破解重庆时时彩| www.961905.com-下载买彩票双色球| www.ii33.cc-中国福利彩票走势图| www.8082.org-彩票快开-| www.71107.com-河南体育彩票48i| www.578887.com-北京体彩兑奖中心| www.675377.com-解太湖福彩-| www.84te.com-彩票代理如何赚钱| www.99183.cc-竞彩直播新浪| www.2yt.com-优博时时彩平台信誉| www.778.live-福彩3d绝杀一码| www.9273.cn-乐彩站是真的吗| www.022229.cc-新疆时彩票开奖号码| www.105683.com-时时彩助手旧版本| www.187328.com-时时彩1996-| www.021172.com-山西彩票网-| www.164918.com-福彩快三是啥意思| www.278387.com-五分快三彩票网| www.367208.com-彩铅手绘星空的画法| www.543079.cc-今天福彩3d开奖号| www.977642.com-世界杯足彩盘口| www.70fs.com-红菜苔彩票骗局| www.2620.cn-703彩票登陆| www.03952.com-辽宁福利彩票中心| www.63765.cc-足彩买量比-| www.076109.com-彩票达-| www.170237.com-河南福彩快三走势图| www.272101.com-立彩助手下载安装| www.368981.com-668彩票网骗人| www.502342.com-热拉好多人在推彩票| www.596256.com-云彩在线彩票app| www.974083.com-闪蒙快三-| www.543997.com-彩票打版怎么看| www.685280.com-中了福利彩票头奖| www.3vm.com-中国彩票公司创始人| www.6815.biz-四季彩中秋| www.022936.com-彩托一个月工资多少| www.229677.com-中国体彩网官方首页| www.554012.com-彩票冠亚和破解| www.312176.com-热门的彩票app| www.842360.com-体彩公益金贡献| www.815785.com-双数开彩是什么生肖| www.659533.com-足彩手机版-| www.851113.com-qq上玩时时彩的群| www.055050.com-有什么彩票网站推荐| www.ls39.com-中彩网软件压铸| www.261951.com-腾讯快三客服电话| www.891121.com-体彩中奖故事| www.777044.com-彩宝宝手机版| www.893911.com-喜盈门彩票网站| www.cp5798.com-彩票害了我一生| www.47sv.com-凉凉彩铃下载| www.909949.com-福彩3d彩界小少爷| www.f96.club-中国人在国外中彩票| www.4439.xyz-四亿彩票官方| www.244433.com-乐彩3d论坛资料| www.529191.com-新浪彩票双色球频道| www.470776.com-彩名堂下载网址| www.119297.com-快三的选号技巧| www.770.hk-简笔彩色画-| www.9049.cn-上海福利彩票中心4| www.877930.com-十亿彩票-| 好彩头www.51331m.com| www.28af.com-火影全彩本子| www.7150.vip-七彩音符儿歌| www.164021.com-盈彩在线-| www.517023.com-1516彩票平台| www.995630.com-彩678坑人吗| www.md32.com-快发彩票合法吗| www.590639.com-奥博彩票app| www.563228.com-优博时时彩平台登录| www.312708.com-福彩三d太湖字谜| www.060199.com-天天彩选4规则| www.259157.com-福彩双色球随机选号| www.621608.com-彩票巴巴安卓版下载| www.916994.com-长沙快三彩票| www.048.com-彩票藏分-| www.17677.com-开彩票店需要什么| www.8580.cn-淅冮体彩6十l号码| www.998887.com-吉林快三是骗人的吗| www.25914.cc-彩虹是什么比喻什么| www.550866.com-彩票中奖是什么意思| www.48554.com-怎么下载竞彩258| www.696137.com-五星新时时彩走势图| www.65aw.com-乐米彩票安卓版下载| www.701799.com-彩票系统漏洞黑客| www.930868.com-福彩中彩网走势| www.32bf.com-彩虹六号头像| www.278339.com-优信彩票大厅| www.7103.vip-开封七彩集团幼儿园| www.wz42.cc-彩票图谜汇总大全| www.5424.xyz-用彩铅画星空图片| www.020412.com-江苏快三加奖| www.24.mobi-福建龙岩长汀彩票站| www.043669.com-七是彩论坛特区| www.975547.com-福利彩票内蒙古快三| www.45143.com-彩薇花化妆品| www.091005.com-福利彩票中奖名单| www.242345.com-中国福彩网官方网| www.70817.com-大众彩票怎么样| www.813789.com-海南竟彩快三查询| www.kb10.cc-体彩走势图大全| www.18vn.com-用微信买实体店彩票| www.347655.com-常笑体彩店苹果| www.36kf.com-彩神挣霸app大发| www.879481.com-爱彩通下载-| www.280970.com-时时彩员工会坐牢吗| www.949243.com-湖北快三势图分布图| www.845632.com-民政部中国福利彩票| www.579243.com-时时彩龙虎和口诀| www.166562.com-河北快三开奖结果着| www.403221.com-重庆老实实彩| www.532223.com-彩厍寳典旧版| www.78655.cc-新昌县双彩乡下岩村| www.845844.com-国外彩票怎么买| www.377488.com-因为彩礼钱而分手| www.660601.com-彩6彩票苹果下载| www.632167.com-cp77趣彩com| www.019535.com-福利彩票贵州| www.9952.site-云南彩票无人认领| www.592777.com-彩虹5无人机多少钱| www.hi21.cc-qq彩票下载-| www.83738.cc-中彩票的坏处| www.171357.com-七星彩近30期| www.514441.com-ac彩妆加盟费| www.999486.com-大運彩票-|