QQ客服
當前位置 : 中国福彩快乐十分开奖分布图 > 代碼 > 網頁特效 > 選項卡/滑動門 > jQuery解決方案列表tab切換代碼

特殊分布图双色球尾数和值分布图: VIP商用 jQuery解決方案列表tab切換代碼

jQuery tab解決方案列表布局,模糊的寬屏背景圖和tab標簽內容切換布局樣式代碼。
分享到微信朋友圈
X
[聲明]該素材是本站付費買斷的作品代碼,享受著作權?;?,未經允許請勿轉載,否則追究相應的法律責任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代碼

<div class="bg-blue">
	<div class="developer-solution-block">
		<div class="titleBar">
			<h3 class="caption">解決方案</h3>

			<p class="descript">提供高效的解決方案,滿足廣泛的業務需求</p>
		</div>
		<div class="developer-solution">
			<div class="solution-tab">
				<ul>
					<li class="active" data-item="item01">軟件實訓解決方案</li>
					<li data-item="item02" class="">游戲開發解決方案</li>
					<li data-item="item03">電商雙交付解決方案</li>
				</ul>
			</div>
			<div class="solution-detail">
				<ul>
					<li class="item01 active">
						<div class="title">
							軟件實訓解決方案
						</div>
						<p class="detail">
							云端一站式軟件教學與實踐平臺,為學生提供企業級的軟件項目開發實踐體驗,方便老師開展軟件實訓教學、全面掌握學生軟件開發能力
						</p>
						<a class="more-btn " href="#">查看更多</a>
					</li>
					<li class="item02">
						<div class="title">
							游戲開發解決方案
						</div>
						<p class="detail">
							云主機一站式游戲研發平臺,貫穿游戲開發、測試和運維的產品全生命周期
						</p>
						<a class="more-btn " href="#">查看更多</a>
					</li>
					<li class="item03">
						<div class="title">
							電商雙交付解決方案
						</div>
						<p class="detail">
							基于雙交付理念,在向客戶交付電商應用時,同步交付全套云上環境
						</p>
						<a class="more-btn " href="#">查看更多</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
$(function() {
	$('.developer-solution .solution-tab ul li').each(function() {
		$(this).hover(function() {
			$('.developer-solution .solution-tab ul li').removeClass('active');
			$('.developer-solution .solution-detail ul li').removeClass('active');
			$(this).addClass('active');
			$('.' + $(this).attr('data-item')).addClass('active');
		});
	});
})
</script>
[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:

推薦標簽

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 中国福彩快乐十分开奖分布图

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了