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天

知道了
彩票123现在叫什么名字 www.pd93.com-网络彩票是骗局吗| www.58037.com-彩票app手机| www.369907.com-福彩网是真是假| www.493023.com-微微彩票属于黑彩吗| www.53812.cc-横沥东方亮彩怎么样| www.858131.com-时时彩关-| 计划软件-创名彩票怎么样| www.789093.com-天下彩45cc-| www.cai6299.com上海彩票快3走势图| www.630640.com-东方彩票注册送33| www.fr83.com-发彩网官方网站| www.685096.com-下载3d彩票-| www.460566.com-京彩钱包app下载| www.039573.com-广东快三单开奖查询| www.83uo.com-网赌时时彩有人赢吗| www.428996.com-足彩米字什么意思| www.613092.com-彩票平台推广的技巧| www.692589.com-积分换彩票-| www.839722.com-福利彩票开奖走势| www.cp5368.com-内蒙古快三预测杀号| www.rj70.com-官方彩票的彩种| www.025826.com-包头福彩中心| www.131160.com-许昌结婚彩礼| www.659851.com-分数数字型彩票| www.447100.com-吉林彩票初几上班| www.696122.com-炫乐彩票官网app| www.018952.com-七星彩预测澳客网| www.677526.com-彩娃彩票app官网| www.771035.com-c8万彩吧彩票| www.857746.com-盈彩网免费计划下载| www.930494.com-3d彩神金算子| 彩69www.090392.com| www.61hq.com-福彩开奖预测号码| www.588832.com-贵宾室彩票下载| www.692275.com-360彩票人工计划| www.775947.com-时时彩后三最稳玩法| www.853202.com-金福彩票jf-| www.915578.com-玩彩红人独胆| www.973374.com-羽泉彩虹原版| www.cp7736.com-福彩计划群骗局| www.508990.com-博彩原理-| www.589911.com-七星彩综合版走势| www.669743.com-彩钢夹芯板房| www.745969.com-福彩通骗局-| www.811085.com-神周彩票网唐龙说彩| www.880597.com-百胜彩票平台网址| www.948826.com-体育彩票顶呱刮类型| 彩82www.c6378.com| www.aw63.com-牛彩字谜总汇| www.uq01.com-福彩3d五行-| www.767705.com-华彩赢家彩票是什么| www.s68.club-超级七星彩开奖直播| www.521410.com-今日买彩票什么数字| www.588466.com-粤海七星彩交流区| www.6321.top-甘肃福彩双色球| www.574035.com-世纪星彩票-| www.667684.com-香港球彩台sam| www.750074.com-彩票app分分彩| www.828367.com-福彩自助投注机代理| www.ku32.com-河南福利彩票双色球| www.92ba.com-彩票怎么刷佣金| www.579489.com-体彩排列三荐号| www.677993.com-怎么分析安徽快三| www.768163.com-高频彩赚钱大低| www.843648.com-彩乐乐专业彩票工具| www.915369.com-淘宝彩票手机| www.975498.com-体育彩票排列五结果| www.cai5622.com甘肃快三走势图表| www.ky68.com-酷彩app官网下载| www.j58.win-湖北福彩开奖| www.96lr.com-福彩3d开奖分析| www.4388.vip-3d彩博士-| www.097072.com-福彩几点开奖| www.156567.com-五百万彩票安卓| www.231730.com-快三复式缩号| www.831096.com-幸运快三大小怎么玩| www.062146.com-幸运快三能提现吗| www.217200.com-福建体育彩票31选| www.693102.com-竞彩篮球比赛直播| www.774165.com-彩票大乐透玩法规则| www.856080.com-苏州体彩站点查询| www.917923.com-天下彩app-| www.31lb.com-彩虹哥卖号-| www.954987.com-瑞彩祥云提现| 天天中彩www.950606.com| www.788442.com-彩要开奖结果| www.925037.com-福彩彩票开奖直播| www.991804.com-分分彩后一稳赚技巧| www.hs56.com-竞彩之家app| www.t65.cc-时时彩后三杀号方法| www.66zf.com-赌彩票家破人亡事例| www.1760.cm-福彩网324-| www.8129.biz-体育彩票还是福彩| www.616741.com-银达时时彩登录网址| www.719582.com-福彩报纸图331| www.852533.com-五分彩个位定胆公式| www.913083.com-我去彩票站怎么样| www.969532.com-体彩7位-| www.gj31.com-分分快三是不是骗局| www.73225.com-彩圣网-| www.6737.pro-如意彩十码-| www.56573.com-河北体彩兑奖流程| www.094834.com-国家允许的彩票网站| www.3589.vip-世界奖金最高彩票| www.922884.com-贵彩棋牌破解器| www.10302.com-盈彩平台提不出钱来| www.964791.com-时时彩后二0369| www.715599.com-彩票代购实体店出票| www.782102.com-叶贝斯定律与彩票| www.848594.com-彩票网站返点最高| www.308344.com-安微省快三开奖| www.789005.com-竞彩购买量-| www.853105.com-甘肃体彩排列5开奖| www.857734.com-盈彩娱乐app下载| www.954667.com-华夏彩票手机客户端| www.ls55.cc-全民彩票公司| www.351552.com-世界杯彩票大数据| www.376281.com-彩家园彩票-| www.31891.com-河北福利彩票7位数| www.739632.com-福彩3d好中奖吗| www.609024.com-福利彩票一天销售额| www.723610.com-买什么彩票的人最多| www.908148.com-七星彩历史最大奖| www.nr5.cc-快三怎么玩容易中奖| www.7300.vip-彩虹六号手机妹壁纸| www.1355.in-澳门哪里买彩票| www.716016.com-众购彩票赌-| www.78717.com-乐彩论坛彩票预测| www.993640.com-支付宝上能买彩票吗| www.qj40.com-屠龙团队在做立彩| www.10dd.com-福彩123前后关系| www.95vp.com-彩友多平台安全吗| www.23gq.com-彩票套利负盈利| www.950611.com-乐彩客彩票网页版| 500彩票www.50024b.com| www.32618.com-全民汇彩票是否合法| www.99853.com-168官方彩票| www.490000.com-七乐彩今天几点开奖| www.687202.com-哪个网站可以投福彩| www.779105.com-中国福彩彩报| www.870111.cc-网易彩票购彩| www.930271.com-爱淘彩票app| www.974311.com-福利彩票开奖直播台| 彩票5www.202803.com| www.fv18.com-福彩帮投兼职| www.77868.cc-泰安体彩中心地址| www.718611.com-彩虹羽泉歌词意境| www.294848.com-体彩排列三最准断组| www.363388.com-彩虹六号耶格名字| www.115450.com-竞彩足球必发的作用| www.471355.com-怎么买赢海南私彩| www.552753.com-七星彩开奖电视台| www.qr19.com-体彩福彩哪个好| www.io23.com-足彩预测网-| www.9916.loan-万景国际彩票稳定吗| www.148244.com-234彩票官网电话| www.756247.com-中彩在线玩法| www.170803.com-甘肃快三今天预测| www.6283.cm-中国广州体彩网官网| www.36536.cc-乐彩下载app下载| www.178103.com-3分快三开奖结果| www.233373.com-c868彩票下载| www.252715.com-微彩站彩票官网首页| www.973225.com-彩虹app-|