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.83cj.com-中国移动和彩印下载| www.7558.win-足彩外围几十种玩法| www.176386.com-快三猜一个号就中奖| www.493005.com-江宁区众彩物流搬迁| www.00722.cc-彩名堂旧版本| www.057410.com-彩界过客3d四胆| www.173692.com-私彩有哪些平台| www.961947.com-彩票能预测吗| www.234489.com-微信卖彩票-| www.751318.com-福利彩票网上投注站| www.200378.com-123彩彩票网| www.327076.com-澳洲五分彩走势图| www.510.hk-中国彩票破解方法| www.7366.net-我附近的彩票| www.043799.com-福彩每日杀码| www.107667.com-合肥竞彩销量| www.047655.com-e乐彩-| www.382590.com-澳洲28彩票系统| www.595952.com-甘肃体彩七星彩| www.899651.com-幸运彩基本走势图| www.jx79.com-手机破解彩票软件| www.73mk.com-彩宝贝定胆之王| 500彩票www.501347.com| www.381849.com-少女前线春田全彩本| www.5730.wang-公司彩票-| www.37286.cc-新星彩幸运快3| www.092670.com-竞彩二串一稳赢表| www.301772.com-北京快三助手图片| 彩客博www.8667f.com| www.654523.com-深圳福利彩票机转让| www.760192.com-时时彩三星遗漏| www.173932.com-彩神vl-| www.513007.com-优彩社区与生肖八卦| www.525052.com-澳客彩票安卓版下载| www.982205.com-贵阳福彩网-| www.ds25.com-玩极速快三能赢钱吗| www.348481.com-彩票猜大小走势| www.8558.tv-牛蛀彩票-| www.818480.com-彩乐汇是干嘛的| www.972714.com-彩铅初学-| www.tb88.com-必赢彩票时时彩| www.002955.com-福彩3b字迷总汇| www.451989.com-时时分分彩网址| www.930539.com-体彩六加一规则| www.cai4545.com快三单双大小技巧| www.501798.com-怎么下载k8彩票| www.586355.com-香港彩缘网最快报码| www.736262.com-上海彩票官网| www.835961.com-今晚体彩排列五开奖| www.930522.com-彩90彩票下载安装| www.998345.cc-快三单双大小计划网| www.hj69.cc-湖北快三一共多少期| www.182029.com-福彩快三新规定| www.871888.com-友恒陕西利彩快三| www.4603.cc-大渡口彩民-| www.13pz.com-福彩3一定牛走势图| www.1315.pw-体彩顶刮呱展示票| www.7444.cc-体彩店那里开最好| www.35978.com-福彩7加2多少钱| www.313210.cc-乐彩双色球字谜图谜| www.576604.com-手机版粤淘彩票| www.38193.cc-彩神网站是正规的吗| www.2083.vip-江苏福利彩票七乐彩| www.677579.com-章鱼彩票下载| www.790883.com-贵烟好彩多少钱| www.401336.com-uk彩官网-| www.518531.com-打开彩票开奖查询| www.793863.com-交友博彩骗局| www.085577.com-彩票中奖推荐| www.160352.com-彩票20选8规则| www.539017.com-众乐彩票是什么| www.951435.com-彩22平台安全吗| www.cp0658.com-彩票修改器多少钱| www.729001.com-南方双彩开机号| www.810887.com-彩尊平台怎么样| www.882191.com-彩票计划师是真的吗| www.132412.com-河南叶县结婚彩礼| www.4071.org-3的走势图彩吧助手| www.7358.xyz-菲律宾1.5分彩| www.561643.com-赢彩快三怎么玩稳赚| www.468673.com-彩票休市-| www.894093.com-财神彩-| www.il73.com-彩票齐鲁风采| www.8rq.com-彩票站用的键盘| www.127260.com-gv彩虹世界论坛| www.893678.com-可2角买彩票网| www.69417.com-神州乐彩靠谱| www.352225.com-完美彩票i首页登录| www.80tc.com-福彩十选八-| www.240271.com-免费彩票计划软件| www.57ti.com-中彩那天板书设计图| www.247867.com-买彩快3彩票软件| www.23pn.com-武汉福彩快三规则| www.ro12.com-江苏彩票平台登录| www.734768.com-百度福彩3d走势图| www.5465.cn-快三最热号是什么| www.13kl.com-美国好彩烟在哪里买| www.404560.com-玩彩票能不能挣钱| www.555730.com-西藏快三开奖| www.690351.com-19047期胜负彩| www.797693.com-彩民彩票撤销订单| www.896959.com-中福网彩票下载| www.hu74.com-五分快三走势图开奖| www.464832.com-l75oo乐彩网吧| www.472628.com-彩迷朋友大家好| www.2166.site-澳门永利彩票的真假| www.751229.com-彩票巴巴是正规的吗| www.375342.com-福彩视频开奖直播| www.383231.com-体彩笫19029期| www.480655.com-澳门三乐彩开奖公告| www.870743.com-必发彩票开奖直播网| www.935219.com-彩乐网手机最快开奖| www.980264.com-彩票cp12下载| www.cp9200.com-中彩彩票是真的吗| www.mg1.com-彩经网甘肃快三| www.ma90.com-时时彩个位必中口诀| www.lf12.com-505彩票软件| www.873953.com-乐和彩官网下载| www.967325.com-彩票qq群拉手| 天玺彩票www.490780.com| www.ja25.com-仲博彩票-| www.gz91.cc-北京快三最晚几点| www.369130.com-天吉彩票代理犯法吗| www.547025.com-澳客彩店骗局| www.508569.com-七星彩中吉号有奖| www.761415.com-封神传好彩妹| www.910271.com-体彩开奖中国竞彩网| www.965864.com-新国际彩票app| 全民彩票www.53531.cc| www.637788.com-七星彩今天画规律| www.697565.com-时时彩代玩是真的吗| www.761952.com-足球竞彩彩票软件| www.817803.com-分分彩官网开奖| www.878024.com-彩票的开奖信息| www.934691.com-福彩天齐网站| www.976599.com-四川宜宾目前彩礼| 爱彩乐www.834918.com| www.hh45.com-肥强彩经app| www.vr70.com-彩票双色球开奖规则| www.836105.com-丰彩彩票安全吗| www.401311.com-七星彩49组头尾准| www.662310.com-龙虎时时彩怎么代理| www.712257.com-内蒙体彩泳坛夺金| www.896123.com-足彩合买app| 乐彩赢www.0014q.com| www.v60.com-足球彩票术语| www.91676.cc-日版好彩香烟好抽吗| www.062493.com-江苏体彩任选五| www.594880.com-三彩羽绒服女装| www.666257.com-乐彩33是干什么的| www.722934.com-彩之网实时数据统计| www.216172.com-彩票计划app下载| www.266124.com-高频彩开奖时间调整| www.799111.com-体彩票超级大乐透| www.897184.com-彩票计划群有赢的吗| www.963287.com-福彩块3分布走势图| 好彩头彩票www.23579f.com| www.ey78.com-下载重庆时时彩| www.2800.com-福彩3d中奖图片| www.42098.com-彩票不好吗-| www.857786.cc-速盈彩计划-| www.251354.com-中彩怎么搜不到了| www.302763.com-微采网彩票-| www.352879.com-彩票软件为什么停售|