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天

知道了
1分快三 www.16450.com-彩票人工预测计划| www.446332.com-广州羊城晚报好彩版| www.569862.com-十分快三下载| www.950969.com-中彩是骗局-| 500彩票www.738500.com| www.1022.vip-彩票公式计算法| www.669502.com-凤彩的意思是什么| www.188638.com-彩票怎样算长龙| www.002317.com-新西兰快三怎么样| www.094984.com-福彩销售-| www.242403.com-黑龙江畅豪快三| www.391858.com-福彩3d魔图表| www.662075.com-彩票双色球出号规律| www.759151.com-万彩吧彩票高手| www.867125.com-周五是什么彩票开奖| www.940073.com-休彩票-| 福利彩票www.8039r.com| www.3033.cm-快三根据什么开奖| www.18vl.com-银川彩票转让信息| www.ta10.com-怎样学会买彩票| www.39sz.com-七星彩抓码办法| www.302798.com-彩中堂xyxxcc| www.867.link-黑客会攻击彩票网么| www.08593.com-3d彩票-| www.52133.cc-戚泥丝彩票软件| www.790523.com-幸运快三开奖查询| www.585009.com-中国彩吧论坛首| www.696422.com-竞彩对冲国家会管吗| www.800413.com-彩票代打是真是假| www.968584.com-中乐彩app下载| www.fk60.com-七乐彩奖金-| www.2559.win-皖快三开奖结果直播| www.2526.pw-玩彩网最新版本| www.69221.cc-众博彩票99zbc| www.815396.com-视频彩票原理| www.915523.com-竞彩258彩票网| www.lc66.cc-甘肃快三中奖金额| www.21ep.com-彩裤-| www.wg92.com-彩票开奖日期| www.484004.com-彩客苹果下载不了| www.487636.com-中国七乐彩开奘时间| www.789383.com-卡姿兰彩妆加盟店| 鑫亿彩www.196903.com| www.1615.wang-云彩网彩票正规吗| www.01072.com-海南七星彩票| www.61790.com-彩家园平台可靠吗| www.337126.com-万达智慧彩挂机软件| www.13sf.com-彩票排三开奖走势图| www.6388.shop-9288pk彩票-| www.202569.com-湖北快三两不同号| www.576389.com-足球彩票系统升级| www.660301.com-彩票历史数据分析| www.734309.com-足彩19041分析| www.811418.com-沈阳彩票站出租出兑| www.894306.com-cp彩票网收集| www.961321.com-大众彩票最新| www.ki27.com-足彩竞猜500| www.8kb.com-足彩六场半全场对阵| www.40549.com-中彩彩票qq群| www.1699.net-九龙贵宾中彩6码料| www.286481.com-体彩投注站申请书| www.579869.com-江苏快三豹子中大奖| www.844218.com-彩票买的时间| www.960409.com-黑彩平台靠谱吗| www.cp745.com-三分快三计划网| www.17cx.com-彩票经营方式| www.0422.org-河南体彩481停销| www.18aj.com-七乐彩最新预测号码| www.333622.com-买彩票怎么看| www.483795.com-福利彩票亭-| www.639742.com-牛牛28彩票-| www.728633.com-体彩2009走势图| www.588352.cc-球彩臺-| www.sn46.com-时时彩固定6码胆| www.52828.cc-黑彩的庄会赔吗| www.753932.com-网络彩票坑-| www.gx12.com-彩票大全下载软件| www.09ry.com-双色球字谜彩吧论坛| www.2523.cc-体彩的缺点-| www.9839.cm-古建筑彩绘颜料配料| www.6409.org-九歌彩票更名了| www.4288.cc-篮彩神棍区狗哥| www.9454.org-体彩半全场什么意思| www.907597.com-彩票代理会判刑吗| www.980741.com-利彩彩票网免费下载| www.to80.com-下载百宝彩票网| www.9st.com-微博彩票不能买了| www.53ra.com-3d胆码村彩票达人| www.998193.com-经典彩版808版| www.je67.com-3d福利彩票下载| www.1wz.com-彩色打印机家用| www.63bn.com-彩票o2o犯法吗| www.jp0.com-时时彩胆拖组六胆拖| www.1401.xyz-福利彩票交税率| 爱彩乐www.162918.com| www.087095.com-辽宁福彩禁止充值| www.7882.pw-时时彩赢钱了还想赢| www.539354.com-福彩店会卖假彩票吗| www.652186.com-中国体彩网开奖号| www.823582.com-彩凃钢板-| www.640.tv-买黑彩报警有用吗| www.620196.com-足球500万彩票网| www.134658.com-中国福体彩票| www.318426.com-福彩双色球复式玩法| www.26129.cc-彩虹歌词羽泉含义| www.94jl.com-彩票盘口出租平台| www.629058.com-快三12和值-| www.1799.com-天气网彩吧图| www.117991.com-分分彩赢彩计划| www.720370.com-贵卅快三彩开奖| www.804266.com-福利彩票网上买| www.876641.com-体彩p3开奖时间| www.950636.com-彩票交流群论坛| www.990481.com-福彩三地谜语| www.ft0.cc-新浪数字彩票预测| www.oo51.com-陈赫中奖的彩票| www.0226.xyz-彩神通试机号金码| www.12et.com-欢腾彩-| www.617339.com-排列三开机号家彩网| www.463609.com-体彩3d走势-| www.65517.cc-lol炫彩皮肤官网| www.38538.com-云彩店正规吗| www.033693.com-7星彩机选一注| www.414108.com-关于精彩-| www.e13.org-北京快三个位走势图| www.396013.com-福彩放假停售| www.060664.com-买黑彩票的人犯法吗| www.1350.me-新浪彩票动态澳盘| www.91vw.com-刷优胜赚彩金| www.143594.com-彩票模拟摇奖器下截| www.21795.cc-天天签到存款赠彩金| www.092791.com-松原快三开奖走势图| www.51vv.com-水彩教-| www.394234.com-极速分分彩开奖结果| www.536936.com-168彩票官网下载| www.723.live-河内时时彩开奖链接| www.040688.com-凤凰v彩票主人| www.526208.com-时时彩诈骗在哪报案| www.594068.com-福彩双色球机选器| www.661652.com-体彩的什么限制了| www.762725.com-神圣彩票网址| www.840480.com-赢彩任九软件下载| www.905810.com-祥云瑞彩图片| www.964238.com-彩票什么是平刷| 500彩票www.52072o.com| www.ev46.com-彩票任三技巧| www.18zc.com-黑彩是犯法吗| www.823453.com-竞彩购买大厅500| www.85538.cc-福彩3d计划app| www.108996.com-地下六仺彩今晚开奖| www.214535.cc-体彩做庄-| www.370.biz-诚信彩票登录网址| www.15218.com-hk百彩网免费大全| www.17784.com-竞彩跟单网-| www.37789.com-苹果博彩-| www.96222.com-体彩足球胜负推荐| www.3358.in-彩中彩是什么| www.802702.com-玩赚彩票下载| www.879585.com-网投彩票赚钱安全吗| www.961197.com-竞彩猫今天直播| 豪彩VIPwww.qin618.com| www.499836.com-高频彩必输-| www.772696.com-时时彩的最新漏洞| www.873249.com-体彩大乐透贴吧论坛|