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天

知道了
9彩注册 www.117489.com-五百万彩票下载安装| www.206318.com-利彩工具-| www.338382.com-彩票在支付宝兑奖| www.531209.com-新浪百度彩票走势图| www.062814.com-博盈彩票-| www.318238.com-十字彩是赌博吗| www.395296.com-cf彩虹哥卖号网站| www.538418.com-彩报3d大花猫| www.626967.com-933彩票老款| www.705009.com-福利彩双色球安装| www.782996.com-福运彩票安徽快三| www.877116.com-体彩排三规律速查表| www.384506.com-杨光华彩票大王视频| www.096096.cc-官方购彩平台有哪些| www.1753.com-万彩影像大师免费版| www.628967.com-彩票咋个买几个数字| www.960014.com-快三对子哪个概率高| 500彩票www.394577.com| www.jk48.com-481彩票官方网| www.591852.com-体彩比分计算器| www.670802.com-彩经网手机-| www.1194.cc-香港好彩-| www.528.gg-和彩云网页版| www.763803.com-快三豹子1呗多少钱| www.1395.vip-简单水彩画教程花| www.713336.com-美人鱼购彩-| www.5820.vip-足彩胜负14场赛程| www.186572.com-青海快三规律破解| www.231732.com-中国彩吧网开奖号| www.60413.com-中彩票横财八字案例| www.51852.com-彩名堂苹果手机版| www.80ij.com-博瑞彩票app| www.3058.net-彩神计划王3天计划| www.7762.cc-中国彩票中奖者| 500彩票www.50080d.com| www.l24.in-国际彩票棋牌| www.80us.com-彩票网哪个网址最好| www.908609.com-快三直播在线观看| www.987977.cc-微中彩-| www.dz18.com-彩票游戏是骗人的吗| www.219594.com-杭州快乐彩12选5| www.286345.com-炫乐彩票是赌博吗| www.314646.com-极速3d彩票规则| www.80917.com-排五是福彩还是体彩| www.044446.com-福彩试机号今天号| www.813143.com-快三最多买多少倍| 乐彩网www.324229.com| www.870609.com-易旺彩票骗局| www.995996.com-快乐彩五行最大遗漏| www.qr37.com-体彩公益金的用途| www.27ev.com-众购彩票导航网址| www.080560.com-快三赢钱心得| www.207989.com-乐彩网大发快三下载| www.088293.com-如何审计福彩| www.181767.com-湖北快三预测号| www.582350.com-现代彩票下载| www.822404.com-易赢彩票骗局揭秘| www.me6.cc-河北省快三推荐号码| www.335822.com-永安彩票可以提现吗| www.775896.com-鸿远彩票计划团队| www.503236.com-铜雀台彩票网址| www.658158.com-今日足彩开奖结果| www.877660.com-中国球彩票网| www.19rt.com-得力彩票23993| www.4282.xyz-体彩五地走势图| www.978489.com-财富彩票平台手机版| www.39to.com-o83期三地彩票| www.993815.com-足彩是怎么个玩法| www.67dj.cc-太原体彩转让信息| www.09md.com-大通彩票手机版下载| www.1460.xyz-古风美人手绘彩铅画| www.34871.com-体彩360下载版| www.785349.com-领航彩下载安装| www.148666.com-福利彩票25选七| www.382151.com-彩票怎样买中豹子| www.552960.com-时时彩反长龙必死| www.663817.com-中国彩巴更懂彩民| www.673901.com-我的彩票app| www.755584.com-五福彩票苹果版本| www.855675.com-福彩3d彩先知网址| www.928980.com-贵宾中彩网正版资料| www.979746.com-国内知名的体育彩票| www.cp240.cc-江苏快三怎么玩稳赚| www.jt48.com-新3d彩票在哪买| www.555076.com-江西结婚彩礼| www.693137.com-周银鹤测彩票的博客| www.786723.com-app下载华夏彩票| www.869459.com-七星彩怎么在手机买| www.518529.com-中彩网麒麟双色球| www.102978.com-易中奖彩票app| www.7275.org-彩虹六号比分| www.75587.cc-中彩在线股东| www.27nr.com-彩票的投注技巧| www.92fl.cc-竞彩缴税吗-| www.43100.com-福彩双色球预测大师| www.9127.biz-彩虹岛app-| www.536213.com-体育彩票店装修图片| www.146109.com-周五竞彩足球彩客网| www.493755.com-网上购买彩票的网站| www.164988.com-红彩会彩票网怎么样| www.981252.com-排列三新彩网预测| www.992840.com-彩票团队微信兼职群| www.iu15.com-体育彩票6+1开奖| www.301927.com-七星彩秘诀最新| www.050880.com-幸运彩票打不开| www.o25.club-豪彩vipapp-| www.035714.com-www106彩票-| www.5169.love-茶光福彩网点查询| www.2193.wang-迅盈彩票注册| www.8831.vip-众彩网彩票专家预测| www.868585.com-向日葵团队导师彩票| www.54vd.com-福彩3d012-| www.72983.com-198元美飘扬一彩| www.341898.com-诺亚时时彩平台登录| www.835922.com-广东彩王彩图图片| www.0747.vip-彩票是即时开奖吗| www.397270.com-体育彩票与福利彩票| www.61223.cc-万达彩票高手论坛| www.351682.com-竞彩低赔陷阱| www.874280.com-两个平台彩票对刷| www.41nk.com-大公鸡七星彩画规表| www.527705.com-蜂鸟团队计划彩票| www.155428.com-玩彩票大平台ios| www.14124.com-小米彩票下载| www.91655.cc-乐米炫彩官网| www.134703.com-快三回血有成功的吗| www.292342.com-彩神uu-| www.274751.com-极速时时彩口诀| www.402336.com-dd彩可信吗-| www.147179.com-彩票定位胆技巧稳赚| www.295511.com-彩票中奖前的预感| www.478301.com-竞彩冷门中奖单| www.54td.com-足彩竞猜下载| www.778992.com-体彩排列五中奖地方| www.862985.com-安徽快三中奖图| www.940010.com-腾讯彩票投注平台| www.984171.com-凤彩字谜-| www.399061.com-七星彩开了多少年了| www.915432.com-淘宝招彩票代玩| www.987543.com-505彩票怎么玩| www.kv17.com-武汉快三遗漏| www.565608.com-体彩店怎么申请退款| www.592390.com-南方双彩缩水工具| www.771478.com-快三组三的技巧| www.eb32.com-内蒙古快三害死人| www.tt11.com-贵卅快三开奖查洵| www.04ds.com-彩票搜索-| www.6788.cm-a彩登陆-| www.175207.com-内蒙古快三规律破解| www.315986.com-商业区彩票店| www.400688.com-中国福彩最大中奖| www.501652.com-新浪网篮彩-| www.336619.com-9万彩票官网| www.411934.com-福彩杀码最准确| www.759327.com-幸运飞艇9号彩票| www.822430.com-福彩双色球胆拖计算| www.551056.com-足球彩票合买合买| www.636680.com-彩虹蜡笔画-| www.811730.com-双彩网计划-| www.126461.com-智慧彩挂机骗局| www.72700.cc-精彩片段-| www.1088.vip-彩票斩龙是什么意思| www.18196.com-福彩预测最新最准| www.w89.net-彩神网火爆4肖|