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天

知道了
畅彩 www.6550.in-黑客破解一分快三| www.737036.com-上海福彩选4| www.y58.ren-彩票走势图是什么| www.00383.com-南方双彩网2| www.915250.com-手机挂机软件彩票| E彩堂www.43818w.com| www.kw86.com-快三有多少省份| www.w33.net-乐彩神app诈骗| www.454954.com-国乐彩会崩盘吗| www.561305.com-体彩星期几开奖| www.78184.com-彩票中一等奖概率| www.029955.com-福彩刮刮乐在线兑奖| www.109212.com-k百彩网-| www.650215.com-什么彩票玩的人最多| www.737081.com-体彩大乐透软件安装| www.996800.cc-北京彩票中心地址| www.nr69.com-网赌博彩-| www.15788.com-油性彩铅画星空教程| www.137940.com-2019我爱彩票| www.79868.com-黑龙江体彩11选五| www.512705.com-大星彩票走势图官网| www.626885.com-大优彩票下载手机版| www.kp24.com-彩票中奖秘诀| www.656666.com-趣彩网官网登录| www.29ak.com-人物彩铅画图片大全| www.0671.pw-易彩彩票怎么看懂| www.70ol.com-安徽省体彩11先五| www.678475.com-vr彩票对接接口| www.101556.com-彩票信誉平台推荐| www.204400.com-下载内蒙古福利彩票| www.95kr.com-世界杯彩票顺口溜| www.791724.com-地方彩宁夏银川快三| www.990546.com-全民彩票网官网| www.bm31.cc-下彩-| www.wy02.com-星期六哪个彩票开奖| www.234141.com-福彩中心开机号今天| www.412344.com-008彩官网-| www.22833.cc-全民快3彩票| www.335126.com-中彩彩票手机版下载| www.444879.com-今天足彩专家推荐号| www.378891.com-体彩7星彩查询| www.924947.com-腾讯分分彩软件| www.tr13.com-安徽快三50-| www.59jw.com-竞彩网线路检测| www.7183.pw-彩宝首饰品牌有哪些| www.980196.com-桂林体彩中心在哪里| www.xa81.com-海南特区彩票网| www.d99.cn-足彩八串一什么意思| www.84ey.com-上海彩票亭拆除| www.8221.in-赔率高的赌彩网站| www.716520.com-落日彩铅画-| www.828276.com-大乐透复式彩票机选| www.961460.com-买彩票危险吗| www.eu15.com-uu快三必中计划| www.7yw.com-19彩票下载-| www.41pm.com-vr三分彩怎么样| www.377.red-一分钟大发快三| www.309662.com-体彩七位数怎么算| www.040869.com-尊享华夏彩票官网| www.wy47.com-万彩吧c8cn高手| www.977532.com-18051期足彩| www.293527.com-河南快三玩法说明| www.075372.com-七乐彩奇偶走势图| www.87989.com-新加坡十分彩| www.38951.cc-中福彩票网站| www.014190.com-七星彩app-| www.464141.com-福彩杀码定胆排行| www.879957.com-内蒙古体彩中心位置| 500万彩票www.39500s.com| www.15285.cc-描写彩虹色彩的句子| www.167739.com-皇都彩票快3| www.45oh.com-中博彩票平台贴吧| www.729877.com-共享彩票官方网站| www.829076.com-体彩排列三胆码分析| www.903911.com-有博彩平台出租的吗| 汇丰彩票www.977hf.com| www.589941.com-dd彩票app-| www.761546.com-快三人工计划群| www.961024.com-七乐彩计算器360| www.ws95.com-彩票双色球购买| www.03938.com-辽宁福彩中心| www.91477.com-好彩烟种类-| www.963594.com-做彩票代理怎么赚钱| www.by85.com-彩票招商术语大全| www.881740.com-彩票app试玩| www.333304.com-体彩三d走势图| www.679472.com-可乐彩票-| www.98728.com-时时彩有多假| www.169877.com-江苏快三推荐和预测| www.378536.com-幸运彩票下载ios| www.23319.cc-盈彩彩票官方网站| www.7608.vip-体育彩票赔率| www.ht43.cc-体育彩票快中彩| www.457057.com-鼓励彩民中奖的句子| www.568337.com-九九彩票网是真的吗| www.634353.com-多赢彩票软件| www.700485.com-足彩兑奖-| www.570226.com-勇士团队彩票靠谱吗| www.02668.com-登录亚彩会| www.675585.com-最近中彩票的号码| www.352773.com-网上不给买彩票了| www.720658.com-刮刮乐福彩自助终端| www.959171.com-河南快三模拟器| www.60kd.com-网易红彩分析靠谱吗| www.925595.com-云彩厅快3合法吗| www.675985.com-彩礼和聘礼给多少钱| www.839953.com-pc蛋蛋是哪的彩票| www.960086.com-五亿彩下载-| www.669021.com-彩色沥青路面造价| www.820420.com-彩钢瓦料-| www.897748.com-多彩贵州网考试| www.957142.com-杏彩平台登录网址| 日彩网www.rcw8866.com| www.oj63.com-吉林市彩票站| www.25fe.com-骰子和值大小彩票| www.yd9.com-彩神ⅴll-| www.52kw.com-丰彩漆官网-| www.85454.com-福彩双色球胆拖表| www.381430.com-买彩票犯法不| www.526151.com-篮球彩票怎么看| www.659473.com-彩票大乐-| www.859253.com-体彩6十1兑奖| www.940443.com-大发手游彩票| 全民乐彩票www.2934v.com| www.ji97.com-时时彩最准推算公式| www.x98.cc-彩票棋牌app下载| www.501323.com-易彩堂预测-| www.327565.com-微信彩票群是真的吗| www.801200.com-60彩票网-| www.864232.com-178彩票下载| www.919652.com-网上彩票先赢还输| www.964849.com-福彩海南大公鸡1版| 亚投彩票www.ya989.com| www.945013.com-体彩福建36选7| www.290810.com-合肥福彩快3走势图| www.463146.com-170彩票专家预测| www.579629.com-七星彩番外十| www.255379.com-福彩中彩网一周计划| www.535545.com-广东这边买生肖彩票| www.806319.com-快三开奖50走势| www.gb59.com-体彩三d-| www.747974.com-足彩快报最新版本| www.0799.bid-网上能不能买足彩| www.67738.cc-褔彩门户-| www.201021.com-7星彩走势图| www.917777.com-什么彩票平台出名| 吉利彩票www.80075r.com| www.27es.com-郑州体彩转让| www.4647.org-买彩票心理-| www.7742.cn-∪9彩票破解| www.194838.cc-重庆时彩稳赚7绝招| www.318764.com-福彩助手买不了| www.200586.com-福彩快三上海开奖| www.463448.com-彩部首是什么| www.569458.com-皇家彩世界ios| www.828053.com-老彩民软件下载| www.xx78.cc-688彩票安卓版| www.98yt.com-乐彩网排列三开机号| www.vr63.com-彩迷葫芦弟-| www.104165.com-中国彩是正规的吗| www.397850.com-玖玖彩票是不是合法| www.739995.com-福彩走势图有用吗| www.910592.com-中国竞彩足彩网首页| www.2654.cc-彩票2020app|