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.197200.com-新加坡乐和彩| www.388712.com-福彩3d组六遗漏| www.024291.com-牛彩网3d图谜汇总| www.286888.com-彩票号码生成器下载| www.259704.cc-福利彩票在线选号| www.359789.cc-地方彩票走势图大全| www.331603.com-常笑体彩店合法吗| www.454744.com-排行前十博彩公司| www.283895.com-六位数彩票有哪些| www.024931.com-奥客竟彩足球| www.001081.com-58酷彩网-| www.281814.com-七乐彩今晚最准推荐| www.421369.com-东方彩票网网站| www.590629.com-玩彩独胆王软件| www.160648.com-乐彩图表工具图| www.sa50.com-重庆时时彩缩水| www.259640.cc-广西福彩开奖助手| www.58128.cc-分分彩送彩金| www.345059.com-能买足彩的棋牌软件| www.500092.cc-078彩票公益代打| www.595106.com-好彩网3d字谜今天| www.692561.com-换彩票-| www.966362.com-澳门五分彩怎么样| www.cx28.cc-博彩888官网| www.632527.com-杏彩彩票官方网站| www.804440.com-cp701彩票官网| www.941948.com-福彩十选5-| www.di3.com-内蒙古快三基本势图| www.34rd.com-南通市彩砖厂| www.015344.com-聚丰彩票-| www.541500.com-官方体彩投注| www.028814.com-app彩票送18| www.123237.com-欢乐彩安全吗| www.231078.com-易网彩票手机版| www.332665.com-福彩排列5计划软件| www.204312.com-牛彩网福彩3d| www.297611.com-体育彩票有唧些彩种| www.377215.com-迪士尼彩票乐园| www.503888.com-节目彩排感想| www.592308.com-彩票软件注册彩金| www.672019.com-福彩三d双彩字谜| www.35323.cc-逆袭彩票计划手机版| www.959617.com-辉煌团队彩票计划| www.d54.online-南南国七星彩票论坛| www.206842.com-下彩彩票app| www.318429.com-信彩彩票官网| www.477016.com-福盈门彩票手机版| www.233820.com-彩票直组任三啥意思| www.593697.com-七彩国际影城怎么样| www.424776.com-足彩伤停情况| www.437638.com-三d天天开奖彩报| www.520311.com-体彩红叶杀码今天的| www.640880.com-今天彩民乐图是什么| www.857159.com-云发购彩票app| www.917272.com-必赢彩票案件| www.976575.com-农村订婚彩礼能退不| www.295146.com-湖北福彩网站| www.388127.com-湖北福彩网址大全| www.890011.com-nba竞彩篮球网| www.591308.com-彩客?-| www.ks44.com-爱乐透彩票官方版| www.26058.com-描写彩虹的一段话| www.86664.cc-体彩助手软件下载| www.493801.com-今晚彩票开的什么啊| www.067880.com-重庆时时彩的算法| www.146100.com-七星彩开奖结果星彩| www.233492.com-快三稳定计划| www.311758.com-五福彩官网-| www.680595.com-戒掉彩票一身轻松| www.787313.com-雪园足彩比分直播| www.873477.com-官方彩38下载| www.937298.com-湖北彩釉玻璃| www.fn43.com-体育彩票官网电脑版| www.y36.vip-彩神通的使用方法| www.171125.com-吉林快三遗漏数据| www.301783.com-吉林快三选号助手| www.404996.com-世界杯猜冠军彩票| www.53ul.com-福彩三d和值走势| www.4682.org-有人带你玩彩票| www.12094.com-双色球福彩网易彩票| www.69673.com-彩票平台制作搭建| www.188065.com-时时彩最新技巧| www.507791.com-老徐说彩下载| www.348210.com-福彩奖金计算方法| www.mo89.com-七乐彩拖胆玩法介绍| www.74xr.com-谁用过彩票过滤大师| www.vo60.com-快3大彩鲸中奖助手| www.123483.com-福利彩票中心收入| www.7036.cm-篮球竞彩胜负怎么买| www.16543.com-彩神挣霸lv-| www.66342.com-101在线彩票平台| www.017025.com-押大小是什么彩票| www.01wv.com-彩虹色的意思是什么| www.368669.com-福彩3d太湖猜字谜| www.466808.com-新粤彩开奖结果查询| www.1230.bid-上海快三奖金查询| www.7179.in-菲律宾博彩| www.32354.com-彩色包装袋厂家| www.89808.com-80彩票官方下载| www.071369.com-南阳结婚彩礼是多少| www.369980.com-58酷彩-| www.282661.com-网赌时时彩止盈止损| www.137352.com-足彩倍投计划| www.213685.com-快三跨度怎么看才准| www.303985.com-福彩天地下载| www.443313.com-采购彩涂板价格| www.555516.com-08彩票论坛-| www.662889.com-3d多彩网字谜总| www.773538.com-台湾五分彩开奖依据| www.848856.com-苹果手机时时彩宝典| www.947254.com-3d中国彩吧蓝仙子| 彩票宝www.2cpb.com| www.314980.com-福彩彩票注销流程| 顶级娱乐www.872198.com| www.166068.com-河南快三-| www.723667.com-湖北快三国家开奖| www.858167.com-博彩投资分红| www.970964.com-体彩票号几种| www.03va.com-双色球彩迷图| www.15116.cc-彩票篮球中奖规则| www.58ik.com-彩神通网址-| www.1927.me-万彩吧手机开奖| www.883961.com-黑彩一分快三窍门| www.952946.com-竞彩足球推介网| 中彩网www.61233h.com| www.sk59.com-时时彩二星包胆| www.278362.com-中彩注册下载| www.571555.com-新版中免蓝好彩| www.97202.com-搜索福彩3d开奖| www.6168.in-黑马时时彩人工计划| www.22236.cc-江苏快三靠谱么| www.239117.com-首存套彩金-| www.904223.com-体彩合买平台| www.873928.com-转让福利彩票店| www.ps24.com-竞彩猫曲昌春| www.875868.com-山东福利彩票双色球| www.962438.com-贵州体彩超级大乐透| 天天乐彩票www.281380.com| www.8997.loan-中国竞彩首页计算器| www.511169.com-五洲彩票qq群号码| www.661504.com-今天的三d彩报| www.733915.com-中奖规则体彩大乐透| www.794659.cc-3d乐彩折线图| www.856082.com-梦见七星彩号码中奖| www.906228.com-足彩竞彩计算器| www.961240.com-什么人会中彩票| 众彩网www.88065c.com| www.591387.com-澳门彩票高反水网站| www.33516.cc-凤彩网体彩排三| www.9728.in-特彩把旧网-| www.34168.com-彩虹岛吧-| www.tr19.com-体彩查询-| www.53xy.com-网易湖北快三走势图| www.006613.com-好彩246天天好采| www.e55.cc-乐彩彩票可靠吗| www.873904.com-天空下下彩免费资料| www.782235.com-新浪快三走势图表| www.528467.com-儿童彩虹游泳圈图片| www.624546.com-基诺型彩票算法| www.848879.com-中国足球竞彩对阵表| www.938626.com-双赢彩票手机版登录| www.zi13.com-体彩幸运号码| www.88ax.com-彩票009骗局| www.3532.com-博彩送28免-|