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.746990.com-云彩彩票-| www.39724.com-爱彩彩票网是真的么| www.10050.com-竞彩足球凯利方差| www.962119.com-下载中国体育彩票网| www.15815.cc-少儿卡通狗彩铅画| www.033534.com-怎么合作彩站宝| www.50105.com-悟空彩票app| www.109390.com-金利彩票是怎么回事| www.256822.com-购彩助手app下载| www.402660.com-新浪爱彩怎么买| www.662718.com-彩票今日开奖吗| www.189453.com-人人彩下载-| www.11xe.com-黄鹤楼大彩抽法视频| www.178121.com-福彩快三什么意思| www.256757.com-安徽快三3同号| www.323917.com-新加坡福利彩票开奖| www.8293.xyz-彩票输了二十万| www.103415.com-体彩开奖大乐透| www.26mr.com-华彩人生下载| www.5988.wang-山东体彩排列三推荐| www.29719.cc-快彩是什么网站| www.163037.com-大发快三提现没到账| www.247199.com-3地福彩字谜| www.850557.com-开封通许彩礼多少钱| www.954968.com-福利彩票走势图表| www.12ij.com-无彩色系是指| www.333340.com-豪彩vip-| www.52556.cc-下载好彩网网站| www.045138.com-彩83平台-| www.306611.cc-福利彩票怎么买号| www.453390.com-彩票中奖去哪领取| www.592329.com-600w彩票软件| www.739420.com-乐发彩票下载软件| www.353760.com-都有哪些人中了彩票| www.639949.com-足彩外围大小球玩法| www.798071.com-广东11选五彩乐乐| www.934580.com-掌上娱乐彩票苹果版| www.9595.hk-精彩十分中奖| www.10444.com-云南福彩快乐十分遗| www.11506.com-彩乐乐的网址| www.385189.com-吉祥彩手机版下载| www.659531.com-全民彩足-| www.762687.com-人人彩票是官网吗| www.925442.com-天齐网体彩双胆预测| www.cj47.com-安徽快三在线计划网| www.6484.vip-七乐彩对了四个号码| www.39375.com-公牛彩票app下载| www.5441.vip-福彩3b开奖号码| www.55070.com-澳洲时时彩是什么| www.678215.com-福彩d取独胆文章| www.762068.com-贵阳彩色复印机租赁| www.853343.com-体育彩票怎样打票| www.913819.com-中国彩平台-| www.974790.com-彩票开奖查询44期| www.he06.com-湖北福彩快乐十分| www.96371.com-体彩收益分配| www.95005.com-彩妆加盟店招商| www.8808.online七彩直播apk| www.11467.com-刮刮乐福彩app| www.130009.com-234彩票软件下载| www.271120.com-8亿彩app-| www.508221.com-头彩网官网-| www.9471.vip-东方全彩汉化本子| www.692672.com-网上小彩票-| www.006165.com-好彩2中奖奖金多少| www.f28.club-福乐彩靠谱吗| www.63pz.com-霍德华彩票理论计算| www.8894.com-浙江体育彩票网站| www.49973.com-彩票6十1生肖中奖| www.035520.com-至尊彩app安装| www.408105.com-足彩十四场比分结果| www.540003.com-福彩3d限号-| www.612700.com-飞艇彩票怎么玩法| www.757538.com-网上倍投彩票挣钱吗| www.827755.com-彩66平台安全吗| www.958418.com-满堂彩58599| www.aa19.com-快三开奖结果河北着| www.162779.com-金海特彩票网免费| www.327827.cc-下面彩票开奖大全| www.448663.com-6538彩票-| www.6958.wang-重庆十分彩是什么| 东方国际www.144428.com| www.826775.com-体彩店内部装修图片| www.081235.com-李永乐老师揭彩票| www.10ed.com-体彩排列三试机号码| www.624.date-网赌时时彩输| www.7197.biz-彩票中奖个税税率表| www.21920.com-红宇体彩店链接| www.41276.com-中彩了的意思| www.67726.cc-国民彩票是赌博吗| www.298392.com-福彩3d开奖奖号码| www.325713.com-今晚七星彩预测头尾| www.696039.com-七乐彩走势图乐彩网| www.863026.com-胜负彩19032| www.967666.cc-彩票网计划群| www.ag97.com-123彩票走势图| www.029586.com-什么是利彩-| www.454755.com-皇冠时时彩下载| www.706163.com-福彩走势图新浪爱彩| www.425.me-pc快三真假-| www.4234.vip-七彩影官网下载安装| www.528922.com-体彩机器怎样打竞彩| www.675928.com-天天彩票官网购买| www.678863.com-四季彩怎么申请代理| www.753579.com-qq彩色名称-| www.846990.com-福彩3d中国福彩网| www.1576.vip-粘彩宝是什么平台| www.8651.loan-买彩票错了一位数| www.42686.com-下载彩票彩宝贝导航| www.966758.com-宝马彩票网址| 凤凰彩票www.77803k.com| www.021133.com-老谢说彩专栏| www.42ba.com-体彩开奖查看软件| www.94466.com-体彩竞彩篮球推荐| www.773397.com-福彩3d过滤程序| www.680.in-uu直播购彩大厅| www.759028.com-微彩点播下载| www.887.site-彩铅古风背影人物画| www.30130.cc-体彩竞彩审批| www.029580.com-宝利彩票平台| www.146577.com-体彩排列三和值表图| www.257199.com-彩票代打拿佣金兼职| www.439003.com-游戏机彩票机故障| www.620790.com-乐盈彩票计划| www.737367.com-福彩三d开奖号是| www.999005.com-彩乐汇安全吗| www.qt01.com-福彩初创期-| www.53qo.com-49c彩票集团| www.5087.cn-74年属虎人买彩票| www.37326.com-俄罗斯彩蛋珠宝| www.87084.com-宁波快乐彩12选5| www.096248.com-众彩网子墨-| www.090.me-博彩支付-| www.5200.in-信誉好的竞彩2串1| www.007338.com-体育彩票店怎么申请| www.362812.com-快乐彩前三直选走势| www.069063.com-信博彩票平台可靠吗| www.18aj.com-七乐彩最新预测号码| www.22183.com-c58.彩票-| www.454147.com-中国竞彩宣传平台| www.531983.com-老版彩库宝典下载| www.650014.com-博彩是骗局-| www.766993.com-竞彩网比分直播直播| www.937798.com-怎样注册易彩娱乐| www.tv26.com-网赌快三押大小| www.7693.biz-幸运分分彩人工计划| www.59116.cc-中彩易彩票-| www.057699.com-澳门5分彩实时开奖| www.941236.com-彩票对冲套利方法| www.w49.cc-天彩粮餐饮-| www.9668.pw-彩独2绘图09| www.88016.com-世纪佳缘男彩票托| www.258581.com-彩客网比分完整比分| www.385077.com-盛世彩票导-| www.555670.com-体彩大乐透走走势图| www.722700.cc-足彩竟猜比分直播| www.fh45.com-百盈快三六六顺彩票| www.33xg.com-局王七星彩和排列五| www.3889.vip-苏宁体彩-| www.242766.com-福彩在线app| www.553777.com-足球竞彩延期怎么算| www.927002.com-江苏快三计划大师| www.655.cm-圣地彩-| www.76006.com-温州福彩店转让信息|