QQ客服
當前位置 : 中国福彩快乐十分开奖分布图 > 代碼 > 網頁特效 > 選項卡/滑動門 > jquery云產品介紹圖標菜單tab切換代碼

蓝球奇偶分布图: VIP商用 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天

知道了