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.338780.com-118官方彩票入口| www.cai8228.com安徽体彩十一选开奖| www.205793.com-彩票计划是不是骗局| www.505332.com-博彩王秘旨-| www.643234.com-特彩吧96q、cc| www.657826.com-31竞彩吧安全吗| www.361952.com-描写彩虹的经典诗句| www.60ix.com-福利彩票复式怎么算| www.16030.com-网络卖彩票会坐牢吗| www.13128.cc-9u官方彩票平台| www.88924.com-霸神彩票-| www.491286.com-釉下彩绘制技巧| www.664151.com-彩票大富翁网址| www.797516.com-99彩票手机客户端| www.910198.com-彩虹六号配置| www.996872.com-七星彩开奖机选| www.oe07.com-福彩官方投注网站| www.01433.com-彩世界高手预测彩票| www.775083.com-29日吉林快三分析| www.929297.com-国际经典快三| www.in06.com-河北快三预测和值| www.6lo.com-高频彩逻辑-| www.94hc.com-七星彩怎么看走势图| www.33932.com-快三怎么样才能回血| www.396385.com-星期六都有什么彩票| www.694396.com-排三众彩专家预测| www.884164.com-五行3d图彩票| www.282776.com-快三网页-| www.478575.com-深圳福彩官方网查询| www.674207.com-o2o购彩平台| www.595690.com-异地彩票中奖| www.409433.com-辽宁体彩爱彩乐| www.860345.com-河内时时彩官网| www.731843.com-8k彩票骗局-| www.813711.com-宁夏体彩开奖信息| www.927968.com-青海福彩官网| www.cp8663.com-福彩3口开奖今天| www.48366.com-足球竞彩软件排行| www.799365.com-刷彩金交流群| www.977861.com-足彩买不了了| www.ty42.com-足彩彩票高手| www.622530.com-彩钢卷多少钱一吨| www.818515.com-竞彩图片-| www.962284.com-福彩3d十位杀号| www.ez91.com-黑客软件破解彩票| www.77px.com-五行彩票预测最准的| www.8631.biz-老彩票网-| www.727302.com-七彩票-| www.090862.com-网易彩票中奖| www.258805.com-足彩资讯-| www.434342.com-南昌体彩11选5| www.787959.com-cb8彩宝-| www.807147.com-足彩二串一稳赚技巧| www.7004.xyz-七彩平台查分| www.500029.cc-彩票最早形式| www.675245.com-国家为什么控制竞彩| www.903026.com-彩票路途遥远任务重| www.zk76.com-彩客网比分直播| www.53171.cc-d8彩票app-| www.954971.com-彩票店网上接单| E彩堂www.9818a.cc| www.14wn.com-彩票机致万人中奖| www.770750.com-七彩国际影城影讯| www.931502.com-天空彩tktkcc| www.cr9.com-快三能玩吗-| www.3gj.com-下载京彩7515| www.955.cm-彩票最-| www.040036.com-一定牛甘肃快三| www.5566.net-体育彩票大乐中奖人| www.9ng.com-亚彩会注册-| www.85593.cc-购彩引导-| www.073996.com-代理手机彩票平台| www.220895.com-彩票外挂手机版下载| www.292907.com-越南时时彩下载| www.246799.com-玩彩票安卓-| www.453620.com-牛彩网图迷九| www.391659.com-7意彩安卓版| www.523235.com-亚投彩票网址| www.609628.com-腾讯分分彩后二高手| www.685456.com-下载彩票中奖软件| www.762179.com-奇门测港彩技术| www.824921.com-竞彩猫靠谱吗| www.887489.com-明代釉下五彩| www.956433.com-富贵彩是坑人的吗| 688彩票www.033.la| www.379779.com-彩票运行原理| www.640780.com-新浪彩票竞技网| www.tu36.com-彩票合买的优势| www.76858.cc-安微快三夸度走势图| www.502810.com-靓彩印刷厂怎么样| www.862658.com-体彩体彩排列五开奖| www.955419.com-专业彩票改单| 中原彩票www.304110.com| www.hu49.com-中国体育彩票有哪种| www.zu07.com-福彩7乐彩中奖规则| www.571666.com-菲律宾快三-| www.670373.com-3d福彩今日谜语| www.760346.com-吉林时时彩玩法| www.835915.com-青海福彩网小黑板| www.900468.com-深圳十一选五爱彩乐| www.964775.com-河南体彩网官方网站| 豪彩VIPwww.101372.com| www.fy75.com-快三预测软件破解版| www.we54.com-福利彩票店图片| www.100138.com-8炫彩即开型怎么玩| www.184646.com-福彩自助北京快3| www.308333.com-湖北快三中两个数字| www.388969.com-华彩人生新版| www.72od.com-福彩3d直选大底| www.871855.com-江苏快彩票快三| www.968484.com-作弊彩票-| 尊彩www.472717.com| www.em36.com-福彩3d幸运号| www.vh45.com-江苏福彩七乐彩开奖| www.02zb.com-怎样分析彩票走势图| www.457470.com-关于买彩票的诗句| www.673958.com-玺彩画-| www.822121.com-500万购彩网| www.917448.com-内蒙快三注册| 乐彩www.le520.com| www.oj42.com-云南福利彩票| www.868459.com-海南七星彩app| www.174540.com-快三平台大全| www.87ja.com-买彩票提高中奖概率| www.el54.com-南宁快三走势图| www.5bx.com-赢家彩票合法吗| www.954115.com-还有买彩票的软件吗| 彩69www.069963.com| www.1078.org-快三计划群合法吗| www.07186.com-下载购买福利彩票| www.426098.com-体彩e球是谁开的| www.20hx.com-也买彩平台手机版| www.288729.com-竞彩模拟擂台大赛| www.376826.com-福彩3十1多少钱| www.487888.cc-贵州快三计划| www.564012.com-多彩贵州城旅游| www.639302.com-彩票店彩票安卓| www.698134.com-彩民堂计划软件| www.50163.com-红牛彩票破解方法| www.51224.com-投彩网彩票投注站| www.871819.com-彩迷网快三开奖结果| 福彩www.16878w.com| www.288691.com-世界杯预选赛竞彩| www.552905.com-玩彩害死人了| www.685619.com-福彩家财网-| www.855575.com-釉彩大瓶的成分| www.935495.com-福彩十五选五推荐号| 500万彩票www.96386k.com| www.yk03.com-福彩3d绝对布衣1| www.54fi.com-826网上彩票| www.346464.com-彩神uv使用-| www.733323.com-快三的套路-| www.816580.com-福彩啥时候开奖呀| www.888938.com-彩站宝怎么发起跟单| www.948926.com-彩票内部透码彩图| www.993379.com-足彩2串1全包图| www.qh3.com-一分快三太坑| www.834.cn-彩票直播间哪里有| www.92016.com-彩票中奖了怎么办| www.605092.com-胜负彩能中奖吗| www.733831.com-河南彩礼2018| www.101454.com-红彩app安全吗| www.230135.com-甘肃省快三出奖结果| www.990590.com-浙江体彩订票系统|