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.077187.com-3d福彩技巧-| www.579062.com-老虎机彩金可以调吗| www.000568.com-时时彩慢慢回血经验| www.552538.com-广东十一选5爱乐彩| www.374587.com-好彩1技术选号| www.791104.com-澳门足球博彩博彩业| 500彩票www.50054t.com| www.h69.net-万通彩票平台app| www.0602.cc-全天实时分分彩计划| www.265767.com-宁夏体彩兑奖路线| www.3477.site-中利彩票app| www.6706.vip-12生肖彩票下载| www.89lf.com-电竞博彩合法| www.431896.com-3d詹天佑彩票标签| www.543958.com-彩吧图谜总汇4| www.708762.com-多盈彩票登录| www.07991.com-竞彩足球规则| www.737.in-大皇冠彩票-| www.805676.com-二八彩app-| www.079.vip-机选七星彩能中奖吗| www.14399.cc-体彩七星彩| www.041277.com-彩票助手免费手机版| www.524940.com-腾讯分分彩经验贴| www.238289.com-皇都彩票安卓版| www.332711.com-京彩江苏快三app| www.419646.com-秒速时时彩登录网站| www.522145.com-七乐彩连线走和图| www.589840.com-大乐透预测彩宝贝| www.660007.cc-篮彩大小分推荐| www.209654.com-福彩旗下的快开彩| www.197725.com-七星彩专家预测汇总| www.51537.com-糖果彩兼职-| www.52605.com-好彩蓝莓爆珠假货| www.008017.com-看更多精彩视频| www.807545.com-体彩胜负彩预测| www.002292.com-七乐彩复式8个号| www.528124.com-抖音小方框彩虹图片| www.42202.com-世界最大彩票平台| www.99640.com-金福彩票正规吗| www.40fu.com-彩合宝典-| www.620141.com-彩票分析方法| www.619176.com-淄博福彩招聘| www.698524.com-嘉兴福利彩票申请网| www.788237.com-足彩网下载-| www.864663.com-235彩票平台网址| www.947200.com-快三最好打法| JJ彩票www.37022.cc| www.233410.com-快中彩开奖结果查询| www.613862.com-马来西亚福彩字光| www.300086.cc-快三分布图图表示| www.543993.com-竞彩足球胜负彩| www.171786.com-江西多乐彩开奖号| www.620216.com-彩票易中奖官网| www.158314.com-雪溪源足彩-| www.668438.com-网上买那个彩票靠谱| www.804852.cc-彩虹旗11年-| www.893995.com-彩63下载-| 全民汇彩票www.52303s.com| www.552636.com-彩票导师怎么骗人| www.857135.com-菲律宾彩票推广工资| www.ps82.com-快三一共多少注| www.9191.cc-新加坡彩票规则| www.61330.com-众彩物流批发市场| www.100914.com-江苏快三高手论坛| www.185731.com-江苏快三怎么玩赚钱| www.289111.com-app计划彩票网址| www.368046.com-七星彩书版番外| www.473223.com-福彩6十1生肖规则| www.53140.com-新浪数字彩票电脑版| www.932337.com-彩票作弊事件| www.993366.com-足彩奖池滚存| www.eo97.com-内蒙古快三质合| www.za83.com-福彩3d神奇四码| www.26af.com-头头彩票网-| www.88wc.com-彩票特邀-| www.330235.com-下载易网3d彩票| www.77350.com-赢彩网正规吗| www.019882.com-支持花呗的彩票软件| www.012518.com-七星彩开奖结果论坛| www.463374.com-福彩中心主任被抓| www.0003.live-6位数的彩票叫啥| www.4918.cm-怎么投诉彩票app| www.10yv.com-78500彩宝贝网| www.89202.com-盈彩团队-| www.035673.com-魔方彩票靠谱吗| www.zp15.com-胜负彩专家分析预测| www.9ld.com-七星彩一星期开几次| www.kj19.com-竞彩网计算器500| www.7bw.com-中彩票没兑奖| www.73nu.com-网上买彩票去哪买| www.650120.com-nba引进博彩| www.554294.com-山东福彩开奖查询| www.qr1.cc-延边体彩总部| www.zw68.com-博彩公司-| www.3458.tv-e财通彩票-| www.ei76.com-福建快三开奖时间| www.145746.com-体彩基诺型彩票| www.31239.cc-卓易彩票ios| www.06130.com-福彩3d第82期| www.88690.com-cp9彩票官网| www.111079.com-转让体彩机-| www.050630.com-南国彩票经典彩版| www.227386.com-百年灵每天快三秒| www.334292.com-福利彩广西双彩开奖| www.954053.com-大发快三邀请码注册| www.sh05.com-彩乐乐网可靠吗| www.81rz.com-竞彩单注最高奖金| www.3500.cc-贵宾网天下彩| 七彩www.53911d.com| www.yz54.com-山东11选五爱彩乐| www.40oa.com-喜中七星彩二等奖| www.850704.com-大乐透彩票截止时间| www.917598.com-赢彩网网址-| www.979249.com-二十六天好彩| www.ok2.cc-甘肃福利彩票中心| www.ox98.com-快三街机人物图| www.z25.cc-趋势王彩票分析3d| www.44tq.com-今日竞彩分析推荐| www.822.pw-天齐网彩-| www.4954.org-胜负彩中奖彩票| www.00528.com-今晚足彩预测| www.32580.com-政府打压彩礼| www.003564.com-盈彩网充值-| www.zv94.com-竞彩彩票店限制| www.58ew.com-契诃夫彩票读后感| www.1476.org-时时彩博客-| www.3350.cm-彩神国际平台官网| www.030414.com-聚宝网彩票资料大全| www.278125.com-乐彩网苹果app| www.365528.cc-桃花枝彩铅画法| www.01258.cc-福利彩票3d彩图| www.081332.com-买彩票中奖的八字| www.70an.com-海南七星彩图表局王| www.2117.vip-江苏体彩客户端| www.2738.vip-快三不倍投如何赢钱| www.4129.com-138彩虹e台-| www.780815.com-快三专家88彩吧| www.391.me-安徽福彩报纸| www.093818.com-体彩高-| www.181926.com-河北福彩快3走势图| www.597711.com-马来3分彩人工计划| www.011437.com-亚洲信誉彩票平台| www.144013.com-鼎盛彩票手机登录| www.41gd.com-国庆彩票销售放假吗| www.703855.com-福彩3d手机app| www.298729.com-肓蛙彩票开奖直播| www.406368.com-巨丰彩票网址| www.513233.com-爱购彩官方-| www.056222.com-嘉定体彩-| www.172621.com-快三助手开奖视频| www.246007.com-南京市体彩中心电话| www.741811.com-南京福彩快三| www.34076.com-怎么可以买彩票挣钱| www.885.mobi-彩票数学公式| www.9992.pw-不用本金的彩票兼职| www.417099.com-竟彩篮球开奖结果| www.10837.com-体彩排5玩法| www.332035.com-快三推荐码-| www.12369.com-福利彩票开奖奖励| www.234017.com-彩票多害人-| www.3371.online足彩加会员命中率| www.9889.vip-福利彩票归哪里监管| www.528078.com-时时彩开奖软件破解| www.694483.com-江苏球彩票-|