QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jQuery大气的图片案例展示tab选项卡切换代码

原创商用 jQuery大气的图片案例展示tab选项卡切换代码

jQuery 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="case_box">
	<h3>他们正在使用</h3>
	<div class="category w1200">
		<ul>
			<li class="active">大朴</li>
			<li>多丽城跨境电商</li>
			<li>茶小样</li>
			<li>可得福</li>
			<li>微品农社</li>
		</ul>
	</div>
	<div class="content w1200">
		<div class="cont active">
			<img class="bg" src="statics/images/case1.jpg" />
			<div class="info">
				<div class="title">
					<div class="logo"><img src="statics/images/logo1.png" /></div>
					<h4>大朴</h4>
				</div>
				<p>2012年创始的品牌,是一家致力于“高安全性、高质量、 高性价比”的品牌家居电商,以独特的布局和市场定位,被消费者誉为“中国的无印良品”。作为互联网品牌电商,大朴采用全渠道营销策略,不仅入驻天猫、京东、唯品会等主流平台,同时也通过个性化定制自主的独立商城,引领家居行业“互联网+”的方向与实践。</p>
			</div>
		</div>
		<div class="cont">
			<img class="bg" src="statics/images/case2.jpg" />
			<div class="info">
				<div class="title">
					<div class="logo"><img src="statics/images/logo2.png" /></div>
					<h4>多丽城跨境电商</h4>
				</div>
				<p>多丽城跨境电商,是一家专门做跨境电商业务的综合商城,品类涵盖服饰箱包、美妆个护、母婴用品、数码电子等。通过自建B2C网上商城,为用户提供海量跨境正品商品。</p>
			</div>
		</div>
		<div class="cont">
			<img class="bg" src="statics/images/case3.jpg" />
			<div class="info">
				<div class="title">
					<div class="logo"><img src="statics/images/logo3.jpg" /></div>
					<h4>茶小样</h4>
				</div>
				<p>茶小様,是由大武夷茶叶交易市场,所打造的茶产业供应链综合服务平台,通过B2B茶叶直卖的创新模式,以茶样品体验促成茶叶批量成交,为茶农茶企开拓销售渠道。</p>
			</div>
		</div>
		<div class="cont">
			<img class="bg" src="statics/images/case4.jpg" />
			<div class="info">
				<div class="title">
					<div class="logo"><img src="statics/images/logo4.jpg" /></div>
					<h4>可得福</h4>
				</div>
				<p>可得福,是一家专门做外贸工厂店的线上商城,企业通过个性化搭建线上的独立商城,满足企业的多样化需求。专注于羊绒羊毛、棉麻时装,为用户提供高品质高性价比的服饰。</p>
			</div>
		</div>
		<div class="cont">
			<img class="bg" src="statics/images/case5.jpg" />
			<div class="info">
				<div class="title">
					<div class="logo"><img src="statics/images/logo5.jpg" /></div>
					<h4>微品农社</h4>
				</div>
				<p>微品农社是国内顶尖专业为大型企业集团服务的产业互联网云平台建设和运营商。与北京、上海、四川、云南等17个省市建立了合作平台,合作项目涵盖了移动通讯、电商平台,农村电商扶贫等多个领域。微品农社还联合县域农商和当地政府,打造特色商品,精准扶贫,帮助农民创收,协助企业互联网转型,促进农村经济发展。</p>
			</div>
		</div>
	</div>
</div>
<!--选项卡-->
<script type="text/javascript">
	$(function() {
		$('.category ul li').click(function() {
			var i = $(this).index();
			$(this).addClass('active').siblings().removeClass('active');
			$('.content .cont').eq(i).addClass('active').siblings().removeClass('active');
		})
	});
