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天

知道了
9彩注册 www.83rs.com-彩虹有几种颜色套路| www.092382.com-足彩胆拖玩法介绍| www.293622.com-快三二同号规律| www.755602.com-旺彩专家推荐| www.912607.com-河南幸运彩开奖号码| www.cp3477.com-河南福彩22开奖| www.6cq.cc-中彩网三地字谜总汇| www.73951.cc-今日福彩3d字图迷| www.130757.com-彩运宝app下载| www.565901.com-王牌彩票官网| www.719495.com-七星彩360胆码| www.833652.com-8亿彩8yc-| 吉利彩票www.80075i.com| www.14fl.com-808福彩网-| www.303826.com-鑫彩网靠谱吗| www.552324.com-在线购买大乐透彩票| www.563517.com-新粤彩看图区| www.wc02.com-体彩七星彩专家预测| www.0541.top-玩彩老头双色球| www.21981.com-赢彩85cc-| www.92714.com-彩票258官网| www.164360.com-体彩容错-| www.46311.com-香港福星彩-| www.261972.com-龙彩彩票-| www.968789.com-乐彩vip下载不了| www.780727.com-彩铅画树木花草| www.039396.com-七彩网是合法的吗| www.wa32.com-河南快三统计图表| www.856785.com-彩c6彩票-| www.990639.com-江苏省体育彩票官网| www.019620.com-湖南体彩网官网| www.yq97.com-快三提前开奖的软件| www.003592.com-怎么举报彩之源彩票| www.352313.com-一出好戏里的彩票号| www.84177.cc-早上几点开快三| www.300793.com-赌博送彩金可提款| www.846878.com-足彩交易量最准的| www.154535.com-怎么利用彩票赚钱| www.bv90.com-新快三游戏下载| www.332571.com-吉林快三派奖网| www.8552.cc-手机卖彩票-| www.807936.com-9d彩票是骗局吗| www.894116.com-手机彩票软件靠谱么| www.220638.com-大奖彩票-| www.464364.com-湖北体彩前三直选| www.979524.com-高频彩追号追死了| www.50377.cc-买彩票越输越想赢| www.5555.in-新万彩吧彩票3d| www.4938.vip-n5oo彩票网-| www.67477.cc-福彩在线是不是赌博| www.82ii.com-云南彩票大奖| www.85378.com-台湾彩虹台直播源| www.181853.com-官方手机购彩app| www.399061.com-七星彩开了多少年了| www.055271.com-彩票系统官方| www.sy31.cc-下载够力七星彩奖表| www.7664.cm-福彩logo矢量图| www.250825.com-分分中彩票网站| www.157242.com-竞彩之家官网| www.968280.com-福彩现在能买吗| www.066966.com-甘肃快三和值彩经网| www.299347.com-彩票走势图经验| www.560687.com-彩票属于五行属什么| www.42845.com-存送彩金-| www.wl77.com-安徽快三早上几点开| 大赢家彩票网www.178167.com| www.7542.vip-彩票作弊器下载| www.964070.com-胜负彩19043期| www.122980.com-酷彩吧客户端下载| www.641.me-福彩三d技巧及规律| www.216817.com-哪个平台玩快三好| www.370086.com-中国彩票开奖假视频| www.206385.com-黑彩快三技巧| www.09794.com-彩83官网-| www.586245.com-吉利三分彩走势图| www.64366.com-立博足彩app| www.472224.com-买足彩中奖小说| www.667429.com-马来西亚网上彩票| www.2225.win-彩站宝彩票-| www.97277.cc-竞彩篮球投注量| www.063212.com-彩票店可以转让吗| www.331095.com-大发彩票公司代理| www.519177.com-乐盈彩票从哪里下| www.666673.com-乐乐团队乐彩违法吗| www.173967.com-彩神8苹果版| www.611290.com-吉祥彩票平台真的吗| www.678320.com-安徽快三有什么技巧| www.14430.cc-七星彩没有规律我吗| www.024099.com-彩迷生活真实写照| www.962521.com-富贵彩票网-| www.107318.com-快三是黑彩不是| www.34306.com-福彩三地更懂彩民| www.972848.com-日彩网彩票团队| www.161015.com-体育彩票七位数玩| www.325370.com-今晚出什么奖七星彩| www.768873.com-天猫快彩是不是真的| www.377202.com-qq彩票不能用了| www.782776.com-江苏十五选五爱彩乐| www.2sj.cc-金牛彩票真假| www.09050.com-大发快三盈利技巧| www.3873.wang-足彩每日分析推荐| www.g20.club-福彩快3开奖原理| www.3488.cc-福利彩票20个号码| www.70245.com-福彩票网上怎么买| www.67vu.com-什么是彩色防滑路面| www.8335.biz-今天福彩试机| 凤凰彩票www.77803z.com| www.21pi.com-彩票的社会性质| www.25779.com-山东体彩客户端| www.005968.com-5050彩票app| www.022802.com-重庆时彩时彩下载| www.179159.com-北京快三遗漏数据| www.556658.com-专业体育彩票app| www.692027.com-彩票合买大厅靠谱吗| www.89gk.com-博彩app合法吗| www.8886.net-竞彩8串1真难中| www.91971.com-丰彩彩票怎么玩| www.110656.com-福利彩票多久一期| www.241088.com-彩铅樱花-| www.912562.com-微信美女时时彩骗局| www.5236.pw-派彩是不是回水| www.950475.com-体彩走势图排列3| www.527204.com-体彩中合图-| www.701757.com-彩票店加盟电话号码| www.03eq.com-福利彩6等奖| www.1576.vip-粘彩宝是什么平台| www.81562.com-昨晚福彩开奖号码| www.124233.com-福利彩票结算| www.890873.com-恭喜彩票中奖的句子| www.ri80.com-派彩网吉林快三| www.2712.pw-如何读彩票-| www.29969.cc-彩票平台套利风控| www.af70.com-昨天的彩票开奖号码| www.89fa.com-体育竞彩篮球| www.65490.com-手机炫彩-| www.170823.com-快三顺口溜逢4下| www.499850.com-87彩票怎么下载| www.876948.com-私彩漏洞刷钱| www.3856.vip-竞彩资讯竞彩专家| www.36982.cc-体彩图谜画谜| www.08bw.com-亿彩票app下载| www.071252.com-足彩编辑-| www.191915.com-福彩快三和值表| www.610469.com-超值8彩票-| www.756399.com-58彩票黑钱了| www.997924.com-3d乐彩网电脑版| www.gh72.com-新2彩票下载安装| www.596170.com-彩博士3d预测| www.934459.com-网恋彩票托的套路| www.cp3378.com-江苏快三是什么套路| www.222.gg-郑州乐彩科技股份| www.50489.com-长春彩票平台搭建| www.038477.com-今天彩票图片大全| www.378025.com-88彩票平台安全吗| www.738055.com-福利彩票朋友圈评论| www.831181.com-四月足彩赛程| www.920358.com-玩江苏快三怎么赚钱| www.995332.com-91竞彩之家app| www.df48.com-谁知道新快三的网址| www.k29.top-好彩网谈论-| www.77li.com-宁夏快三中奖助手| www.4294.vip-彩坛的达人七码定位| www.24461.com-选彩票得软件| www.88405.com-意大利彩票90选6|