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.52857.cc-彩神外国-| www.082551.com-2118彩票-| www.170053.com-廊坊快三-| www.866.site-时时彩永赚不亏方法| www.562661.com-唐龙两码和淘彩吧| www.691675.com-新浪胜负彩开奖| www.784168.com-福利采彩票开奖| www.871044.com-体彩7星彩合买| www.13313.cc-足彩6场3关-| www.777212.com-澳客彩票可信吗| www.886788.com-大彩票app-| www.973426.com-倒带和彩虹歌词对比| www.tb.com-宁夏快三玩法技巧| www.77ef.com-爱彩乐11选五浙江| www.865410.com-体育彩票开奖查询体| www.941353.com-hk百彩网免费料| www.998937.com-幸运彩乐园下载| www.fw84.com-天天中彩票没人管吗| www.xa13.com-体彩七星彩几点开奖| www.286612.com-三d彩吧图谜第一版| www.386912.com-乐乐彩足球推介| www.571362.com-二四六好彩下载| www.657159.com-瑞安彩乐鸟鞋网店是| www.788213.com-中国足彩网l| www.hb.com-安徽快三出什么号| www.7866.com-好彩运开奖-| www.132334.com-彩礼不能超过两万| www.288802.com-彩票拉人术语| www.450072.com-爱赢彩彩票app| www.225012.com-福彩幸运快三邦投| www.332445.com-可以网络买彩票吗| www.795512.com-快三7的和值| www.947428.com-西赵口彩吧-| www.ls8.com-彩票开奖查询彩| www.t38.top-湖北彩票中奖未领| www.355.date-哪里可以看外国彩票| www.902681.com-彩票冠亚2.2| www.967234.com-时时彩购买网站| www.cp164.com-浙江体彩11选5| www.nw19.com-五分彩开奖查询| www.o78.cc-生日送彩票-| www.320024.com-腾讯彩票快3| www.277032.com-bb3d是什么彩票| www.060610.com-琼海私彩老板| www.789338.com-竞彩足球外围怎么买| www.021164.com-福彩公众号-| www.221992.com-网上彩票可以破解吗| www.811591.com-双彩网下载客户端| www.703779.com-电视下载派彩| www.12634.com-北京彩票网-| www.667138.com-今日体彩排列五预测| www.506902.com-福彩快三摇骰子官网| www.772307.com-网络彩票大平台| www.974169.com-广东福利彩票的种类| www.eu34.com-彩神计划破解版| www.088062.com-亿彩彩票苹果app| www.098713.com-体彩排列三中奖查询| www.91682.com-福彩3d双色球字迷| www.5701.cc-卖彩票的地方叫什么| www.932065.com-特区七星彩票讫坛| www.d94.org-好的正规的彩票网站| www.2956.cc-qq彩票登录不了| www.86833.cc-竞彩猫合买微信群| www.098310.com-国彩彩票下载| www.508841.com-澳客彩票网开奖大厅| www.376367.com-海南七星彩规律图规| www.182047.com-彩票开奖快三| www.0411.space-k彩彩民福地aqq| www.81gp.com-福盈门彩票网可信吗| www.185442.com-快三投注第一门户网| www.488987.com-包头市福利彩票中心| www.735372.com-703彩票网正规吗| www.912198.com-私彩抓到会怎样| www.495272.com-蓝月亮彩漂的成分| www.660243.com-金彩网大发快三| www.770992.com-分分彩智能计划软件| www.do46.com-高频彩票预测网| www.508.tv-赚赚彩-| www.819605.com-彩票分析师许可证| www.3075.vip-七星彩小说讲的什么| www.13257.cc-干货竞彩返还率| www.982480.com-吉林快三摇奖现场| www.gl42.com-查福彩开奖结果| www.821115.com-武汉福彩销售点申请| www.931758.com-彩票十选五万能公式| 博亿彩票www.626by.com| www.7972.cc-线上博彩娱乐| www.464271.com-彩票详解-| www.353518.com-q彩app登录-| www.532058.com-彩库宝典旧版下载| www.887391.com-彩票开奖漏洞破解| www.986064.com-本溪福利彩票加盟| www.81496.com-北京快三购买| www.079095.com-足球彩票竞猜规则| www.246245.com-快三有多少种| www.365277.cc-发财宝典彩图| www.606375.com-雷州七星彩开奖图| www.731247.com-生肖时时彩走势图| www.20ey.com-胜负彩18040| www.198591.com-彩神iv大发快三| www.547474.com-购彩网app可靠| www.792294.com-广东福彩黄严冰| www.610843.com-如何在杭州开彩票店| www.28954.com-怎样买3d彩票| www.45518.com-微彩网正规合法吗| www.87kk.cc-福满天体彩店软件| www.171215.com-快三河北和值走势| www.085789.cc-够力七星彩奖表画板| www.88546.com-彩票离婚案例| www.653751.com-澳门有哪些彩票发行| www.792359.com-彩票油了-| www.906117.com-体彩机租赁协议| www.cu51.com-淘宝彩票平台| www.141544.com-手机时时彩网投网址| www.8562.top-彩票两元网排三| www.85sz.com-足彩赔率分析教程| www.9623.in-七彩色是标准样板| www.027923.com-678彩票娱乐| www.167825.com-安徽快三开奖是多少| www.248336.com-江苏快三爱乐彩1| www.521680.com-新浪彩票全国开奖| www.381484.com-体彩19030-| www.552807.com-彩名堂坑人-| www.654543.com-上饶市福利彩票中心| www.771705.com-美团自助彩票机| www.617400.com-北京快三微信群号| www.409903.com-哪些彩票网站送彩金| www.741166.com-体彩跟福彩哪个靠谱| www.966540.com-彩票店福彩快三| www.jo92.com-彩票软件风云榜| www.0448.cc-49陪彩票网-| www.487607.com-中华彩票色子| www.qv21.com-时时彩预测软件排行| www.02707.com-什么是彩铃-| www.355153.com-玩彩之家-| www.593837.com-优乐彩app软件| www.698452.com-加兴福彩网-| www.791489.com-三星级彩票店图片| www.932300.com-七星彩三字定怎么打| www.985708.com-竞彩网页-| www.v16.in-彩票收米图片| www.6781.top-3d福彩直播-| www.204104.com-福彩30选5-| www.345823.com-福彩布衣新天下| www.306595.com-盈盈彩app-| www.85538.cc-福彩3d计划app| www.237228.com-合肥快三公交| www.532296.com-临沂体彩转让| www.548933.com-那个网可以买足彩| www.663786.com-彩票平台庄家| www.222380.com-快三智能分析软件| www.59616.cc-app28送彩-| www.90dy.com-做个博彩平台要什么| www.3070.in-必中_六给彩票香港| www.23177.com-福彩双彩论坛讨论区| www.77980.com-上海快三投注平台| www.450023.com-pk10彩票-| www.675375.com-宏盛彩票正规吗| www.503861.com-小九彩票-| www.836699.com-金利彩票是真的吗| www.l16.org-大发彩票手机靠谱吗| www.93211.cc-甘肃福彩快三跨度表| www.679270.com-彩虹颜色套路| www.862935.com-泰安体彩管理中心|