</script> 
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
1分快三 www.92cw.com-01彩票靠谱么| www.103886.com-中彩网资料-| www.093103.com-上海堰钜彩钢机械| www.679386.com-痴迷买彩票的事例| www.903131.com-时时彩飞艇-| www.cai3811.com安徽快三遗漏| www.663602.com-今晚七乐彩开奖吗| 顶尖彩票www.168767.com| www.948113.cc-福利彩票的中奖规则| www.dn45.cc-中彩票要交多少税| www.23773.cc-彩票微助手小程序| www.om51.com-福彩走势图综合版| www.7091.cn-3d家彩网胆码预测| www.709815.com-七彩争霸-| www.861881.com-七乐彩红球定胆| www.940116.com-福彩官方网站| 金冠彩票www.49956f.com| www.656156.com-买什么彩票稳赚不赔| www.199218.com-河北快三推号码| www.837701.com-彩票之家开奖结果| www.501133.com-万彩吧万彩吧万万彩| 500万彩票www.35155p.com| www.rx61.com-有安徽快三的台子| www.6778.top-唯彩会福彩首页| www.04lx.com-水溶彩铅使用方法| www.042333.cc-快易彩下载-| www.953843.com-牛牛网彩票靠谱吗| www.506301.com-五行预测彩票书籍| www.916684.com-乐迎彩票是咋玩的| www.hl26.com-彩神uu快三-| www.97rl.com-博友彩官网地址| www.8999.hk-网络乐彩彩票| www.967187.com-彩票顺口溜笑话| www.bm11.com-下载人人彩票| www.0do.com-彩客电脑版本| www.274739.com-大发时时彩中奖说明| www.358977.com-七星彩生日姓名选号| www.454343.com-福彩网络购买彩票| www.392022.com-258竞彩篮球论坛| www.562637.com-福彩淘彩吧-| www.975984.com-驻马店正阳彩礼多少| www.na76.com-江苏福彩快三玩法| www.44gj.com-天天头彩官方| www.090588.com-博友彩是什么| www.973726.com-五百万彩-| www.js72.cc-彩神iv软件-| www.52gl.com-浙江时时彩开奖号码| www.449835.com-爱乐透彩票买不了| www.615208.com-微信玩彩票群| www.982203.com-快三56种组合| www.ur0.com-福彩快三预测神器| www.rx49.com-中彩网安装-| www.4uf.com-时时彩后二稳赚霸主| www.95vm.com-彩友会是合法软件吗| www.74fl.com-体彩什么时间开售| www.359667.com-彩宝站彩民端| www.225687.com-希腊时时彩开奖结果| www.197001.com-彩票计划软件app| www.333291.com-足彩缴税规则| www.14sq.com-qq时时彩计划| www.82892.cc-体彩软件app| www.916464.com-甘肃快三奖金是多少| www.cp8880.com-红快三-| www.xr96.com-重庆中彩票大奖案例| www.86hb.com-快乐e彩-| www.3062.org-体彩即开型彩票象棋| www.270553.com-怎样下载新彩网| www.345038.com-棋牌彩票搭建| www.gq40.com-河南省彩钢围挡厂家| www.108398.com-玩彩票心态要怎么稳| www.113561.com-四川省福彩领奖流程| www.h32.net-下载快彩网-| www.830606.com-2018新彩票平台| www.nj14.com-中国竞彩网竞彩篮球| www.52583.cc-江苏快三快乐彩| www.069798.com-鑫彩登录平台登录| www.227269.com-彩票系统破解版| www.550328.com-沧州彩客集团| www.720779.com-网络赌博快三| www.63301.com-飞彩体育网-| www.31ce.com-3位数彩票开奖查询| www.0514.top-网上达人彩票| www.130471.com-彩票投注站电话号码| www.803867.com-海南公布彩票新玩法| www.188454.com-合买彩票app| www.296064.com-广西快彩网-| www.386751.com-彩宝网3d金码| www.541626.com-彩票源代码骗局| www.287181.com-查福彩体彩开奖结果| www.2970.cc-星光彩票网站是多少| www.01274.com-19043期七星彩| www.54238.com-全天88时时彩| www.065385.com-必赢彩票案子结案没| www.91109.com-日免好彩多少钱一条| www.115845.com-新手彩票买什么好| www.099715.com-网售彩票何时恢复| www.090004.com-时时彩怎么代理| www.2494.vip-彩票开奖计划软件| www.930067.com-彩票网人工计划| www.993123.com-足彩入门到精通| www.006685.com-好彩一遗漏-| www.932319.com-老彩民精品24码| www.773071.com-彩票预测最准的专家| www.979243.com-好彩香烟多少一包| www.pe33.com-福利彩票双色球倍数| www.965661.com-彩票宝提现失败| www.cp936.com-百度快三彩票合法吗| www.nd43.com-中彩手彩票合法吗| www.r55.top-快钱彩票是正规的吗| www.45ve.com-爱投彩票靠谱| www.493.bid-彩票产品的定义| www.4862.xyz-梦到彩票站-| www.8949.org-福彩3d在哪看直播| www.862000.com-河南福彩管理中心| www.11817.cc-9999彩票下载| www.060781.com-私彩和官方有关系的| www.88946.cc-皇帝彩票资料网| www.6ms.cc-福利彩票128| www.290.live-七星彩连续3个号码| www.6666.link-三分快三团队| www.cr73.com-福彩3d走势-| www.vz13.com-新快三手游单机| www.04hn.com-我在一个买彩票平台| www.34ku.com-每周几七星彩开奖| www.584088.com-福彩中心安全吗| www.st22.com-时时彩9码注码法| www.643530.com-买彩票5元都很难中| www.767058.com-广东彩票下载| www.872525.com-贵州省福彩管理中心| www.563945.com-3b彩票试机号| www.29086.com-大发彩票登录官网| www.131045.com-河南林州彩礼钱多少| www.269255.com-长城彩票官方版| www.857999.com-20选1福彩-| www.918716.com-博彩软件-| www.971779.com-彩票网站名字大全| www.cai8466.com体彩开奖号-| www.7392.biz-福彩慈善事业| www.762663.com-博王时时彩下载| www.774406.com-网络彩票代理赚多少| www.956335.com-福利彩票三d开奖号| www.481658.com-输浙江福彩官网| www.48lq.com-文星彩-| www.fn32.com-3d彩票走势图跨度| www.236165.com-购彩平台代理| www.228013.com-河南快三未出的号码| www.345647.com-大豪客彩票官网| www.296235.com-安徽快三大小计划| www.028962.com-玩快三的技巧和秘诀| www.705180.com-足球彩票中奖经历| www.855327.com-中国福利彩票双彩球| www.990423.com-下载彩票软件可靠吗| www.a76.cc-彩票查询排列五今天| www.77ly.com-彩福宝典-| www.228868.com-好彩香烟60万购买| www.10jg.com-天佑风采彩票| www.010050.com-淘宝网购彩票合法吗| www.q17.net-乐彩网3地-| www.1990.vip-12彩票软件-| www.764085.com-43彩票下载安装| www.319203.com-五星彩网-| www.265676.com-广西快三内部| www.062528.com-破解彩票漏洞犯法吗| www.0rb.com-中国彩运网-|