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天

知道了
彩票123现在叫什么名字 www.882403.com-易彩堂彩票是真的吗| www.jm75.com-玩快三输钱了怎么办| www.11fv.com-新彩技法-| www.98in.com-复式彩票购买计算器| www.4778.com-彩虹六号未过审| www.13456.com-万彩票网-| www.66226.cc-重庆时时彩在哪下| www.094005.com-快三78期-| www.175061.com-广西好运快三走势图| www.289126.com-神彩网-| www.383695.com-9万彩票下载苹果| www.520199.com-众彩网快三是合法吗| www.602369.com-福利彩票自助销彩机| www.690545.com-彩鲸箱-| www.779094.com-彩吧图中国彩吧图迷| www.866855.com-快三福彩书籍| www.947582.com-足彩微信公众号排名| www.994320.com-尊彩网邀请码在哪里| www.tk3.com-江西快三推荐号| www.tw83.com-购彩大厅大发| www.15rr.com-福彩时时彩小助手| www.0163.net-中国国彩-| www.7706.org-彩票中大奖兑奖程序| www.33739.cc-新快报彩票-| www.89682.com-三月足彩赛程| www.062624.com-天天中彩票维护| www.192747.com-福彩3d35期开奖| www.276827.com-梦想彩票站-| www.384486.com-xy77幸运彩票| www.507675.com-双色球彩票中奖结果| www.576668.com-乐米彩票与人人猜球| www.660682.com-阿里彩票手机登录| www.799251.com-奔驰彩软件-| www.871394.com-中国福彩总汇图九| www.974519.com-彩运来下载安装| www.86ph.com-中国福彩招聘| www.3007.pw-时时彩组六玩法| www.9302.loan-精选论坛特区彩票网| www.59317.cc-彩铅画图片卡通| www.023702.com-百胜彩票登陆| www.102731.com-福利彩票119| www.179600.com-玩易彩怎么回本金| www.261732.com-彩票导航走势图| www.386171.com-鸿彩彩票网站| www.515917.com-购彩网公式规律| www.593416.com-福彩选号技巧| www.671456.com-彩独破解版-| www.759220.com-上海福彩网正规网站| www.882874.com-福建福彩兑奖地址| www.967460.com-跟彩票有关的群名| www.cai9696.com彩票快三开奖结果| www.mt49.com-彩经网彩票走势图| www.9xx.com-风采网彩票指南报纸| www.75oc.com-分分快三每分钟一开| www.1824.vip-6161彩票-| www.00821.com-牛彩官网首页论坛| www.59557.com-真人百乐彩-| www.022288.cc-彩易达-| www.097824.com-百度彩票网站| www.170628.com-彩票预测最精准软件| www.284555.com-中国福彩彩种介绍| www.373893.com-520彩票平台官网| www.502071.com-福彩大家乐玩法| www.576469.com-汉中体育彩票中心| www.656127.com-福彩3d11和值| www.770732.com-龙虎和彩票下载| www.865139.com-500万彩票首页| www.933505.com-彩票60分-| www.987833.com-56时彩计划-| www.cp6786.com-江苏快三预测一定牛| www.oe87.com-腾讯快三app| www.9un.com-七星彩打奖技巧| www.68jw.com-金冠彩票登录| www.1163.cn-彩票店门口广告语| www.9694.xyz-做梦梦见彩票中奖| www.53968.com-28彩票注册链接| www.002080.com-快三经过的路线北京| www.072533.com-cp彩票网页版| www.137435.com-慧投竞彩推荐| www.216865.com-上海快三遗漏数据| www.291621.com-彩票开奖查询下载| www.365414.cc-齐鲁福彩群英会| www.460543.com-牛头炫彩皮肤| www.552268.com-好盈彩票骗局揭秘| www.778308.com-七乐彩怎么玩法说明| www.863487.com-体育彩票排列五秘诀| www.921267.com-彩计划手机版| www.973684.com-七乐彩9中6多少钱| www.br87.com-彩61app-| www.sy44.cc-新浪福彩开奖直播| www.15ez.com-体彩时时彩玩法| www.022.pink-刚力彩芽mv| www.3436.vip-体彩彩票店内活动| www.8842.in-二分彩计划-| www.58458.com-汇西多乐彩11选5| www.016552.com-正规的快三app| www.086005.com-麒麟彩票是诈骗吗| www.150734.com-彩票三的免费过滤器| www.260891.com-福彩快三网骗人| www.332706.com-我爱乐透彩票网| www.407824.com-2019七星彩大奖| www.511541.com-彩之星彩票网| www.581308.com-下载看彩啦-| www.653107.com-49c老彩票-| www.790097.com-体育彩票选号分布| www.864678.com-广西快三在线计划| www.928975.com-玩彩教你怎么赚钱| www.983488.com-彩票777www| www.dt48.com-彩票ios-| www.vc46.com-体育彩票单式票| www.06ra.com-彩铅花卉简单的| www.71yq.com-海南网上怎么买彩票| www.1010.cm-江苏福利彩票走势图| www.9667.online彩独2完整破解| www.49998.cc-6十1生肖彩票| www.91577.com-彩票藏机图大全| www.049910.com-福利彩票3d结果| www.151036.com-彩漂液对身体有害吗| www.235759.com-七乐彩现场摇奖直播| www.308675.com-买体育彩票中奖技巧| www.377345.com-彩票a8-| www.514688.com-澳洲lotto彩票| www.579204.com-彩票3d字谜今日| www.653012.com-高频彩调整后的影响| www.757719.com-在酷彩吧中奖怎么办| www.841577.com-彩妆盘发加盟店| www.903889.com-花式快三教学分解| www.965111.cc-福彩魔鬼推算图| VIP彩票www.263988.com| www.gd22.com-印尼5分彩走势图| www.xa50.com-旺彩双色球app| www.11qo.com-彩票自带聊天室红包| www.76ha.com-彩票走开奖势图| www.1188.vip-七天彩是真是假| www.00962.com-吉林快三快赢网| www.52629.cc-好彩烟有假货吗| www.93172.com-彩钢瓦屋顶防水隔热| www.049477.com-黑彩流水返点| www.144586.com-送彩金彩票平台大全| www.228572.com-彩钢板围挡价格| www.298297.com-昨天福彩球开奖结果| www.365104.cc-福利彩六等奖| www.448180.com-逆袭彩票计划官网| www.534853.com-vr3分彩开奖| www.709567.com-河北快三计划网页| www.k12.press-旺彩双色球彩票软件| www.74sf.com-幸运彩票提现成功| www.1984.love-怎样买彩票能中大奖| www.7006.pw-体彩欧洲杯-| www.17485.com-福利彩票手机版本| www.61028.com-o38彩票软件| www.068857.com-福利快三彩票| www.128162.com-3d字谜彩吧-| www.194664.com-彩票怎么玩快三| www.259079.com-竞彩足球比分旧版| www.326990.com-重庆时时开彩助手| www.393185.com-昨晚福彩出什么奖号| www.564588.com-时时彩五码技巧方案| www.625376.com-5g彩票网-| www.687251.com-4lcc金彩网-| www.756115.com-御彩轩害死了多少人| www.872779.com-8k彩票购彩大厅| www.955155.com-黑客入侵彩票改单| www.990860.com-彩票一分快三计划|