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.27277.com-彩宝网首页官方网站| www.642896.com-体彩甘肃十一选五| www.97323.com-竞彩足球对阵及澳盘| www.ds07.com-贵州快三遗漏| www.3523.cm-谦喜彩票登录中心| www.31186.com-彩票中大奖采访时| www.698357.com-时时彩投资方案| www.333783.com-时时彩网站搭建| www.687131.com-彩票大奖怎么领取| www.441173.com-彩票店中奖后有奖励| www.84ru.com-481河南乐彩| www.874965.com-信博彩票平台怎么样| www.36337.cc-今天福彩出什么号| www.301314.com-微彩排列五-| www.492307.com-甘肃快三彩票走势图| www.964170.com-彩乐乐杀和值尾| www.633138.com-时时彩计划助手| www.795276.com-百盈快三开奖| www.324719.com-七k官方彩票| www.560047.cc-足彩胜平负投注技巧| www.732273.com-河南周口订婚彩礼| www.913239.com-彩客彩票不能买| www.kp9.cc-彩票开奖大全| www.18sm.cc-重庆时时彩购买官网| www.08050.com-澳洲f1彩票-| www.112959.com-网上玩彩票快输死了| www.370982.com-易利时时彩平台返点| www.61251.cc-105官网彩票下载| www.42798.com-大发时时采彩技巧| www.201753.com-今天甘肃快三开奖号| www.483827.com-14亿彩票充值| www.350.in-中彩网福彩3d论坛| www.119444.com-江苏快三能买大小吗| www.265777.com-l福彩-| www.ap59.com-福彩3d开奖查询| www.54959.com-彩票规律心得体会| www.004216.com-湖北快三应出号| www.498577.com-分分彩倍投技巧| www.129506.com-福彩抽奖结果| www.420415.com-中博彩票开奖app| www.619792.com-老牛足彩博客| www.817675.com-福客来彩票网主页| www.617626.com-榆次福利彩票站| www.329663.com-福彩藏机市牛彩网| www.449999.cc-快乐中彩票官网| www.565484.com-大地彩票骗局| www.649696.com-彩慱888-| www.734422.com-凤彩网福彩3d预测| www.883639.com-彩票店app-| www.980635.com-做彩票赚钱吗| www.as52.com-体彩排列5开奖号码| www.925159.com-一分时时彩开奖网站| www.70386.com-彩票中奖地查询| www.9067.biz-七乐彩八个号多少钱| www.858643.com-极速快三怎么买号| www.957245.com-竞彩80802期| www.31929.cc-大乐透彩票预测专家| www.035332.com-时彩1分钟开一次| www.699220.com-e8彩票平台注册| www.838010.com-彩钢房多少钱一平方| www.049294.com-腾讯分分彩后四| www.377247.com-烟台结婚彩礼钱| www.85jw.com-足彩开奖时间每天| www.36gf.com-福彩3d猜2d奖金| www.3240.xyz-彩879是什么平台| www.ju76.com-七星彩规则-| www.r06.com-体育彩票怎样玩| www.084581.com-快三怎么下载走势图| www.696323.com-湖南福彩开奖查询| www.949380.com-盈彩的试玩彩票取出| www.cc82.com-彩票开奖快3| www.6715.top-好彩又一鲜酒家| www.88144.cc-手机改ip赚彩金| www.554332.com-福彩双色球解析| www.086083.com-乐彩彩票平台安全吗| www.906171.com-江苏快三专家| www.127045.com-代理长沙快三| www.272221.com-投诉博牛彩票| www.422719.com-彩民乐三d图库| www.7283.biz-彩票有什么类型| www.794064.com-公务员能不能买彩票| www.465940.com-18085期足彩| www.498027.com-五分彩有什么技巧| www.1972.org-巨龙彩票手机版| www.706145.com-那个网上幸运彩| www.52332.cc-8k彩票网址-| www.fi52.com-福彩3d10分钟| www.668.red-今天福彩彩报| www.5186.wang-中国体彩有哪些| www.15370.com-浙江省福彩管理中心| www.52475.cc-唯彩看球下载| www.88976.cc-官方认可的彩票软件| www.3400.cn-旺彩3d专业平台| 彩民网www.caim4.com| www.388623.com-互联网彩票牌照| www.633190.com-竞彩篮球平局怎么办| www.840838.com-彩票中奖怎么交税| www.986392.com-竞彩篮球比分玩法| www.039191.com-u9彩票数字彩购彩| www.817581.com-杭州彩票快三| www.585328.com-网易杀号专家时时彩| www.r88.top-福利彩五等奖多少钱| www.mt26.com-中彩网历史开奖软件| www.526649.com-紫竹彩票-| www.851511.com-淘宝上怎样买彩票| www.940144.com-重庆福彩官方网| www.990092.com-湖北快三走-| www.bv7.com-456好彩票-| www.wo37.com-广西福彩官方客户端| www.8826.vip-八一彩票网-| www.567807.com-体育足彩比分直播| www.668785.com-老熊说彩专家| www.175127.com-手机快三投注网站| www.276208.com-七星彩复式投8| www.362931.com-羽泉彩虹吉他谱| www.086970.com-七乐彩中奖等级杏绚| www.201888.com-十分快三在线开奖| www.272101.com-立彩助手下载安装| www.40334.cc-9万彩票9wcc| www.6982.net-买的彩票如何注销| www.57262.cc-锋彩直播ios版| www.783046.com-福彩11选5开奖号| www.948790.com-美国彩票种类| 幸运彩票网www.33598j.com| www.bv79.com-中彩网极速快3技巧| www.37bg.com-福彩双色球哪天开奖| www.965199.com-福利彩票买号规则| www.cp2855.com-福建体育彩票| www.679033.com-高频彩走势图| www.396892.com-下载多彩宝-| www.306328.com-三晋福利彩票网| www.3127.cc-体彩排三走势图排| www.233888.com-福彩3d怪字神贴| www.647547.com-今天的体彩开奖公告| www.826763.com-网购彩票注册| www.7356.org-体彩双色球中奖号码| www.55850.com-k彩最新版本下载| www.067840.com-网上买彩票有赢的吗| www.286198.com-福彩快三浙江| www.463728.com-万豪彩票提现可靠吗| www.154974.com-足彩妖刀专家推荐| www.069367.com-福彩15选5开奖| www.669835.com-体彩有几号码| www.852055.com-体彩七位数按顺续吗| www.970834.com-高频彩票漏洞赚钱| www.eg10.com-百姓彩票49-| www.638573.com-上海彩票店怎么申请| www.875.cm-少儿彩铅画作品| www.9549.cc-重庆时彩全天计划群| www.91118.com-快开彩票软件下载| www.061921.com-彩客彩票中奖提不出| www.8677.loan-福彩第一彩票开奖| www.771921.com-汇盛国际时时彩| www.960402.com-盐城彩票中一亿领奖| www.mw5.cc-彩票2元网-| www.06hh.com-星空简笔画彩铅教程| www.3976.cc-球赛竞彩app| www.66vx.com-七乐彩每天几点开奖| www.0367.me-大地彩票下载安装| www.977172.com-国家法定彩礼| www.cp8669.com-人人快三登录| www.105901.com-彩票开奖排列三预测| www.155413.com-极速快三怎么看走势| www.835993.com-好彩玩法技巧|