QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jQuery解决方案列表tab切换代码

原创商用 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天

知道了
顺丰彩票 www.cp373.com-快三平台靠什么赚钱| www.428456.com-盛大彩票网登录| www.116363.cc-福彩跨度遗漏| www.954003.com-新浪爱彩比分直播| www.iv01.com-竞彩310-| www.25pl.com-时时彩平台网站网址| www.372320.com-彩8万app-| www.675308.com-c49彩票-| www.929994.com-官方大玩家彩票| www.23gm.com-彩票史上第一大奖| www.950398.com-8亿彩合法吗| 国彩网www.18690a.com| www.333297.com-竞彩扣税-| www.2768.vip-河北省快三遗漏之| www.512742.cc-今天足彩比赛比分| www.290363.com-新2彩票论坛下载| www.222122.com-内蒙快三助手软件| www.cai2227.com河北快三遗漏直| www.ys05.com-彩票会员123官网| www.hh92.com-豪彩平台app下载| www.658872.com-七星彩买奖搞笑表情| www.081667.com-彩票数字栏目| www.181917.com-安徽快三出什么号| www.546564.com-彩票站点申请| www.55930.cc-49c彩票网网址| www.033173.com-中信彩票是不是真滴| www.267660.com-买了彩票不敢看| www.43430.cc-彩票3d开奖查询| www.319003.com-时时彩计算-| www.389997.com-28彩票手机版下载| www.519930.com-8彩神帝邀请码| www.596736.com-竞彩足球能赚钱吗| www.679007.com-彩票送彩金的软件| www.766939.com-糖果彩兼职-| www.854485.com-时时彩5码7期倍投| www.997326.com-利彩工具3d走试图| www.tx37.com-11选五爱乐彩| www.18sz.com-星期五能买哪种彩票| www.76856.com-新浪竞彩2串1推荐| www.236.in-彩票多长时间一期| www.147363.com-多款购彩app| www.743828.com-购彩大厅吉林快三| www.8357.cm-最容易中奖彩票平台| www.47654.com-淄博中彩票被杀| www.91782.com-广东好彩一预| www.803282.com-彩票返奖率-| www.qd54.com-80彩官方下载| www.913098.com-彩票追号可以追几期| www.jm4.cc-河南快三二码走势图| www.688064.com-好彩频道直播| www.479163.com-想买世界杯彩票| www.604158.com-688彩票邀请码| www.730653.com-天天收米app竞彩| www.857915.com-开彩票店自己买彩票| www.950257.com-彩票天下开奖通知| www.hh4.cc-快三怎么挣钱| www.927165.com-体育彩票彩种介绍| 亿彩堂www.87668t.com| www.hg16.cc-百胜快三彩票骗局| www.824080.com-新彩可以画在坯上吗| www.917887.com-网上彩票能赚到钱吗| www.993542.com-足球彩票有几种玩法| www.fq08.com-3d彩票中的死规律| www.112577.com-新起点彩票-| www.789396.com-篮球体彩竞彩app| www.268.top-彩钢的围挡技术参数| www.7184.biz-彩票扣税计算方法| www.35945.com-爱彩乐是哪个公司| www.84654.com-我附近的福彩销售点| www.037723.com-彩票筛选安卓| www.37718.com-奥客网足球彩票| www.5064.vip-体彩足球为什么停售| www.445373.cc-多乐彩直三五十倍| www.563772.com-每年今天福彩出奖号| www.654935.com-体彩进球-| www.973025.com-彩宝贝网免费预测| www.vj39.com-天天送彩票-| www.0470.onlineyg彩票-| www.168385.com-快三二相同什么意思| www.238897.com-网上那些带你买彩票| www.839306.com-5o0万彩票网官网| www.363338.com-3d太湖字谜新彩网| www.3462.org-彩82彩票-| www.112506.com-手机933彩票下载| www.259161.com-网上竞彩app| www.434678.com-第九彩票是什么意思| www.47094.com-订婚钱和彩礼钱区别| www.066882.com-博彩税收-| www.175913.com-安徽省快三跨度| www.884915.com-彩票争霸8网页| www.975228.com-彩控智能网-| www.cp0036.com-看安徽快三开奖结果| www.3478.live-七星彩和七乐彩| www.134007.com-36选7好彩1走势| www.90684.com-体彩二维码时效性| www.101610.com-01彩票aqq官方| www.208451.com-七星彩开奖公告| www.234124.com-七星彩诈骗团伙| www.568409.com-河北福彩兑奖流程| www.636338.com-彩虹糖糖果机| www.699983.com-足球竞彩比分预测| www.629525.com-幸运彩票有没有规律| www.26df.com-福彩图迷字迷总汇| www.151079.com-体育彩票几个数| www.349186.com-福满天彩票-| www.530896.com-天天彩玩法介绍| www.303102.com-优乐彩手机pp| www.67ms.com-江苏老快三推荐| www.50341.com-928彩票能提现吗| www.769944.com-时彩稳赚方法技巧| www.860139.com-手机上的时时彩票| www.928055.com-vr三分彩官网| www.993891.com-彩乐汇属于赌博吗| www.do31.com-斯特凡彩票万能公式| www.f97.com-彩票怎么买号| www.54bk.com-黔东南体育彩大奖| www.0231.in-安卓时时彩趋势软件| www.8385.vip-高频彩时间规定| www.536086.com-彩票有重复的数字吗| www.690087.com-福彩中彩网擂台赛| www.752172.com-中奖中彩中的意思| www.814388.com-巨人彩票怎么注册| www.873374.com-网易彩票在线购买| www.925695.com-彩票保本投注法| www.976141.com-河南商丘彩礼血案| 大赢家彩票平台www.577983.com| www.fv40.com-福彩于海案结局| www.zg81.cc-e球彩中奖金额| www.15os.com-19500彩票吧| www.173820.com-快三网是什么| www.125766.com-众购彩票导航| www.050824.com-时时彩如何才能赢钱| www.689080.com-彩81彩票网站| www.576064.com-湖北体彩官网购买| www.917124.com-彩铅画简单好看| www.324565.com-大马彩票app| www.4549.cn-七星彩100走势图| www.9956.bid-体彩七位数哪天开奖| www.36961.cc-天牛图库彩巴| www.2992.me-青蛙彩票一首页| www.65np.com-湖州福彩-| www.gk15.com-一分快三在哪下载| www.pr91.com-鸿彩彩票-| www.227082.com-彩虹岛-| www.wa66.cc-体彩任三中奖多少钱| www.510194.com-请播放彩虹的约定| www.612583.com-uc彩票网22-| www.698108.com-湖北快三昨天开奖号| www.789591.com-足彩平局判断方法| www.872733.com-天天彩票平台合法吗| www.954904.com-跑马彩票计划ap| 彩69www.097710.com| www.qr4.com-河南快三的台子| www.830927.com-好时彩app-| www.923061.com-108彩票下载安装| www.983707.com-合法的彩票网站| www.mm2.com-分分快三怎么看走势| www.319223.com-海南七星彩头尾论坛| www.844431.com-彩票中二等奖去哪领| www.31105.com-潍坊福彩兑奖中心| www.66120.com-彩票在线机选摇一摇| www.984954.com-竟彩足球胜平负| www.qu.com-手机购彩票-| www.wg76.com-手机彩票分析论坛|