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.xy95.com-3d中奖彩票-| www.44599.com-福彩6加1走势坉| www.481177.com-和彩资料-| www.550320.com-彩客化学的董事长| www.704044.com-万家彩票网首页导航| www.815499.com-即开彩直播-| www.908005.com-瑞典1分彩开奖结果| www.983542.com-基诺型彩票的算法| www.ar48.com-快乐彩33-| www.8483.org-易彩5115-| www.18bj.com-西藏快三推荐| www.cm66.cc-京彩江苏快3怎么玩| www.367792.com-彩民彩票靠谱吗| www.054967.com-体彩机租赁协议| www.8234.pw-莱利pk彩票-| www.274682.com-分分彩互刷方案| www.382377.com-江苏快三稳赢攻略| www.9482.xyz-双色球彩票有效期| www.57423.com-福彩手机能投注吗| www.36263.com-萬博彩票-| www.013726.com-七星彩大中小走势图| www.1937.vip-500彩票正规吗| www.011910.com-星期五彩票开什么奖| www.612341.com-彩票预测书-| www.525666.cc-时时彩代理亏损反水| www.612426.com-彩乐购官方网址| www.703276.com-万家彩票手机登录| www.839026.com-微彩吧开了多久了| www.931907.com-体彩门头-| www.988519.com-中彩手彩和中彩网| www.gf60.com-体彩31选7走势图| www.2867.biz-腾讯分分彩人工计划| 财神网www.29277x.com| www.302559.com-328彩票下载| www.110273.com-七星彩如何包码赚钱| www.969524.com-快三2同号技巧| www.310163.com-云南省彩票中心位置| www.379225.com-兼职竞彩分析师| www.123715.com-七彩奖开奖时间| www.267855.com-怎么看彩票趋势图表| www.73qy.com-中五百万彩票图片| www.6928.top-七星彩抓规神器| www.32036.com-易彩堂大厅-| www.82gt.com-青岛申请福利彩票站| www.752985.com-彩票概率学公式| www.0090.biz-好听的微信昵称彩票| www.193043.com-贵州快三预测号| www.644227.com-分分彩后二万能码| www.50042.cc-3d彩票图画迷总汇| www.233140.com-杨震新浪足彩推荐| www.188182.com-安徽快三靠谱吗| www.613987.com-福彩3d杀1和尾| www.732880.com-江苏体彩几点开奖| www.380605.com-pc蛋蛋彩票网| www.85965.cc-彩旬美果002| www.189078.com-百姓彩票怎么样| www.187111.com-重庆时时彩走势图| www.281920.com-快乐时时彩走势图| www.243568.com-彩票倍投app| www.71373.com-手机上咋卖彩票| www.058842.com-福彩3d玩法与技巧| www.202215.com-彩票中奖查询明细表| www.96qu.com-快彩软件是真的么| www.677116.com-彩色手提纸箱设备厂| www.290201.com-彩宝app是骗局吗| www.9064.shop-3d开奖结果众彩网| www.064782.com-彩票双色球预测号码| www.we33.com-兰州市体彩中心电话| www.22sv.com-福利彩票彩宝贝| www.px53.com-提现快的彩票app| www.924426.com-四亿彩票-| www.986767.com-竟彩蓝球-| www.yp1.com-大神怎么玩高频彩| www.755851.com-旺彩计划软件下载| www.869697.com-唯彩会彩票开奖结果| www.939225.com-完整足彩比分直播| www.688851.com-105彩票网下载| www.606101.com-彩神彩票怎么看走势| www.680709.com-幸运快三稳赚买法| www.761234.cc-德州好彩快三平台| www.833342.com-口袋彩店ios| www.767569.com-牛蛙正版彩票资料| www.83fi.com-彩票对刷平台| www.12ku.com-彩虹颜色排序图片| www.878376.com-内蒙古福彩aqq| 大赢家彩票网www.178167.com| www.432413.com-体彩二等奖去哪领奖| www.396199.com-釉上彩餐具有毒吗| www.47tx.com-微信体彩在哪里| www.3394.cc-18k彩金吊坠| www.37039.com-好彩票978-| www.974005.com-500万彩3分快三| www.kt2.cc-时时彩长龙害死人| www.983.org-金球彩票-| www.764879.com-打印啦彩票| www.831367.com-乞丐模拟器攻略彩票| www.890629.com-乐彩神app现在| www.948809.com-福彩在线购买| www.992915.com-福彩365下载安装| www.xf.com-彩票倍投-| www.lx04.com-好彩一最新技巧| www.m77.hk-买彩票一张多少钱| www.29xn.com-福彩3d昨天的奖号| www.225699.com-福彩宗旨有没有赈灾| www.306777.cc-天津时时彩全国开奖| www.365461.com-客彩网完全解盘| www.dx92.com-共赢彩票平台| www.494054.com-一定牛胜负彩推荐| www.960469.com-九亿彩票可以赚钱吗| www.013833.com-新浪爱彩基本走势图| www.7588.in-22彩票网站怎么样| www.sy44.com-湖北快三投注计划| www.74164.com-福彩双色球号码范围| www.050338.com-网络黑彩案例| www.065158.com-彩票补录事件| 大赢家彩票平台www.980273.com| www.jn60.com-腾讯快三可以提现吗| www.815927.com-体彩近期开奖号码| www.884141.com-网上彩票作弊器| www.963666.cc-足彩实体店-| 600万彩票www.549810.com| www.39931.cc-彩票巴巴下载| www.181.pw-初二彩铅画动漫人物| www.21798.com-彩票刷子平台| www.63iy.com-篮球精彩网-| www.350117.com-时时彩多少分钟一期| www.430420.com-竞彩专家推荐走势图| www.519644.com-优信彩票被黑| www.585039.com-好彩官方网0567| www.92fg.com-百度官方彩票怎么玩| www.276511.com-百盈彩票网站首页| www.027986.com-快彩合法吗-| www.298368.com-内蒙古快三分析| www.7377.top-色彩风景画-| www.276648.com-菲律宾彩票-| www.918470.com-河内五分彩走势图| 万历彩票www.77114y.com| www.982560.com-同城彩票官方| www.829019.com-做梦梦到中彩票中奖| www.965171.com-博彩租卡-| www.nm55.com-快三缩水软件| www.47ai.com-联通手机彩铃网站| www.0160.vip-有彩色无彩色的定义| 大赢家彩票平台www.375736.com| www.532567.com-7星彩巨奖-| www.098326.com-彩票内部中奖秘密| www.771264.com-彩虹六号进不去游戏| www.080059.com-49选7彩票规律| www.532037.com-买彩票神咒-| www.192983.com-贵州快三预测推荐| www.130391.com-新加坡大彩官方网站| www.239259.com-注册彩票投资36元| www.uh78.com-七星彩兑奖结果查询| www.5946.pw-传统彩违法吗| www.140080.com-基诺型彩票破解| www.86033.com-彩涂釉施工价格| www.075178.com-哪个国家彩票最可信| www.928982.cc-彩票返利骗局| www.998088.com-国民彩票app登录| www.ba49.com-内蒙古快三手机助手| www.pa81.com-3d预测彩吧-| www.67739.cc-博彩q群-| www.300061.cc-彩票分分快三app| www.366983.com-青蛙彩票开奖现r场|