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.773952.com-美国博彩业-| www.931508.com-天空彩与你同行资料| www.203966.com-现代都市中彩票小说| www.505418.com-彩吧一板-| www.621499.com-甘肃快三电视模板| www.718059.com-彩库宝典老版| www.86799.com-七星彩中几个数有奖| www.042998.com-时时彩挂机软件教程| www.167746.com-中国福彩快三官网| www.288859.com-快享平台新快三| www.8933.top-兴盛彩票v3登录| www.720755.com-彩票天天乐捕鱼| www.865983.com-怎么注册福利彩票| www.936258.com-苏州体育彩票店转让| 快彩www.81678g.com| www.bp51.com-彩票缩水大师| www.187740.com-彩票九宫图-| www.db33.com-足彩分析师团队招聘| www.5hz.com-竞彩纳税-| www.293635.com-苏州福彩3d开奖号| www.396910.com-长沙市体彩中心电话| www.665899.cc-时时3分彩开奖记录| www.779517.com-皇冠彩票平台| www.937009.com-福星彩app-| www.162630.com-手机456彩票下载| www.60242.com-吉林快三黑彩盘| www.027572.com-易彩网是真的吗| www.159372.com-海南福彩快三投注站| www.009245.com-体彩黑龙江6加1| www.690602.com-500彩票网一首页| www.121284.com-彩票交流微信群名字| www.142146.com-中国福利彩票什么玩| www.14691.com-凤凰彩票导航网址| www.227080.com-彩吧开机号-| www.487234.com-足彩基础知识入门| www.135980.com-福彩3d天机图| www.645845.com-足彩最佳投注方式| www.859100.com-刚力彩芽高清| www.kv41.com-湖南福利彩票双色球| www.89hg.cc-福彩3d就业报彩图| www.542178.com-360彩票网购大厅| www.700559.com-7星彩开奖时间| www.898973.com-一份外卖送给彩票| 双彩网www.637012.com| www.737254.com-彩之网3d相年富途| www.865436.com-福彩3d讨论qq群| www.rk07.com-各种釉彩大瓶历史| www.88wt.com-不能网上买彩票了| www.228395.com-河南彩礼政府标准| www.303215.com-优乐彩票-| www.038770.com-图吧彩票-| www.518967.com-彩票八喜怎么玩| www.94000.com-内蒙古快三查询| www.266704.com-竞彩专家推荐| www.044029.com-福彩试机号走势图| www.312458.com-极速时时彩大小规律| www.ct33.com-快三开奖上海快三| www.382826.com-彩虹6号第三年| www.198572.com-体彩11选五开奖| www.543939.com-3d乐彩论坛陈华| www.715321.com-彩票店国家允许吗| www.865690.com-网易彩票官方版| www.158486.com-北单竞彩怎么购买| www.1915.cc-11145彩民论坛| www.744399.com-彩虫七星彩-| www.495557.com-彩民乐钱树图355| www.667585.com-福彩违法-| www.ry61.com-财神彩票下载| www.26ne.com-快三怎么买稳中| www.086771.com-增光溢彩-| www.87258.cc-官方彩票一分赛车| www.149735.com-快三计算软件| www.6120.xyz-助赢彩票娱乐平台| www.95257.com-兰蔻彩妆盘-| www.9374.com-去国外彩票公司工作| www.080031.com-3d彩票九码规律| www.687739.com-福彩在线网是真的吗| www.771931.com-盈盛现金时时彩| www.852189.com-浙江彩票走势图| www.916058.com-申请开彩票投注站| www.970297.com-七彩球开奖号码今天| www.33671.com-五百万彩票邀请码| www.72096.com-彩猫购彩平台可靠吗| www.017607.com-3d彩票2元网| www.105027.com-好彩双爆珠新加坡| www.179593.com-五分彩全天计划| www.b30.shop-福彩三d基本走势图| www.963392.com-足彩比分直播澳客| www.cp3738.com-百盈彩票-| www.kq03.com-吉林快三连出多少期| www.0gv.com-彩票软件真实吗| www.871821.com-利彩5分快3-| www.948930.com-体育彩票购彩app| 彩票坊www.022ln.cc| www.im13.com-微彩吧app-| www.338684.com-118彩票怎么安装| www.1713.cn-今天彩票3d推荐号| www.7284.cc-彩虹台网络在线直播| www.22497.cc-彩票双色球app| www.76956.com-9号彩票登录地址| www.026122.com-有哪些私彩平台| www.137385.com-体彩p62-| www.963348.com-星空下的鹿彩铅画| 万历彩票www.77114d.com| www.020807.com-2012七乐彩-| www.20zd.com-台灣彩虹旗娛樂論壇| www.234047.com-湖北快三和值走势图| www.328918.com-一分快三全天预测| www.ve34.com-彩票缩水过滤工具| www.26lh.com-所有快三公式| www.810547.com-手机可以买快三吗| www.723447.com-今日彩票开奖诘果| www.007026.com-地方高频彩开奖结果| www.996784.com-彩票55是黑平台| www.yj44.com-彩38下载官方网站| www.0616.cm-足球竞彩app下载| www.357022.com-云彩票店-| www.71576.com-卓易彩票手机版| www.837224.com-体彩实体店找哪家好| 吉利彩票www.80075k.com| www.219042.com-百姓彩票快3| www.932896.com-彩票20秒开一期| www.fw81.com-刷彩金单有危险吗| 大富豪www.111505.com| www.640566.com-新浪爱彩提不出了| www.985198.com-玩彩输了怎么办| www.ys34.com-山东体彩领奖流程| www.9tz.cc-快赢网彩票-| www.072091.com-加州时时彩开奖记录| www.95oe.com-长沙多彩投官网电话| www.384802.com-大乐彩票开奖查| www.6150.net-足球彩票要花多少钱| www.606571.com-体彩足球为什么停售| www.lo66.com-快三违法吗-| www.48396.com-491彩票资料大全| www.157700.com-足彩只买平局能赚6| www.7205.vip-七彩娱乐东川麻将| www.900588.cc-中福彩官网首页| www.999538.com-9188彩票网官网| www.kl41.com-易彩堂是黑彩吗| 名门彩www.33997t.com| www.566957.com-好彩堂幽默资料| www.184940.com-彩神2下载-| www.7833.wang-彩票开奖提前| www.003607.com-福利彩票3d字谜图| www.56786.com-海南七星彩图片大全| www.330068.com-中国彩吧更懂彩民| www.492511.com-买彩票要多少岁| www.43508.com-北京快三组合走势图| www.004863.com-33期福彩-| www.509172.com-彩票滴滴跟单| www.691133.com-8k彩票是骗局吗| www.797036.com-福彩3d今天试杌号| www.670641.com-内蒙古省福彩中心| www.69573.cc-彩票3d选号新方法| www.331806.com-快3骰子彩票在哪买| www.569832.com-广东快三-| www.945446.com-福建体彩双色球开奖| www.5983.in-足彩19056-| www.035419.com-彩票站开业宣传词| www.580193.com-彩票开奖时间和日期| www.468200.com-福利彩票图迷字迷| www.574821.com-赢彩吧-| www.718038.com-彩库女装旗舰店|