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.zs89.com-彩35彩票网站| www.8836.wang-合创彩票app| www.57525.com-江西快三购买技巧| www.6729.com-新会员布衣彩吧图库| www.021465.com-三d彩吧全图| www.201969.com-彩71用户注册| www.fn79.com-贵州福彩中心位置| www.356857.com-彩票复式例子| www.68969.cc-尊彩可靠吗-| www.066277.com-900彩票官网| www.152308.com-988彩票网平台| www.233931.com-快三游戏是啥意思| www.313227.com-用你ip代玩彩票| www.9287.vip-乐彩写真机好吗| www.505307.com-微信皇乐彩票| www.ig.com-福彩中心-| www.sn17.com-非法经营网络彩票| www.623292.com-红牛娱乐彩票是什么| www.730717.com-重庆时时走势图彩经| www.832081.com-彩票站图片-| www.902404.com-手机体彩app| www.967379.com-彩票群违规-| 博友彩www.875957.com| www.jd13.cc-14胜负彩开奖结果| www.016888.cc-游戏厅彩票机的套路| www.486412.com-竞彩足彩和中奖规则| www.10eg.com-七星彩走势图宝贝| www.381352.com-用微信买实体店彩票| www.625909.com-双色球彩宝贝预测| www.218628.com-快三的平台有哪些| www.975224.com-博牛彩票快三| www.408844.com-大公鸡七星彩画板| www.567184.com-福彩店几点可以关门| www.750421.com-豪彩官网-| www.883247.com-快开彩票网址| www.999060.com-彩乐汇网址-| www.fs09.com-快三直播间-| www.am79.cc-福利彩票快三预测| www.yj77.com-快三15期倍投| www.2820.cm-什么彩票平台可靠| www.518650.com-乐彩关注码-| www.639451.com-体育彩票门店| www.lo4.com-福彩河南快3开奖| www.u13.biz-思乐彩票督导员| www.92se.com-鼎丰彩票彩种| www.88278.cc-红包彩票主播火火| www.268248.com-彩民彩票app正规| www.356006.com-漫威dc本子全彩| www.082175.com-118彩票靠谱吗| www.691682.com-福彩管理中心网| www.798081.com-金凤凰福彩3d| www.875924.com-幸运时时彩是骗局吗| www.947227.com-体彩有快三吗| 福彩www.2109g.com| www.en41.com-快三杀一码技巧| www.tz15.com-体彩术语解释| www.k83.top-玩赚彩票官网| www.175611.com-福彩快3助手免费版| www.lw72.com-好彩3开奖号码查询| www.74ru.com-体彩怎么算中几等奖| www.9378.shop-cc在线彩票-| www.589093.com-竞彩篮球实时比分| www.9933.tv-中彩网专家推荐预测| www.013627.com-玩五分彩有规律么| www.88714.com-彩票pk888-| www.147462.com-竞彩足球大小球玩法| www.306663.com-人人中奖彩票| www.cai6822.com快三走势图甘肃形态| www.323856.com-彩78靠谱吗-| www.709436.com-今天体彩大乐透领奖| www.858324.com-足彩大赢家任选九| www.975847.com-河南彩礼文件| www.qn26.com-pc彩票是什么意思| www.76po.com-几点后不能买彩票| www.5900.xyz-重庆万州体彩总部| www.do67.com-时时彩有什么规律嘛| www.97152.com-十三五计划彩票| www.567412.com-中彩网广东-| www.673238.com-236彩票app-| www.777663.com-欢乐十分彩开奖结果| www.9194.cc-秒速时时采彩| www.345150.com-彩票互联网重启| www.565356.com-福彩3d怪字帖今天| www.685868.com-下载国际福利彩票| www.979912.com-多赢彩票平台官网| www.sy10.com-体彩七星彩如何玩| www.072881.com-六亿彩票-| www.215949.com-中福彩票是骗局吗| www.401966.com-七星彩七星彩综合版| www.7069.cc-555彩票网合法吗| www.863126.com-彩票平推一天| www.9949.cc-我彩票图纸-| www.52575.cc-国冠彩票-| www.113465.com-支付宝买不了彩票| www.209344.com-黑彩怎么干-| www.849848.com-那个时时彩平台安全| www.330198.com-3d彩吧库图第一版| www.03636.com-七星彩如何打才赚钱| www.714604.com-瑞彩彩票是骗人的吗| www.788742.com-中国体育足彩竞彩网| www.855675.com-福彩3d彩先知网址| www.911205.com-福利彩票奖项| www.966992.com-百万富翁彩票| 大赢家彩票平台www.371931.com| www.359539.com-体育彩票要怎么选号| www.422542.com-如何申请卖福利彩票| www.518648.com-如何购买美国彩票| www.385277.com-彩票王素英-| www.045006.com-彩神通app-| www.525009.com-世界最大的彩票公司| www.592327.com-彩票77苹果版下载| www.596849.com-海南时时彩玩法| www.2326.net-博彩返水比例| www.252275.com-中彩在线公司| www.965171.com-博彩租卡-| www.42789.cc-天津市福彩中心| www.998485.com-福彩快三手机平台| www.30570.com-愚人节彩票-| www.040019.com-8号彩票官方网站| www.852661.com-中国体彩在线| www.666046.com-七星彩啥时候开奖| www.072119.com-广东好彩一最新开奖| www.836583.com-香港牛蛙彩资料大全| www.007307.com-福彩时时彩怎么玩法| www.893365.com-七乐彩手机选号| www.v01.site-山西省福利彩票网| www.96ql.com-彩票平台首充送彩| www.98mq.com-黑彩举报网站| www.82959.com-幸运5星彩票| www.369426.com-916福利彩票| www.556388.com-体彩大乐透中奖故事| www.668649.com-彩票冷热分析怎么看| www.116599.com-彩乐乐杀号3d| www.967943.com-彩票开奖网易彩粟| www.tt35.com-全发彩票app| www.10.bid-寒香公主体彩断组| www.672902.com-体彩五星彩查询结果| www.22726.com-河北快三走路| www.787842.com-河南马前县彩礼规定| www.070317.com-乐8彩网站-| www.426057.com-福彩3d全图今天的| www.518674.com-惠民彩票是正规吗| www.67224.com-绵阳福彩申请电话| www.09ta.com-码雅彩票-| www.733093.com-南京市体育彩票中心| www.847230.com-3d彩宝网开奖结果| www.908087.cc-网上彩票销售网站| www.990051.com-在中彩玩时时彩被黑| www.99tr.com-中国福彩管理中心| www.912304.com-彩票走势图分析制作| www.987832.com-心率快三最大遗漏| www.dy11.cc-下载亿彩网aap| www.vz23.com-彩票升级维护要多久| www.618434.com-我要看彩票开奖| www.694901.com-今天竞彩推荐| www.757123.com-福彩高层如何做假| www.807147.com-足彩二串一稳赚技巧| www.866033.com-易网彩票安卓版| www.912358.com-极速快三平台| www.962181.com-彩涂铝卷厂家| 乐盈彩票www.88kcw.com| www.098768.com-官网高频彩-| www.578050.com-一分彩开奖记录| www.662941.com-彩333-|