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.75111.com-彩票属于什么职业| www.142577.com-财神8彩是不是真的| www.329708.com-qq彩票维护-| www.18uj.com-七乐彩什么时间开奖| www.hb00.com-彩票99攻略-| www.456497.com-开户送彩金的娱乐城| www.630627.com-3d东盛彩报-| www.ei93.com-彩吧牛彩论坛| www.55788.cc-7乐彩复式中奖规则| www.678796.com-注册送168彩金| www.396.live-彩登录-| www.133564.com-易旺彩票下载| www.761882.com-众赢彩票的骗局官网| www.973565.com-彩虹宝宝中文版全集| www.294744.com-湖北快三福利彩票| www.215386.com-达人彩票合法吗| www.226545.com-分分彩漏洞刷钱工具| www.483342.com-天彩粮肉夹馍加工| www.zp85.com-彩票足球竞彩| www.352665.com-小伙彩票过期| www.239185.com-湖北11选五爱彩乐| www.577536.com-招彩票代理加盟| www.682571.com-彩运8是骗人的| www.772954.com-直播彩票开心棋牌| www.872554.com-湖南福彩下载安装| www.952542.com-福利彩票中奖规律| 500彩票网www.65707x.com| www.279100.com-快三的复式投注法| www.467333.com-七星彩最迟购买时间| www.597277.com-购彩网赚钱是真的吗| www.764477.com-福彩744试机号| www.7997.cc-休彩境彩-| www.76rc.com-北京如何开彩票站点| www.607745.com-19003足彩-| www.713887.com-彩票江苏快三猜大小| www.794301.com-九州彩票赚钱可靠吗| www.630046.com-福都彩票噢门5分| www.728743.com-辽宁福彩网首页| www.802104.com-福彩3d笨笨大花猫| www.892765.com-手机购彩助手| www.756577.com-全民中彩-| www.100413.com-鸿鼎彩票app下载| 大赢家彩票平台www.351817.com| www.559144.com-彩票走势图专家统计| www.753710.com-双色球预测彩经网| www.2355.vip-七彩虹sl500| www.201069.com-浙江福彩12选5| www.948299.com-福利彩票几时开始| 大赢家彩票www.530961.com| www.717720.com-彩票占扑-| www.029549.com-新彩宝彩票官网| www.114437.com-新3d彩票怎么买| www.180421.com-网络快三合法吗| www.963514.com-菏泽单县彩礼顺口溜| 大赢家彩票www.599843.com| www.647349.com-体体彩排列三| www.813325.com-重庆彩票投注网站| www.890710.com-彩票平台倍数高| www.956577.com-博友彩票手机软件| 彩票A8www.089d.cc| www.e75.net-海南七星彩头尾资料| www.331711.com-乐彩网怎么注册| www.529069.com-热门彩票软件下载| www.l92.cc-高手彩票字谜图谜| www.796.cm-体育彩票竞彩返点| www.13322.com-非凡彩票诈骗| www.539611.com-手机如何购买体彩| www.647698.com-怀孕了玩时时彩| www.729011.com-3d南方双彩-| www.809660.com-河南体育彩票网站| www.898708.com-足彩310猜几场| www.980362.com-体彩篮球竞猜规则| www.wd3.com-大乐透彩宝业网| www.572375.com-好彩麻将怎么玩不了| www.028731.com-杏彩平台手机版登录| www.439399.com-出彩票的游戏机作弊| www.71096.cc-附近中国体育彩票店| www.951072.com-章鱼足球彩票推荐| 盛彩网www.41518p.com| www.725848.com-必中彩票可以提现吗| www.810267.com-买彩票新规-| www.881659.com-好运彩彩票是骗局吗| www.952202.com-cc彩票分分彩| www.995683.com-足彩猜比分技巧| www.bi53.com-高频快彩-| www.920214.com-福彩纽约三分彩| www.cai223.com-快三彩票在线投注| www.59352.com-天津时时彩彩经网| www.13917.cc-竞彩网是不是正规的| www.579339.com-中国风彩彩票| www.680811.com-彩票网站提现成功| www.766365.cc-时时彩充值有优惠| www.877832.com-台湾五分彩开奖查询| www.937567.com-m5彩票-| www.981752.com-手机购彩吧-| www.wk7.com-彩票开奖公告l| www.832130.com-七星彩电脑卖奖软件| www.907601.com-嘉定中奖彩民| www.967480.com-彩票计划导师微信| 优点彩票www.139620.com| www.9008.cc-乐彩彩票开奖结果| www.94dq.com-现在还有基诺彩票吗| www.011590.com-干彩票站怎么样| www.720297.com-华夏彩票线路中心| www.800774.com-梧桐彩票网址| www.892035.com-幸运赛车彩票手机版| www.971736.com-彩票天天抢红包| www.vr95.com-快三一注多少钱| www.94zq.com-多彩投众筹靠谱吗| www.599543.com-电竞体彩-| www.939218.com-雪缘足彩比分直播| www.980573.com-成功彩票平台可靠吗| www.cai0111.com北京快三一定牛| www.cai3666.com湖北快三今日开奖| www.337966.com-体彩排列三金胆| www.189964.com-体彩排三试机号| www.29525.com-酷彩彩票官网| www.v71.top-熊猫分分彩分析软件| www.136065.com-广西体彩中心在哪里| www.787911.com-彩客网指数比分直播| www.878675.com-彩神通代理会员码码| www.14uy.com-亚彩联盟平台| www.975893.com-上蔡塔桥彩礼| www.cp7220.com-快三毁人-| www.627477.com-乐米彩票吧-| www.976684.com-遂宁彩礼-| www.0526.org-纽约牛彩测速网址| www.vv8.cc-排三走势图彩宝| www.261746.com-7220彩票网-| www.289260.com-褔利彩票-| www.370718.com-四季彩平台能拿钱吗| www.134767.com-白菜网送彩金交流群| www.765985.com-彩之源登彩票登陆| www.904929.com-体彩足彩开奖| www.i24.cc-彩票开奖下载| www.99367.com-竞彩官网开奖| www.816405.com-网络购彩算赌博吗| www.883156.com-福彩3d彩吧第二版| www.939779.com-玩彩票大概率赚方法| www.981548.com-高频彩票揭秘| www.cai8989.com长春快三开奖直播| www.jg86.com-福彩中心开机号码| www.ws64.com-快三的数据分析| www.812180.com-竞彩足球实体店返点| www.308023.com-万能大发快三辅助器| www.388150.com-华彩杰鹏-| www.558336.cc-精彩中国说-| www.637907.com-中国体育竞彩店转让| www.32lv.com-体彩3走势-| www.288837.com-彩票经典句子| www.426692.com-七星彩电脑版下载| www.963296.com-彩铅花卉手绘图片| www.9972.com-国家规定彩礼钱多少| www.590135.com-七星彩号码查询中奖| www.687096.com-多彩贵州网岗位考试| www.350928.com-福彩3d和值购买| www.27.net-下期福彩出什么号码| www.735335.com-美彩票-| www.380629.com-彩票今天的开奖号| www.943839.com-登录春秋彩票| www.35yo.com-体彩顶呱刮7票| www.6756.cm-彩票相关新闻| www.kz48.com-香港澳门彩票官网| www.0po.com-流什么溢彩-|