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天

知道了
亚洲28 www.kl80.com-江西快三怎么玩| www.985889.com-福彩3d中奖高的人| www.158950.com-博友彩注册邀请码| www.4726.org-南宁青秀区福利彩票| www.376121.com-体彩排3跨度| www.545796.com-福利彩票店申请| www.678190.com-过年体彩营业时间| www.766703.com-超级快三是不是真的| www.856918.com-福彩3d字迷汇总| www.938330.com-亿彩登陆-| www.993956.com-彩票代购网站排行榜| www.bi70.com-快三怎样赚钱| www.yf80.com-吉林快三派彩网官方| www.2en.cc-快三大小怎么玩| www.1994.love-幸运彩ˉ幸运二任选| www.374366.com-168彩票资料大全| www.750121.com-分分中彩票怎么样| www.388552.com-数码迷彩图片| www.8333.live-买外围都别买国彩| www.96448.com-中国体育彩票成立| www.636273.com-一年彩虹短文阅读| www.023897.com-中国彩票网官网| www.148700.com-快三万能追号计算器| www.tv4.cc-北京快三计划软件| www.0594.org-体彩排三图谜第一版| www.652166.com-福彩大乐透开机号| www.518003.com-手机彩票导航网址| www.024657.com-广东体彩网首页| www.rs16.com-双色球牛彩网| www.005.bid-甘肃亿彩快三查询| www.232903.com-好彩堂开奖结果现场| www.110623.com-最新彩9彩票安卓版| www.661594.com-重庆时时采彩作假| www.764422.com-专家预测4场进球彩| www.839363.com-彩票开奘询-| www.912491.com-去哪里举报网络快三| www.977784.com-彩票网址平台| www.cp0738.com-福彩3d是国家| www.2068.in-657彩票下载| www.255237.com-复式彩票中奖计算| www.370036.com-体彩22选5简介| www.69718.com-彩票源码免费下载网| www.79151.com-足彩预测单场专家| www.043839.com-重庆时彩刷返点技巧| www.127636.com-彩虹授权站源码| www.tg59.com-数字彩票研究方法| www.037986.com-极速快三官网网站| www.009109.com-买彩票输了三万| www.3019.pw-正彩云终端-| www.557820.com-能赢钱提现快三| www.436549.com-山西竞彩5800万| www.550212.com-00彩票-| www.va43.com-时时彩官方下载| www.920718.com-彩神8彩票网站| www.fn7.com-重庆时时彩归哪管| www.341946.com-m8彩票游戏网站| www.333266.cc-彩彩票开奖查询l| www.535468.com-彩票都有几位数| www.696943.com-竞彩的开奖结果查询| www.505728.com-国丰彩票平台| www.782862.com-保定福彩征-| www.964674.com-足球彩票十四场开奖| www.cai9900.com快三号码图-| www.769727.com-好运彩票平台怎么样| www.964831.com-体育彩票和尾值| www.cai854.com-新快三开奖-| www.mb98.com-华宇彩票手机版| www.10so.com-陶瓷新彩颜料| www.lw6.com-快三中奖查询表| www.td06.com-有彩色系-| www.122742.com-众彩网是不是骗局| www.0532.org-买彩票真的能中奖吗| www.543468.com-3d三版彩报-| www.678055.com-乐彩论坛1手机版| www.21111.com-中国足球竞彩首页| www.6779.org-幸运彩票官方登录| www.8222.cc-中国体育彩官网| www.307087.com-世界彩票史上最大奖| www.387765.com-易彩堂骗过多少人| www.881192.com-怎样开一个私彩平台| www.712502.com-万人彩票app| www.04od.com-儿童铅笔淡彩画图片| www.6348.cm-圆梦彩票平台| www.327931.com-爱投彩票可靠么| www.402813.com-七星彩表下载安装| www.508478.com-彩票止损方案| www.2992.top-福彩今天开机号码| 彩69www.022193.com| www.68hg.com-哪里可以查彩票真假| www.372525.com-无彩色系哪几个颜色| www.211287.com-福州快三开奖结果| QQ彩票www.89894i.com| www.08zh.com-福建省彩票网| www.156622.com-网上彩票赚钱平台| www.268503.com-竞彩猫-| www.kz93.com-购彩软件哪个好用| www.582028.com-55彩票赚钱太快吗| www.677311.com-高盛彩票-| www.779254.com-体彩助手下载软件| www.868393.com-七星彩近十期的号码| www.981588.com-黑客预测彩票| www.il95.com-天天中彩票1| www.679893.com-彩神vi注册-| www.777581.com-易盈彩票注册| www.862163.com-福彩跑马幸运彩下载| www.969051.com-刷彩金可以吗| www.uc4.com-彩票预测最准十专家| www.180031.com-福彩快3袁老师看彩| www.773177.com-恒彩彩票合法吗| www.232.red-鸿彩一百可以提现吗| www.34086.com-排列三乐彩吧论坛| www.149338.com-彩票网址-| www.706277.com-时时彩原理计算公式| www.128611.com-福彩3d宗合走试图| www.232563.com-快三走试图-| www.333580.com-福彩机器键盘功能键| www.332957.com-怎么彩票才能中奖| www.954261.com-手机时时彩网址| www.658884.com-七星彩出过豹子号码| www.597883.com-抚远彩票-| www.728073.com-鼎盛团队5分彩计划| www.4066.live-哪里可以买网球彩票| 至诚彩票www.401746.com| www.796700.com-众博彩票登录| www.912160.com-卖海南私彩犯法吗| www.974291.com-福彩3d宗合走试图| www.ak08.com-七星彩最快开奖直播| www.02978.com-体育彩票几号停售| www.871424.com-三d预测众彩网| www.931969.com-手机699彩票下载| www.977975.com-快三能赢钱-| www.bw1.cc-彩票66安卓-| www.af74.com-六i和彩今晚开奖结| www.b96.top-局王七星彩下载| www.751045.com-彩8彩票苹果| www.806992.com-七号代购彩票| www.98.me-七星彩分析预测大师| www.631652.com-七彩花-| www.248102.com-贵州快三时间| www.164886.com-红彩会彩票登录| www.511938.com-彩c788网站-| www.ej38.com-快频彩票kpcp| www.67co.com-百乐门彩票网站| www.531182.com-彩铅手绘风景画| www.875044.com-体彩销售额-| www.953093.com-足彩复式投注计算器| 彩票5www.550431.com| www.17131.com-福彩3daa牛材网| www.115041.com-淘彩票邀请码是多少| www.682666.com-福彩3d定尾公式| www.220247.com-炫乐彩票被黑十二万| www.855051.com-湖北快三开奖一定牛| www.422966.com-福利彩票售卖点| www.8628.vip-大乐透彩神通破解版| www.56560.com-彩53网站-| www.718213.com-彩票驿站是什么| www.804235.com-网上购买体彩| www.935379.com-时时彩定胆杀号| 金掌柜www.83993c.com| www.650938.com-简易儿童水彩画| www.177722.com-破解版三分快三| www.579475.com-彩票网购官方| www.697688.com-彩票资料网址大全| www.781130.com-福彩十分钟规则|