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天

知道了
亚洲28 www.083619.com-福彩快3网站关闭| www.w99.tv-买重庆时时彩的平台| www.2229.vip-手机赚钱的彩票| www.029212.com-福彩3d胆码家彩网| www.186852.com-中原彩票1分快3| www.318149.com-各种彩网-| www.018053.com-体彩7星彩合买| www.868803.com-七乐彩杀号秘笈| www.co57.com-浙江快三开奖| www.gg5.com-快乐时时彩b盘| www.56687.cc-速彩网下载-| www.066008.com-彩虹代刷网装修代码| www.w72.club-家彩试机号-| www.701084.com-彩票通cpt-| www.916871.com-彩票平台注册送财金| www.ww08.com-最新申请26元彩金| www.1262.vip-江苏11选五时时彩| www.89869.cc-福彩和值和尾走势图| www.ru58.com-全国快三彩票| www.87300.com-信达国际彩票| www.123684.com-七彩奖下载-| www.0660.loan-福彩三十五选七中奖| www.581196.com-体彩世界杯竞猜倍率| www.277216.com-三分钟一开的彩票| www.9248.biz-七星彩准头尾论坛| www.288575.com-足彩怎么买-| www.413399.com-竞彩赚金游戏| www.523702.com-体彩14场胜负开奖| www.888955.cc-凤凰彩票有人玩吗| www.960922.com-优点彩票-| www.696.red-足球竞彩胜平360| www.nx03.com-彩票九九集团| 盛彩网www.41518p.com| www.77332.cc-福利彩票30期| www.701276.com-今期财神报彩图| www.995687.com-足彩单双-| www.43gx.com-披横挂彩-| www.735459.com-吉祥彩票大发时时彩| www.869208.com-巨丰彩票网站| www.972669.com-gv彩虹世界论坛| www.fx03.com-天天中彩票平台诈骗| www.gf4.com-生肖彩票怎么买| www.138383.com-云南体彩十一选五| www.722956.com-江苏常州彩票中奖| www.592591.com-全通彩票-| www.746363.com-8亿彩app苹果| www.948721.com-3d和值尾中彩网| www.qe02.com-福彩快3官方| www.60jn.com-福彩3d寻宝图全图| www.yg49.com-内蒙竞彩快三查询| www.982442.com-鸿彩网盈利模式| www.sv76.com-大学生玩彩票| www.3544.xyz-彩票研究都是白费| www.012569.com-河南省体育彩票快赢| www.82770.com-时时彩十码-| www.063021.com-全国彩票店-| www.130379.com-福彩3d大彩网| www.726625.cc-鸿彩平台有问题吗| www.882623.com-易彩堂可信吗| 网易彩票www.082wy.com| www.216196.com-体彩6十1玩法介绍| www.79sg.com-精英网彩票与你同行| www.630655.com-网上购彩官方网站| www.7568.net-东方亮彩倒闭| www.59509.com-彩客网首页网址| www.046498.com-51彩票快三-| www.196120.com-快三二同号复选推荐| www.396409.com-星期天彩票开奖| www.727307.com-快彩网是正规的吗| www.42444.cc-双彩网是什么东西| www.90101.com-七彩视界最新版本| www.046569.com-51网上彩票-| www.120022.com-体彩附近网点查询| www.207454.com-彩票大师官方版| www.296431.com-必发彩票开奖网| www.384803.com-大乐彩票开奖| www.vp65.com-福彩三等奖多少钱| www.15ae.com-欧洲幸运5彩票| www.0120.in-彩票包括哪些| www.5816.biz-玩彩平台信誉排行榜| www.10487.com-竞彩单关统计| www.675228.com-高频竞彩-| www.917716.com-网上网站赌博送彩金| www.hn48.com-玩彩票赚钱-| www.4749.cm-外国人在中国中彩票| www.53884.com-彩票中奖上税多少| www.57095.com-福彩小黄人-| www.994003.com-什么彩票最好赚钱| www.b21.com-福彩排列3玩法介绍| www.372320.com-彩8万app-| www.78583.cc-重庆体彩中心官网| www.292936.com-智慧彩河南快三| www.330070.com-中国足球彩票新浪网| www.75rw.com-6合如何稳彩| www.21337.com-1305彩票被骗| www.888333.cc-赢彩彩票注册邀请码| www.ll95.com-中彩彩票有什么规律| www.bz01.com-福利彩票往期查询| www.10mq.com-福彩3d金码推荐号| www.832.cm-3月1日彩票直播| www.020335.com-青蛙彩票80700| www.rd66.com-彩票任选三复式对子| www.967994.com-宁夏体彩新11选5| www.w24.cc-四季彩票下载| www.402097.com-一定牛彩票足彩直播| www.599485.com-彩票怎么能中大奖| www.722227.cc-彩铅画甜点-| www.095086.com-好彩高好论坛| www.18049.com-中国福彩利票| www.68395.com-鸿彩app下载| www.6yd.com-做网络彩票-| www.70qp.cc-彩易达科技有限公司| www.69892.com-彩八c8com下载| www.732001.com-南国彩票论坛网| www.80359.com-彩票游戏开元棋牌| www.38395.com-505彩票安全吗| www.106054.com-彩票店双色球二维码| www.8119.net-福彩快频彩app| www.41784.com-中华彩吧合法吗| www.93332.com-机选七星彩票| www.dm54.com-各省份快三开奖| www.815233.com-bb彩票骗局-| www.978829.com-雷语好彩一预测| www.383874.com-时时彩代码接口调用| www.666032.com-买彩票找我-| www.516167.com-一分钱起投的彩票| www.986655.com-彩票365登录| www.hk11.com-快三精准预测号码| www.516166.com-尤师彩票-| www.233860.com-河南省福彩快三| www.367977.com-七彩星小说| www.581725.com-天天爰彩彩票下载| www.997374.com-彩票com-| www.8662.biz-1234彩票app| www.b77.wang-江西快三哪里买| www.684055.com-体育彩票竞彩计算机| www.77ez.com-彩票指南报纸风采网| www.523612.com-手机时时彩合法吗| www.689249.com-齐鲁福利彩票33| www.927714.com-俄罗斯28彩票| www.983858.com-河南体彩领奖流程| www.cai2766.com内蒙快三形态走势图| www.05il.com-七乐彩开奖顺序| www.04wf.com-彩铅画自学能学会吗| www.60062.cc-多宝彩票开奖结果| www.077569.com-百宝彩走势图下载| www.137303.com-彩票三星做号软件| www.796036.com-国际彩票骗局| www.898619.com-香港致富彩总站| www.974006.com-福彩有几种刮刮卡| www.978.cc-研究彩票中大奖的人| www.k19.cx-湖北快三走势图看看| www.539240.com-彩票出售-| www.998142.com-福彩赛车pk10| www.ds75.com-快彩app有几种| www.424333.cc-彩票领奖中心| www.529810.com-时时彩骗局视频直播| www.37379.cc-彩宝app官网下载| www.cv54.com-亚洲彩票合法吗| www.rr47.com-全国快三开奖公告| www.41711.com-买足彩软件-| www.084388.com-1分快三精准计划网| www.176296.com-北京福彩快3走势图| www.229820.com-盈彩彩票邀请码多少|