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.468678.com-明天彩票开奖| www.598058.com-彩票捐赠免税| www.092991.com-工地彩钢瓦围挡做法| www.9qp.com-世界杯足彩网| www.260767.com-西安有竞彩快三吗| www.884694.com-彩票代打账号兼职| www.631291.com-七星彩对奖表| www.6496.xyz-七乐彩预测牛材网| www.62fj.com-体育彩票市场竞彩猫| www.1979.top-彩票预测app下载| www.9036.biz-大庄家彩票介绍| www.75670.com-竞彩足球模拟| www.bo4.com-上海福利彩票| www.767331.com-福彩快三开奖系统| www.881342.com-重庆高频彩中奖概率| www.964212.com-彩票加倍买可以中吗| www.fr24.com-百盈快三规律分析| www.06vf.com-彩天下137cm| www.002.cc-竞彩猫推荐人| www.6012.vip-手机购彩票那家好| www.39722.com-足球彩票18075| www.99527.cc-最牛的彩票专家软件| www.067981.com-彩票平台开发商| www.145497.com-中国河南体育彩票| www.231303.com-湖南福利彩票25选| www.299331.com-豪彩网址-| www.526317.com-天津时时彩手机开奖| www.882997.com-买快彩网能挣钱吗| www.64.me-福彩高管贪污| www.272193.com-五快三良好-| www.994901.com-好彩网字谜-| www.08352.com-彩票宣传广告词| www.074733.com-彩富网香港资料大全| www.308638.com-大乐购彩票登录| www.949851.com-大彩网660665| www.fn35.com-中国永利快三网| www.19ah.com-七乐彩全部开奖号| www.9658.xyz-3d开奖彩宝网| www.yu87.com-神圣彩票下载| www.963596.com-竞彩首页500| www.8490.in-欧洲杯彩票app| www.87599.com-智博服务商城彩票| www.733769.com-彩票行业取消高频| www.311148.com-神圣彩票合法吗| www.420798.com-超级大乐体育彩票| www.548578.com-铁公鸡七星彩梦奖| www.649134.com-七彩椒几月播种| www.771002.com-腾讯分分彩和值计划| www.871211.com-真三国星彩-| www.947031.com-北京朝阳区体彩中心| www.cp3233.com-福建快三开奖遗漏| www.675985.com-彩礼和聘礼给多少钱| www.g00.com-海南四码彩票玩法| www.1913.win-极速时时彩破解法| www.69225.cc-博众彩之长-| www.239.la-三彩丽雪没有官网吗| www.930219.com-江苏彩票手机投注| www.ap.cc-湖北快三中奖金额| www.98vg.com-乐盈彩票提现不了| www.3739.me-海南省体彩中心电话| www.26637.com-宝发彩票网址下载| www.167152.com-河南快三开奖结果| www.299683.com-快三预测app| www.382443.com-福利彩票有网投吗| www.507123.com-通宝博彩地址| www.581061.com-开彩吧软件下载| www.657950.com-快乐彩任选五| www.724247.com-湖北福彩快三能玩吗| www.811218.com-福彩开奖app| www.889263.com-王者彩票是真的吗| www.684055.com-体育彩票竞彩计算机| www.793117.com-足彩滚球让球规则| www.5857.com-跑狗玄机牛蛙彩票| www.my18.com-官方彩票软件有哪些| 大赢家彩票网www.544096.com| www.52190.com-彩胜app-| www.191782.com-人人中彩票维护公告| www.492900.com-668彩票官网| www.234308.com-彩票太假-| www.184702.com-福彩快3走势图上海| www.636580.com-小鸡彩虹当中的歌曲| www.312890.com-河南福彩好运三| www.15hb.com-福利彩票站几点开门| www.085029.com-福彩3d分分快三| www.393562.com-昨天的福利彩票结果| www.933281.com-省份快三官网| www.8833.pro-中国彩吧彩吧论坛| www.021419.cc-亚博彩票站-| www.418155.com-中博彩票正规| www.534663.com-体福彩最新开奖| www.505431.com-一出好戏什么彩票| www.039910.com-江苏快三遗漏查询| www.311917.com-快彩网彩票平台| www.317662.com-中国福彩官网首页| www.611250.com-有人靠玩彩票赚钱吗| www.770390.com-体育彩票的小知识| www.633999.com-宁夏七彩艺校收费| www.217778.com-奥客彩网-| www.019535.com-福利彩票贵州| www.110329.com-新乐彩计划-| www.430996.com-秒速赛车彩票网站| www.669860.com-福彩最大是几| www.935285.com-8号彩票论坛网址| www.n44.top-移动梦网彩票直播间| www.03653.com-七星彩赚钱方法| www.055863.com-彩票有11位数字| www.388148.com-华彩传媒学校怎么样| www.789103.com-广西快三外围有假嘛| www.79wv.com-体彩排列三同期号| www.72wy.com-足彩跟单稳赢的技巧| www.993582.com-火箭彩票网平台| www.k68.me-上海快三手机版| www.070044.com-体育彩票中奖图片| www.80oj.com-体彩图谜总汇全图| www.044439.com-胜负彩数字代表| www.178995.com-268彩票app-| www.280686.com-体育彩票大乐透| www.367921.com-天使与恶魔刚力彩芽| www.551325.com-唐龙说彩组三后分析| www.914314.com-优信彩神-| 天天彩票www.106295.com| www.pf16.com-河北体彩快三中奖号| www.30ca.com-天津时时彩正规吗| www.2835.cc-用自己ip代玩彩票| www.012177.com-福利彩票网点| www.147108.com-彩客网开挂-| www.262851.com-手机如何购彩票| www.339336.com-深圳福彩最新| www.481348.com-喝彩中华陶阳| www.5230.vip-送28元红包时时彩| www.13fp.com-好彩1选号技| www.819342.com-七星彩位置走势图| www.5333.vip-安徽快三电视图表| www.64334.com-彩妆店铺名字大全| www.2158.vip-利彩苹果下载安装| www.119898.com-全球彩彩票是什么| www.624208.com-58彩票下载地址| www.009664.com-彩膜和钢化膜的区别| www.338255.com-大家乐彩票机怎么样| www.997574.com-神舟彩票软件下载| www.2470.xyz-天地彩app-| www.0329.loan-釉上彩茶具套装| www.308785.com-彩票开奖查询排列五| www.024.red-唐龙福彩近期趋势| www.758766.com-阿里彩票是正规的吗| www.352009.com-福利彩票有中奖的吗| www.445876.com-彩金换黄金怎么换购| www.5327.biz-u9彩票信得过吗| www.cp00.com-湖北快三精彩十分| www.009373.com-彩票123vip-| www.214207.com-足彩团队招聘| www.j41.cc-宝贝计划彩票试用| www.115440.com-彩钢瓦多少钱一米| www.365559.cc-彩神计划软件注册码| www.581691.com-河北体彩中心官网| www.658422.com-天天彩开奖现场直播| www.37951.com-手机购彩大厅| www.979554.com-二元彩票网双色球| www.42qi.com-得彩近十期开奖号码| www.908003.com-高端彩票源码| 六福彩票www.66ffn.com| www.975052.com-福彩网上能买么| www.75vt.com-秒秒彩合法的吗| www.061606.com-彩客竞彩彩票|