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.7995.org-成语博彩-| www.819586.com-网络彩票分析师招聘| www.6975.xyz-福彩双色球派奖活动| www.59993.com-七星彩今晚开什| www.1379.org-799彩票官网娱| www.436939.com-2356彩票-| www.840321.com-河南481乐彩网| www.958329.com-福利彩票的奥秘| www.163.gg-了四川福彩快乐十二| www.38820.com-中彩平台-| www.397164.com-中国福利彩票计算器| www.676001.com-彩票势图表-| www.770391.com-好彩棋牌开元| www.289165.com-彩乃奈奈iv-| www.i40.tv-58彩票app下载| www.bf47.com-淘宝彩票app| www.452.biz-大发彩票是黑平台吗| www.627277.com-旺彩平台下载| www.735792.com-高薪聘请彩票分析师| www.855950.com-香港行政快三下载| www.20dz.com-幸运彩一分快3计划| www.0841.top-香港免费六会彩资料| www.11703.com-湖北快三彩票走势图| www.94993.cc-彩妆加盟店品牌| www.085750.com-安装七星彩够力长条| www.999991.com-宝彩-| www.07369.com-139彩票登录| www.71904.com-财经郎眼彩票| www.068107.com-彩票gg挂机-| www.p63.cn-体育彩票排5历史| www.95065.com-福利彩票中奖去哪领| www.729529.com-包头市彩票站点大全| www.967169.com-彩票撕烂-| www.34xb.com-彩票开票查询| www.15322.cc-遇见彩虹有什么寓意| www.259796.com-京东彩票软件| www.86080.com-彩涂钢板840| www.860525.com-上海福彩快3推荐| www.268989.com-珠江彩票能玩吗| www.456428.com-365彩票网网址| www.454216.com-二元彩票下载安装| www.943942.com-体育彩票机选中奖| www.896408.com-华夏彩票线路检测| www.241074.com-福彩走势图3d| www.023054.com-万彩吧彩票排三预测| www.129824.com-双色球中奖上亿彩民| www.303237.com-彩虹e台-| www.391693.com-世界杯彩票算法| www.3456.me-懂彩宝首页-| www.666371.com-中体彩科技-| www.414017.com-脸上挂彩了什么意思| www.446698.com-彩票软件哪个好点| www.680782.com-七星彩如何打才赚钱| www.526524.com-卖私彩犯什么罪| www.0991.net-优彩社会论坛| www.533233.com-极速快三中奖规律| www.7hm.com-离婚后中了彩票| www.110961.com-易赢彩票12cc| www.543708.com-发彩快三计划软件| www.3076.pw-明月珰七星彩| www.12968.cc-浙江体彩六加一玩法| www.58018.com-体彩大乐透兑奖规则| www.62890.com-万彩吧彩票势图| www.31551.cc-凤凰竞彩下载app| www.52tv.com-葡京彩票登录网址| www.352706.com-彩彩计划-| www.74ap.com-开黑彩店赚钱技巧| www.5284.biz-转让体育彩票站| www.18047.com-万家彩票网pk10| www.198385.com-筛子分分快三攻略| www.583050.com-制作彩票走势图| www.873226.cc-76时时彩彩票官方| www.3306.vip-彩票选冷号还是热号| www.550494.com-博彩论坛推荐| www.656208.com-福彩三的综合图| www.865925.com-缅甸时时彩诈骗| www.945356.com-乐8网彩票app| www.998874.com-美国纽约快三网站| www.578839.com-福彩店子图片| www.307861.com-白银市福彩中心| www.874480.com-新浪彩票网站首页| www.535857.com-买彩票一组几位数| www.092077.com-百信彩票网址| www.332497.com-彩票平台出黑| www.4150.win-彩虹视频app| www.79929.cc-彩票宁夏-| www.832235.com-福彩3d藏宝图| www.sm9.com-彩票规则双色球| www.11gb.com-七乐彩五分区走势图| www.59516.cc-那个彩票软件有破解| www.38639.com-幸运彩网站登入| www.93444.com-826购彩首页| www.23525.com-好彩五分快三导师群| www.9496.org-市政彩钢围挡定做| www.109013.com-红卡七彩-| www.216644.com-吉林快三二十分钟图| www.692572.com-泰国的彩票怎么查| www.269825.com-71彩票app-| www.338857.com-如何拉人玩彩票| www.42058.com-中华彩吧下载安装| www.675098.com-永恒国际彩票| www.sa14.com-500app彩下载| www.6zf.com-一日发彩票-| www.815871.com-福彩和值尾走势图| www.913059.com-好彩客真的能赚钱吗| www.12pw.com-福彩的奖号-| www.080.net-交友网拉人买彩票| www.2614.cn-博彩投注平台出租| www.217812.com-7125彩票计划网| www.730990.com-双色球易彩网机选号| www.821550.com-佩奇彩票网快三| www.892293.com-足彩怎么买稳赚不赔| www.42752.com-中彩网怎样支付| www.217363.com-彩70app官网| www.49ns.com-c9com彩九彩| www.984851.com-高频彩赚钱吗| www.bc99.com-内蒙古福利彩票手机| www.033.tv-3d云刚说彩推荐| www.4583.biz-彩票很多人买吗| www.zg0.com-北京体彩ll选5| www.722255.cc-竞彩足球彩票分析| www.795595.com-天天彩平台-| www.867155.com-体彩组选六8码遗漏| www.926566.com-一注彩票多少钱| www.an80.cc-贵州省体彩中心| www.so47.com-五星彩网站-| www.05ca.com-画彩铅阴影用什么笔| www.67gs.com-分分彩龙虎技巧稳赢| www.1639.me-爱彩票048app| www.j30.cn-注册免费彩金| www.915774.com-彩票站和超市一起开| www.01547.com-彩天下代理申请| www.535063.com-打生肖是什么彩票| www.x21.me-每周彩票开奖时间表| www.2106.vip-彩虹七号游戏全名| www.019032.com-苏州体彩兑奖中心| www.953053.com-1700九州彩票| www.017144.com-快三投注表-| www.123561.com-下彩网怎么进不去| www.334398.com-彩票排5走势图| www.210373.com-体彩pl3平台出租| www.608.cn-五分彩开奖网站| www.711794.com-足彩走势图310| www.901821.com-怎么搭建黑彩平台| www.jt06.com-怎样买体育彩票中奖| www.202422.com-福彩快三注册推荐码| www.219357.com-福建体彩大乐透结果| www.715192.com-好彩五分快三导师群| www.87nx.com-淘宝彩票如何下载| www.04ls.com-体彩排列三王滨字谜| www.299045.com-福彩七乐彩开奖时间| www.495596.com-篮球彩票预测窍门| www.623011.com-足彩单场专家推荐| www.744618.com-华彩生活app官网| www.862675.com-中国体彩网选择| www.961460.com-买彩票危险吗| www.cp3132.com-新快三游戏手机| www.0793.net-彩82邀请码-| www.973790.com-大奖网彩票首页| 必中彩票www.bizhong55.com| www.0546.in-彩尊登陆-| www.987450.com-尊皇彩票平台| www.bz.com-彩票开奖查询排列5| www.7616.cm-1216彩票app|