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.008197.com-彩票开奖今晚| www.261596.com-6329彩票-| www.75699.cc-申航彩票骗局| www.14421.com-彩界过客四胆预测| www.28982.cc-福彩到底能不能中奖| www.595811.com-华夏鑫彩易积分| www.mj21.com-好彩彩票平台可靠吗| www.444113.com-七星彩开奖奖结果| www.911938.com-天天彩票是不是真的| www.jv41.com-七星彩全复式计算器| www.55rc.com-福彩三d晚秋和值迷| www.949194.com-福彩包括哪几种| www.ig20.com-体育彩票竞彩网| www.49pf.com-彩钢板310板型| www.975047.com-一一彩票开奖结果| www.tg83.com-花式快三分解口令| www.7873.me-32元胜负彩一等奖| www.8588.bid-31竞彩吧安全吗| www.74200.com-万博时时彩源码下载| www.076601.com-老梁揭秘彩票那些事| www.145808.com-奥客竞彩网胜平负| www.500078.cc-彩票数字万能号码| www.ul86.com-彩票计划软件破解版| www.033051.com-257彩票-| www.48388.cc-广东体彩票十一选五| www.767813.com-网票彩票开奖结果| 乐彩网www.lcw997.com| www.352827.com-88赛马彩票计划| www.25ow.com-华彩咨询集团工资| www.6815.xyz-梦码解码七星彩公鸡| www.226688.com-福彩三d一定牛| www.382451.com-彩票创始于哪一年| www.8794.loan-体彩票排列五| www.089284.com-快中彩北京体彩网| www.8370.vip-福星七星彩软件| www.334858.com-最新万豪彩票手机版| www.490342.com-微彩票合法吗| www.604993.com-超级大乐彩开奖视频| www.908584.com-安徽快三王-| www.fm21.com-福彩app下载| www.82ti.com-霍尊喝彩中华2| www.918199.com-彩票哪个平台最好| 凤凰彩票www.3479z.com| www.gs78.com-江苏体彩七位数| www.d90.club-竞彩足球兑奖时间| www.29uk.com-天下天空彩正版资料| www.528.cn-合肥彩票站转让信息| www.261319.com-彩八彩票下载| www.351563.com-买体彩世界杯买谁| www.444041.com-富贵彩票下载安装| www.kq88.com-福彩农场-| www.e00.pw-足彩八串一-| www.42ud.com-下载彩视最新版本| www.467.me-中国体彩玩法介绍| www.95585.cc-5oo万彩票-| www.070326.com-时时彩五星直选计划| www.507683.com-娘娘3d独胆家彩| www.626698.cc-彩168会员登录| www.738916.com-天津体彩官网| www.811029.com-互娱彩票聊天群| www.877587.com-中国彩-| www.941106.com-快乐彩票三红包雨| www.985605.com-竞彩足球单场分析| www.qo06.com-鑫彩网彩票是真的吗| www.4tv.cc-大乐透彩民故事| www.zj01.com-鑫彩晨led显示屏| www.542337.com-永乐彩票下载安装| www.531160.com-快三猜大小不输| www.599133.com-买彩票什么时间买好| www.163924.com-nba体彩骑士用时| www.33ot.com-足球竞彩88-| www.38ba.com-河南福彩跑马中奖表| www.35705.com-八彩国际童模机构| www.005712.com-彩票导师骗局视频| www.62897.cc-排三杀号定胆彩经网| www.022168.com-快三技巧玩法| www.126901.com-彩铅画明星-| www.34365.com-大发快三模拟器| www.550892.com-恒大彩票是什么意思| www.669701.com-手机玩彩票真的假的| www.773237.com-盈利彩票送彩金22| www.590848.com-一定牛福利彩票快三| www.657944.com-彩球制作-| www.753169.com-网易足彩推荐预测| www.823247.com-深圳福彩官方| www.902855.com-星光彩票-| www.974900.com-公务员买彩票违法不| www.ir61.com-彩票中奖规则大乐透| www.yh24.cc-7星彩开奖结果查询| www.832753.com-七彩照片-| www.04446.com-体彩3d走势图| www.11182.com-足彩四场进球对阵表| www.869552.com-唯彩会旧版本| www.574689.com-58彩票网官网| www.060721.com-六壬测彩票3d| www.358066.com-手机时时彩龙虎软件| www.127431.com-日彩网下载-| www.949437.com-大彩鲸时时彩助手| www.244973.com-查一下全国彩票开奖| www.423374.com-张星彩是谁-| www.558122.com-今晚地下六仺彩开奖| www.729236.com-北京快三末班车几点| www.975376.com-微信退款致富彩票| www.sl27.com-五星彩票开奖号码| www.580869.com-彩票平台制作多少钱| www.pn5.cc-贵州快三预测推荐| www.014140.com-七星彩四五位差| www.374855.com-7好彩高手论坛| www.823283.com-彩涂钢板规格| www.542337.com-永乐彩票下载安装| www.472355.com-都市中彩票的小说| www.74213.com-能买七乐彩的网站| www.025485.com-网络快三正规吗| www.012905.com-彩软科技计划项目| www.257266.com-江西快三投注app| www.485655.com-快8彩票网-| www.81809.com-卖私彩构成犯罪吗| www.73351.cc-今天武汉快三慢跳| www.46lp.com-玩时时彩送彩金平台| www.338804.com-福彩3d胆码排序图| www.407841.com-七星彩中奖地方查询| www.524118.com-时时彩靠谱吗| www.925.red-临沂体彩站转让| www.9607.cm-福彩水果农场怎么玩| www.398012.com-快三百度百科| www.488977.com-天福彩票骗人的吗| www.553301.com-竞彩欧赔-| www.618256.com-体育彩票自助销售机| www.687709.com-139彩下载安装| www.749104.com-彩虹六号暗影先锋| www.33457.com-福彩三d开机号码| www.82013.com-彩票中大奖八字例子| www.084908.com-体育彩票电视怎么调| www.ql8.com-体彩扑克3玩法| www.97238.com-竞彩害死多少人| www.289.biz-彩票输惨-| www.586670.com-存10送88彩金| www.46fu.com-印象彩票官网| www.319786.com-福彩消消乐机器| www.505888.com-上海体育彩票排列3| www.326080.com-万彩吧免费资料| www.158209.com-黑龙江体彩网站| www.0743.me-新浪手机网彩票开奖| www.29826.cc-福彩现场直播| www.4642.cn-买彩票输了如何回本| www.664112.com-哪里能买cba彩票| www.863149.com-智慧彩挂机官网下载| www.167134.com-福彩快3官网| www.52786.com-黑彩庄家注意什么| www.bc46.com-老快三-| www.718599.com-彩虹有哪7种颜色| www.791382.com-彩票对-| www.878064.com-惠州彩票店转让信息| www.ga39.com-福利彩票的宗旨| www.wg22.cc-彩票振幅走势| www.4342.cn-f彩是正规平台吗| www.9761.biz-5k手机彩票领导者| www.05925.com-彩票容易中吗| www.022934.com-体彩各种玩法介绍| www.882876.com-福建省官方体彩网| www.936287.cc-凤凰彩票网计划| www.989683.com-3d彩票投注技巧| www.qb1.cc-快三开奖结果长春| www.75828.cc-七星彩大彩网走势|