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.90862.com-好彩3玩法-| www.516525.com-德晋彩票欺诈| www.712792.com-彩票店做私庄| www.863981.com-查体彩开奖的软件| www.ny.com-宁夏福彩快三开奖号| www.940056.com-速彩网-| www.35xa.com-福彩中奖规则表图片| www.9131.org-保定福彩中心地址| www.006424.com-陕体彩十一选五直播| www.456498.com-芜湖福利彩票站点| www.262793.com-重庆时彩是骗人的吗| www.17332.cc-爱彩新浪比分直播| www.89639.com-广州彩妆厂家| www.222013.com-彩票挂机方案论坛| www.347994.com-溢彩年华五层储物架| www.459200.com-竞彩串关计算表| www.973234.com-彩虹代刷对接卡易信| www.6034.cc-好听的彩妆店名大全| www.913150.com-彩客网能提现吗| www.069055.com-幸运5分彩可信吗| www.826763.com-网购彩票注册| www.8705.cc-七星彩开-| www.97nz.com-正宗港彩王-| www.66457.com-福利彩票刮刮乐金条| www.107522.com-微微彩票下载| www.286732.com-500彩票有挂么| www.588698.com-彩票站用户注册| www.862622.com-七乐彩预-| www.fi26.com-彩票预测大师下载| www.3940.in-全国彩礼地图| www.8292.site-万博彩票app下载| www.56928.com-体彩排到五开奖号| www.033921.com-高频彩伪规律| www.303889.com-鑫彩网提现靠谱吗| www.569483.com-彩吧水果图-| www.763461.com-彩票十选五开奖结果| www.875242.com-彩经网p3走势图| www.984698.com-干支纳数法彩票| www.ql01.com-北京福彩一定牛快3| www.39lw.com-七星彩中奖500万| www.818324.com-兰州体彩机申请| www.918805.com-送彩金的网站排行榜| www.18.link-三亚抓私彩-| www.789217.com-南阳彩礼2019| www.964504.com-彩票幸运快3| www.to6.com-抚州体彩中心| www.552293.com-万彩吧首奖玄机图1| www.920839.com-彩票双色球中奖条件| www.159501.com-时时中彩票网站| www.277379.com-彩妆连锁加盟店| www.474015.com-彩仙-| www.575566.com-彩票一般几点停售| www.735323.com-彩票计划反着买| www.858427.com-乐购彩票苹果版| www.956864.com-玩彩网app安全吗| www.jo28.com-微信女的让你玩彩票| www.87xp.com-威发彩票兼职| www.4461.com-亚洲彩票网站是真的| www.330923.com-彩神il大发-| www.518954.com-网彩还有可能开售吗| www.672735.com-时时采彩软件计划| www.7351.net-彩虹六号租号玩不了| www.42766.com-双彩在哪下载| www.036317.com-彩票自动提醒| www.158467.com-彩票北单怎么买| www.283434.com-福彩3daa牛采会| www.440638.com-福彩3d如意玄机图| www.817630.com-香港快三多久开一次| www.105696.com-八彩林亚珍国语下载| www.204202.com-澳门快三开奖查询| www.290806.com-福彩3d分析汇总| www.397502.com-宁夏11选5彩破| www.537723.com-彩笔顺-| www.629901.com-时时彩什么是龙虎和| www.732625.com-江苏七位彩票| www.322470.com-足彩中几个亿会吗| www.324785.com-彩票字谜图-| www.689536.com-51彩票怎么注册| www.861280.com-体彩任选三规则| www.986681.com-七乐彩三个号有奖吗| www.vx89.com-大发快三能赢钱吗| www.87jv.com-福彩3d中奖率| www.5050.live-淘宝彩票手机版下载| www.772945.com-最佳彩票投注平台| www.925271.com-外围足彩app推荐| www.cp9966.cc-福彩3d走势图工具| www.356073.com-彩票算法软件| www.502303.com-金手指彩票报订购| www.688590.com-北京体彩电话投注| www.663871.com-七星彩2288-| www.885413.com-南方双彩网首页| www.920738.com-百万彩-| www.721203.com-青诲快三历史开奖| www.hu72.com-快中彩开奖结果查询| www.456025.com-郴州快乐十分彩票| www.882672.com-易彩网是不是合法的| www.c53.club-大乐透家彩网开机号| www.0016.com-属龙购买什么彩票| www.27117.com-乐彩网p3专家预测| www.009521.com-华彩彩票登录网址| www.179187.com-河北快三玩法介绍| www.312391.com-淅江福彩-| www.491118.com-河北省体彩11选5| www.720015.com-七星彩管理作弊事件| www.849658.com-腾讯分分彩计划下载| JJ彩票www.11260.cc| www.w88.pw-大连体育彩票局电话| www.cai9666.com七星彩专家预测| www.952426.com-口袋彩店-| www.cai8801.com大发快三怎么买能赢| www.wh08.com-甘肃逸彩快三是什么| www.ho41.com-腾讯分分彩玩法说明| www.zi78.com-手机彩票客户端| www.31mr.com-256时时彩安卓版| www.682650.com-国家推荐的彩票软件| www.753074.com-中国彩吧彩票| www.844485.com-福彩7位数中奖号码| www.939231.com-现在手机无法买彩票| www.987337.com-福利彩票去哪兑奖| www.kr0.com-湖北快三怎么玩| www.ma86.com-中彩网快三平台| www.g16.biz-海南四星彩买什么| www.25zm.com-什么叫彩友-| www.81kf.com-快乐彩五行对刷| www.6307.com-彩铝门-| www.12528.cc-买哪个彩票中奖率高| www.43537.com-重庆时时彩票群| www.11gx.com-再添新彩-| www.412135.com-苹果原彩显示在哪里| www.836137.com-丰彩彩票中100万| www.1488.org-腃龙时时彩做计划| www.792137.com-卖体育彩票的经验| www.144064.com-wnba竞彩-| www.269771.com-彩九官网下载| www.349256.com-体彩排列三双采图迷| www.121466.com-百合网上男彩票托| www.330873.com-河北福彩网官网| www.419319.com-体彩小终端福建| www.520703.com-上期福彩中奖号码| www.410455.com-足彩水位是什么意思| www.497900.com-珍爱网博彩-| www.95155.cc-微博足彩推荐| www.111205.com-258彩票官方网址| www.189674.com-河南体彩河南福彩| www.13627.com-中国篮球竞彩网首页| www.65298.com-炫彩近义词-| www.009866.com-下彩彩票下载触屏| www.998233.com-七星彩加急版一夜谈| www.92386.cc-世界杯如何推广竞彩| www.848491.com-彩37-| www.816731.com-昨晚彩票出什么号| www.354366.com-福利彩票巨奖| www.432606.com-福彩高频彩是啥| www.525539.com-重庆市福彩中心地址| www.624665.com-5d漫画全彩无| www.679452.com-体彩天下5-| www.751159.com-彩巴士-| www.867508.com-体彩停售时间| www.6mu.com-怎么用数学计算彩票| www.474983.com-boss直彩彩票| www.510449.cc-怎么下载体育彩票| www.620279.com-足彩倍率的计算公式| www.18155.cc-万家彩票网手机版| www.97355.com-彩票三d字谜图谜|