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.407333.com-国家规定彩礼多少钱| www.598593.com-深圳侯彩彩票安全吗| www.690230.com-最新足彩分析14场| www.791522.com-京东快三彩票| www.887860.com-我爱彩票软件| www.975549.com-内蒙古的快三| www.cv23.com-网上凤凰私彩平台| www.71ay.com-七马彩四不像| www.3708.cm-休彩排列三-| 百姓彩票www.bxcp3.com| www.129757.com-江苏体彩和值走势图| www.967061.com-足球彩票提成| 乐彩网www.869809.com| www.6636.tv-海贼王索罗彩铅画| www.62271.cc-彩票大赢家百度| www.654977.com-福彩晚秋和值谜| www.760928.com-500万彩票.彩种| www.852359.com-河内时时彩吧| www.509308.com-财神网彩票网| www.381948.com-分分彩挂机投注软件| www.ht1.com-快三平台登录网址| www.850298.com-网站快三真实吗| www.15768.cc-福彩公益广告语| www.110118.com-228台湾乐透彩| www.4984.cc-小军网摘版彩吧图库| www.cp3639.com-体彩排列三-| www.ps51.com-湖南快三查询| www.923200.com-彩票经营-| 500彩票www.202406.com| www.708997.com-赢发彩票投大小| www.303297.com-七彩国际投资| www.859138.com-田彩芽根的功效| www.934301.com-福彩动物总动员公式| 600万彩票www.389233.com| www.262815.com-吉林彩票网快三走势| www.365375.cc-3d直击黑彩-| www.9712.shop-福彩三d双彩字谜| www.319667.com-百胜快三下载安装| www.1430.cn-海南四字彩票| www.1274.vip-查询七乐彩开奖信息| www.001152.com-必中快三app| www.052210.com-彩神是什么真的吗| www.385072.com-彩票开奖源代码| www.552907.com-闵行区体彩网点分布| www.636080.com-彩虹六号墨冰稀有吗| www.91vg.com-网络彩票计划群流程| www.4853.cn-和彩818彩票| www.je96.com-怎样看吉林快三规律| www.ds49.com-自助彩票机合法吗| www.161697.com-天津快三走势图解| 天天中www.11ttz.com| www.669788.com-海南省福彩大赛| www.7479.cm-申请开彩票店流程| www.648417.com-佩戴彩宝的好处| www.7231.wang-彩虹六号墨冰价值| www.45rw.com-彩票投注站几点关门| www.562323.com-彩吧网论坛首页| www.668616.com-幸运快三怎么样| www.755347.com-云南体彩网-| www.819797.com-刮彩票的秘诀| www.886908.com-江苏快三全天计划表| www.960142.com-太阳彩票-| 天天彩票www.127880.com| www.gb28.com-福建厦门福彩快3| www.vu85.com-一分快三怎么能回本| www.52953.com-黑彩做庄能赚钱吗| www.280630.com-在线模拟彩票投注| www.363549.com-即时开彩下载安装8| www.474864.com-中国彩票还能信吗| www.991116.cc-4scc彩票网-| www.bx23.com-快三人工计划网页版| www.zh83.com-福彩3d之双彩论坛| www.25ce.com-天下彩票app下载| www.93uf.com-小一寸彩照-| www.2384.biz-好彩店北京单场数据| www.998790.com-龙里彩票-| www.835738.com-中彩那天课文分段| www.fs07.com-极速快三下载安装| www.127736.com-彩虹吉他-| www.687378.com-139彩票安卓版| www.367162.com-彩铅星空狼画法| www.653817.com-华人彩怎么注册| www.867828.com-七星彩规律图最新| www.ls93.com-新福彩3d字谜图谜| www.86fn.com-七乐彩软件下载| www.7680.pw-双色球彩票黑色方块| www.772838.com-彩票有九码计划没| www.181430.com-快3彩票官方投注网| www.287078.com-彩票转让-| www.59635.cc-赢彩彩票有人玩吗| www.036591.com-快三全能必中软件| www.125185.com-中国彩票有几种玩法| www.689228.com-专业玩彩网-| www.774708.com-网投彩票犯法吗| www.561769.com-通鸿网彩票-| www.345045.com-彩票买大小怎么买| www.448277.com-新浪分分彩开奖| www.554327.com-彩票术语胆-| www.fz43.com-福利彩票发行历史| www.601882.com-佰润彩票欢迎您| www.738323.com-彩票朋友圈软文| www.18317.com-今天福彩3d故事迷| www.651506.com-彩票棋牌一体源码| www.90658.com-中国体彩官方二维码| www.780258.com-咋申请彩票-| www.019777.com-彩票加盟网-| www.593693.com-七彩电商-| www.933996.com-宇宙彩票诈骗| www.tf43.com-彩票行业-| www.391687.com-全讯彩票-| www.078826.com-七星彩兑奖地址| www.192901.com-彩6官网-| www.298020.com-冀彩宝不能充值| www.380623.com-今晚有什么彩票开奖| www.624958.com-a2彩票-| www.107032.com-澳洲时时采彩开奖| www.781428.com-六彩网资料-| www.942878.com-南宁福彩大厦| www.25fw.com-下彩下载-| www.603633.com-第二人生彩票| www.204468.com-内蒙古快三儿开奖| www.493390.com-彩钢板围挡制作厂家| www.728292.com-彩八仙计划官网| www.k21.net-体育彩票双色球预测| www.176952.com-新快三单机游戏下载| www.6249.cn-五福彩票普通版本| www.374868.com-体彩1等奖多少钱| www.88kj.cc-黑彩票是怎么回事| www.228005.com-彩票中奖图片| www.515377.com-私人排五彩票| www.507221.com-五彩-| www.632890.com-福彩时时彩和值奖金| www.716255.com-海南七星彩四定玩法| www.775754.com-石家庄体彩兑奖中心| www.887158.cc-vr彩票是真的吗| www.948458.com-福彩3d精华布衣图| www.984655.com-彩票坊哪里下载| www.ah74.com-特区彩票论坛精选| www.wv67.com-皇马彩票开户| www.27mq.com-彩票天天抢红包下载| www.89by.cc-做梦梦见数字买彩票| www.2007.org-自己分析彩票软件| www.7014.top-加拿大三分彩走势图| www.370308.com-买彩票倾家荡产视频| www.582716.com-贷款买彩票怎么制止| www.671925.com-亚博竞彩官网| www.805409.com-詹天佑3d彩票标签| www.964151.com-彩票经验总结| www.ca87.com-湖北福彩快三开奖| www.74il.com-福利彩票双色球九| www.3308.cm-那个彩票走势图好| www.09944.cc-山东福利彩票群英| www.61627.cc-中国福利彩票事件| www.1rx.com-福彩十二选五规则| www.713525.com-王者彩票网官网| www.8368.vip-深圳彩皇电子厂| www.793984.com-8816是什么彩票| www.850705.cc-体育彩票有限额的吗| www.947466.com-福利彩票作假| www.cp9588.com-旺彩苹果版-| www.815017.com-彩票机投放-| www.919463.com-彩名堂ios-| www.990497.com-内蒙快三开奖直播| www.gr68.com-河南快三怎么玩|