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.029730.com-彩宝网3d跨度| www.764701.com-打开拼搏在线彩票网| www.x27.org-乐彩网工具-| www.93od.com-希腊三分彩开奖时间| www.543500.com-有什么好的彩票网站| www.817086.com-国外彩票官网| www.1627.org-捕鱼厅注册送彩金| www.816315.com-三分彩是哪里的| www.914228.com-彩乐园应用下载| www.71648.com-福彩3d天天开吗| www.qv26.com-彩票pc是什么意思| www.55vy.com-十一选五爱彩乐| www.ef44.com-吉林快三百科| www.k50.top-玩诺亚彩票被骗了| www.50ww.com-德国鲸彩漆-| www.192929.com-甘肃福利彩票官网| www.35650.com-中华彩票网电子报| www.127834.com-彩虹吉他简谱| www.308155.com-彩38网站-| www.427058.com-彩美旭果最新| www.666588.com-乐事彩票下载| www.785883.com-北京福彩专刊| www.b30.cc-福彩双色球字谜总汇| www.04wc.com-竞彩网官方-| www.8408.pw-彩票三第开奖直播| www.121888.com-宁夏体育彩票排列五| www.226975.com-福彩3d乐彩网论坛| www.637113.com-彩虹手机电视直播| www.862605.com-快三有东北快三嘛| www.ir64.com-彩票兑奖302| www.085650.com-彩票的乐彩论坛| www.rk5.cc-红旗彩票快三靠谱吗| www.280172.com-时时彩号码开奖| www.493330.com-中体育彩票了| www.581882.com-999彩票网可靠吗| www.672630.com-安然七星彩众彩网| www.780662.com-88手机彩票专家| www.90xo.com-miui10彩蛋-| www.4437.vip-众亿彩票网官方| www.970028.com-七彩球开奖-| www.69xc.com-五子彩球小游戏| www.60690.com-环球彩票9028| www.698324.com-谁有吉林快三群| www.266867.com-中国福彩海南快三| www.443618.com-七乐彩今天出号| www.700015.cc-竞彩足球跟单有赚吗| www.085002.com-上海11选5爱乐彩| www.95036.com-海南结婚彩礼| www.649028.com-博彩澳门网站| www.748177.com-大富豪彩票官方| www.199673.com-福建快三走势图和值| www.gq60.com-河南彩色透水混土| www.08va.com-体彩排列三出号走势| www.369190.com-神采争霸大发快三| www.479966.com-澳门分分彩开奖记录| www.563860.com-今目3d彩涂-| www.647364.com-彩坛至尊免费料大全| www.734598.com-福气彩票查询快3| www.820021.com-周三开什么彩票| www.894205.com-旧版彩经网-| www.969538.com-江苏快三购买| www.cai9366.com贵州体彩下载| www.225708.com-中彩神网-| www.301955.com-众彩排列三专家预测| www.366552.com-油性彩铅叠色顺序| www.447339.com-众彩网靠谱不| www.528573.com-彩民之家a版彩| www.674557.cc-亚搏彩票app下载| www.741030.com-澳门足彩投注网站| www.803595.com-大众彩票app安卓| www.870469.com-吉林市开彩票站| www.974945.com-彩票查询大乐透预测| www.566107.com-下载49彩票-| www.676837.com-彩色包装盒印刷| www.743004.com-购彩网网站-| www.801914.com-今天的福彩中奖号码| www.867072.com-v8彩票平台-| www.920335.com-825彩票下载| www.970869.com-腾讯分分彩开奖号码| 鑫亿彩www.196702.com| www.gk12.com-众彩app怎么下载| www.774918.com-彩票170com| www.26qt.com-福彩3d大神群| www.180488.com-一分快三骗局| www.29622.com-51彩票平台怎么样| www.27784.com-福利彩票中三个| www.312968.com-彩票占卜幸运号| www.360567.cc-中国福利彩票网投| www.444636.com-下彩网平台网站| www.19656.com-中国福彩3d论坛| www.433110.com-大富翕彩票平台| www.532669.com-双色球彩票规律破解| www.607398.com-江西彩民中奖| www.692326.com-公平彩票-| www.767838.com-快三买复式怎么算钱| www.873916.com-江苏快三加奖| www.934320.com-智博彩票是真的吗| www.996116.com-足彩19037推荐| www.bs83.com-时时彩缩水软件在线| www.662279.com-彩79.apk-| www.739666.com-福彩3d开讲奖号码| www.811952.com-福彩主任王素英微信| www.879699.com-银川仟彩摸吧乱不乱| www.949095.com-数字型彩票玩法| www.998414.com-天津彩票站-| www.al40.com-广西体彩11选5| www.qt90.com-彩票案于海最终结果| www.356828.com-黑龙江福彩36选7| www.65lg.com-数字彩票竞技风暴| www.01sl.com-3d太湖字谜新彩网| www.591117.com-103彩票ios-| www.736626.com-多彩贵州网百万公众| www.824825.com-买彩票成瘾怎么戒| www.909821.com-lccp乐彩网-| www.979793.com-最安全的彩票软件| www.jn2.com-河北省快三一定牛| www.33fx.com-3d彩票今天图纸| www.ar94.com-安微快三开奖| www.434438.com-江西有自助彩票机吗| www.537161.com-博彩排名-| www.645740.com-特彩吧高手网料| www.755997.com-快三合值追豹子| www.853478.com-4海南彩票开奖结果| www.912376.com-网上买彩票要判刑吗| www.971349.com-3b福彩字谜正版| www.iz09.com-华夏彩票可靠吗| www.f88.net-华人彩票可靠吗| www.40401.cc-彩票碎了还能兑| www.21235.cc-500彩票网停售| www.698962.com-美国彩票怎么买| www.789256.com-鸿发彩票网正规吗| www.879313.com-刮刮彩中奖图片| www.938953.com-快三权威软件著作权| www.989952.com-彩漂液的危害| www.cp5788.com-快3彩票有人发财吗| www.lw73.com-幸运时时彩官方网站| www.c38.club-北京五分彩开奖官网| www.6546.cn-中华购彩-| www.68568.com-全彩网八仙过海| www.71553.com-卓易彩票17年版本| www.72ua.com-七星彩中奖号码预则| www.830079.com-彩票平台中博安全吗| www.940298.com-吉林快三啊-| 88爱彩www.88ac.com| www.09060.com-彩票站卖黑彩判刑吗| www.901199.com-3d天天彩图-| www.958857.com-网上彩票开售| 亿彩堂www.87668x.com| www.316770.com-黑龙江时时彩彩票| www.079677.com-乐购彩票官方下载| www.261817.com-七天彩票app| www.490984.com-大地彩票不出金| www.762665.com-博时时彩-| www.46537.com-西蔵快三开奖| www.037555.com-免费彩票过滤软件| www.273485.com-快三多久开一次| www.420228.com-竞彩蓝球实时比分| www.608733.com-赛马派彩及结果s1| www.739706.com-炫乐彩票有黑幕吗| www.892052.com-k彩彩民登录| www.yx77.com-彩票计划哪个好用| www.44347.com-全民竞彩旧版本| www.000457.com-时时彩盈利25万| www.702.xyz-江西时时彩专业版|