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.971227.com-球探彩票app| www.339336.com-深圳福彩最新| www.021587.com-幸运分分彩计划软件| www.085857.com-709时时分分彩票| www.52913.com-彩票站干黑彩| www.99zw.cc-百度中怎样找到彩票| www.794379.com-重庆时时彩万能三码| www.916355.com-自己搞私彩被骗报警| www.982741.com-682彩票-| www.gz10.com-八号彩票是骗局揭秘| www.123063.com-新一代团队彩票计划| www.267698.com-彩票这么玩-| www.365414.cc-齐鲁福彩群英会| www.814412.com-今日体彩3开奖号| www.oj67.com-福彩快3兑奖规则| www.56mp.com-糖果派对彩球图片| www.2608.wang-体彩6+1规则| www.88ht.cc-彩票试玩账号兼职| www.748670.com-福彩快3邀请码| www.hg03.com-甘肃快3购彩小贴士| www.026554.com-博彩类app开发| www.181.pw-初二彩铅画动漫人物| www.9222.tv-中航彩虹股票行情| www.62540.com-永利彩票是黑彩吗| www.445629.com-彩票平台搭建教学| www.537957.com-七彩色中-| www.2803.in-七星彩直播开奖在线| www.082065.com-哪个软件可以玩快三| www.111124.com-彩民村app-| www.177651.com-快三大小单双漏洞| www.246960.com-七星彩中奖概率| www.315346.com-重庆时时彩平台6| www.413456.com-网易中华彩不下分| www.h04.com-七乐彩走势图彩宝网| www.34ny.com-免费预测彩票| www.8196.loan-彩票买马是什么意思| www.125334.com-彩票刮刮奖真坑| www.039365.com-彩民之家开机号| www.384944.com-七星彩七金码版| www.80ni.com-盛世彩票客服| www.777550.com-赚钱彩票app| www.lk33.com-天天中彩官网| www.790958.com-今天广西快三结果| www.956285.com-买彩票应用-| www.ug69.com-体育彩票开奖11号| www.870262.com-广西快乐双彩走势图| www.948329.com-彩吧论坛cai| www.993040.com-足彩贴吧-| www.bq92.com-彩票走势图app| www.363432.com-双彩虹的寓意| www.926338.com-彩77安卓版下载| www.83fe.com-最新网站注册送彩金| www.by85.com-彩票招商术语大全| www.801074.com-购彩软件骗局| www.733814.com-福彩水果农场| www.891721.com-现在038彩票| www.cp7737.com-我们168彩票网| www.578921.com-福彩3d专家杀码图| www.678182.com-福彩预测形态| www.772852.com-大发时时彩有漏洞吗| www.859287.com-916彩票手机版| www.926139.com-哪个国家彩票最可信| www.977888.cc-足彩3串1什么意思| www.mm2.com-分分快三怎么看走势| www.65wh.com-彩金高反水-| www.3002.vip-快三移漏号码| www.764446.com-四场进球彩对阵| www.np09.com-福彩双色球机选| www.340231.com-下载旺彩彩票软件| www.599499.com-如何提高彩票店销量| www.720003.com-7星彩如何算中奖| www.870252.com-福彩3d组选计算器| www.505290.com-竞赢彩票真的假的| www.655477.com-王牌彩票破解| www.83xe.com-彩票亭买什么| www.268392.com-乐彩网3d字谜| www.389364.com-东莞长安福利彩票店| www.538625.com-时时彩中央新闻| www.33br.com-乐彩城信誉彩票网| www.763332.com-时时彩6期必中| www.832455.com-彩吧助手双色球随机| www.896685.com-彩票自动投注方案| www.962926.com-星彩票app下载| 华彩www.71399y.com| www.ho98.com-足彩2串1不败公式| www.789132.com-竞彩店app-| www.903248.com-彩票遗漏数据分析| www.984090.com-好运彩快三下载安装| www.ix44.com-彩票买大小有规律吗| www.76057.com-温州体彩转让| www.029736.com-网络彩票平投技巧| www.089905.com-快三如何做代理| www.37mh.com-乐购a彩票-| www.2883.cm-福满天体彩店客服| www.747407.com-红8彩票-| www.878536.com-彩票网投骗局揭秘| www.976635.com-古交彩礼价目表| www.xj44.com-鑫彩网彩票推荐| www.899743.com-邯郸福利彩票站转让| www.378430.com-体彩358开的啥| www.529891.com-中国彩礼最高的地方| www.668870.com-体彩排列三图吧| www.no54.com-彩票计算器大乐透| www.2892.cc-新浪竞彩必发交易量| www.801213.com-旺旺彩票菲律宾注册| www.320408.com-百宝彩一上海快3| www.556994.com-28彩下载-| www.672279.com-免费领取彩金| www.378004.com-高价彩礼害死人| www.092269.com-福建福彩3d的中奖| www.191103.com-快三吉林走势图解| www.466928.com-彩票走开奖势图| www.j24.tv-今晚福彩是否开奖| www.44lv.com-七彩影院影讯| www.0452.date-亚洲彩票信誉平台| www.5139.cm-湖北快三出号统计| www.12820.com-江苏球彩票-| www.612956.com-老9乐购彩票平台| www.044476.com-江苏福彩东方6十1| www.17zv.com-什么的彩虹桥| www.0812.net-锋彩直播app下载| www.185068.com-彩票66安卓-| www.306595.com-盈盈彩app-| www.444155.com-最精准彩票计划| www.554070.com-庆重时时彩软件分析| www.r30.cn-上海快三推荐号码| www.92uu.com-狂三本子彩第三| www.pz80.cc-怎样下载新彩网| www.35eh.com-新乡2019彩票| www.482327.com-玩全球彩票合法吗| www.565480.com-彩吧图库l-| www.639674.com-竞彩店销量-| www.704598.com-八亿彩票网址| www.777198.com-七星彩大赢家| www.098632.com-福彩在线购买| www.490724.com-三度博彩论坛网址| www.055073.com-有彩色复印吗| www.133210.com-彩钢围挡板设备厂家| www.435379.com-贵阳北站有彩票店| www.258173.com-大奖快三计划网址| www.224301.com-快三对几个号中奖| www.369570.com-旺旺时时彩计划软件| www.681816.cc-吉林快三所有号图片| www.117526.com-搜狐彩票资讯| www.067308.com-时时彩可靠网站| www.34946.com-福建快三走势一定牛| www.022151.com-神州彩票方下载| www.887550.com-下彩网正规吗| www.968157.com-中港彩票网登录| 99彩票www.062166.com| www.803126.com-体育彩票app骗人| www.875794.com-中国福利彩票恒大网| www.942727.com-彩票代理刷流水会员| www.982549.com-同城体育彩票网| www.ie5.cc-福彩快乐彩-| www.23is.com-既时竞彩比分直播| www.306955.com-江西福彩网开奖| www.436212.com-大信彩票贴吧| www.631308.com-新浪乐彩app| www.7402.org-足球彩票交流群| www.35363.cc-大发快三作假吗| www.7750.vip-风彩彩票是骗局吗| www.45015.com-微彩站是哪里出的| www.44hz.com-竞彩足球跟单倍投|