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.937.date-星彩网站-| www.cp860.com-福彩快三网上投注站| www.385122.com-丰顺福利彩票双色球| www.16gp.com-号百彩票app下载| www.027594.com-正规彩票平台排名| www.355752.com-彩票交税合理吗| www.478342.com-312彩票官网| www.25782.cc-彩库宝典苹果下载版| www.us54.com-内蒙快三快三| www.881258.com-十大彩票信誉平台| www.rf90.com-彩种多的彩票平台| www.52ay.com-足彩哪个靠谱| www.4170.cm-彩虹5号-| www.20234.com-彩票谁在控制| www.95479.com-体育彩票的推广| www.358443.com-管家婆u9彩票下载| www.508290.com-体彩屋77-| www.581386.com-中彩双色球彩票软件| www.658586.com-中乐彩登录网址| www.754166.com-双彩网是什么东西| www.427465.com-教你玩重庆时时彩| www.600092.cc-彩票完全靠运气| www.702295.com-彩票信用盘代理| www.799178.com-奔驰彩票快八| www.873532.com-彩38软件-| www.6467.net-体彩有网络销售吗| www.924788.com-澳洲有哪几种彩票| www.uj68.com-中国彩票的真实性| www.95dl.com-附近体彩投注点| www.981757.com-钟彩提-| www.290860.com-五行套入彩票| www.450452.com-288彩票可靠吗| www.33047.com-江苏体彩兑奖中心| www.90868.cc-彩票开奖15选5| www.32bh.com-儿童画彩虹-| www.0060.wang-什么彩票最容易中| www.38629.cc-环彩网ios下载| www.856053.com-辽宁快三开到几点| www.972747.com-正规7k彩票-| www.79901.cc-福彩中心副主任获刑| www.977945.com-彩钢瓦围挡安装方法| www.786521.com-彩先知网址-| www.2636.vip-时时彩oa系统破解| www.040295.com-七星彩中奖视频| www.yi5.com-快乐彩票app下载| www.dg89.com-达人彩票下载| www.zv93.com-体彩店与竞彩店区别| www.ab29.com-中国福彩河南体彩| www.026981.com-彩票快三网站| www.75359.com-买彩票可以发财吗| www.730651.com-星光彩票下级| www.255069.com-快三图表及奖金| www.358373.com-重庆时时彩数字规律| www.381228.com-福彩七乐彩几点开| www.43zc.com-网络彩播是什么意思| www.881694.com-6188彩票-| www.962542.com-福彩3d最好软件| 500彩票网www.609553.com| www.hp97.com-北京单场彩客网| www.455508.com-搜狗彩票综合走势图| www.957142.com-杏彩平台登录网址| www.d04.top-全民竞彩app| www.48us.com-邪恶木全彩妖气| www.369434.com-泉州体彩直播聊天| www.139216.com-好彩二三今期开| www.259084.cc-竞彩足球购彩大厅| www.654726.com-浙江福利彩票代销费| www.752127.com-中彩彩票客服| www.997232.com-快三13和值-| www.sq23.com-彩票预测号码| www.852292.com-河南商丘的彩礼| www.0818.com-足球彩票在哪里能买| www.028820.com-甘肃福彩开奖信息| www.359829.com-约彩365官方| www.i83.wang-今晚七星彩开奖视频| www.075512.com-一注彩票多少钱| www.807779.com-中彩福彩票-| www.910814.com-篮彩让分胜负玩法| www.3779.me-五行八卦图彩票数字| www.176195.com-彩票平台排行榜| www.444371.com-彩票31app苹果| www.984955.com-彩之家论坛资料| www.ta91.com-乐盈彩官网-| www.68he.com-南洋五合和彩开奖一| www.004087.com-8d彩票app-| www.232296.com-甘肃快三玩法与奖金| www.256751.com-彩票概率分析软件| www.04re.com-快三跨度中奖| www.6805.com-福彩3d数字3单式| www.161209.com-体育彩票七位数预测| www.ja06.com-浙江十二选五快乐彩| www.39239.cc-网络彩票作假吗| www.19ed.com-七星彩号码历史记录| www.92wo.com-时时彩微信赌博群| www.2312.club-香港管家婆图库彩图| www.8203.org-重庆老时彩时彩开奖| www.ua87.com-关于全民彩票| www.29eo.com-彩色铅笔画风景教程| www.098847.com-体彩福彩论坛| www.190040.com-快三吉林玩法| www.2858.site-江西彭彩新材料| www.166244.com-快三破解器开挂| www.789057.com-河南一彩礼标准| www.804678.com-买个时时彩源码下载| www.030071.com-玩彩吧app下载| 乐8彩票www.cp369.net| www.539398.com-高温釉上彩安全吗| www.627422.com-皇帝彩票红包任你| www.711399.com-天天福彩平台正规吗| www.788709.com-足彩买量比-| www.851208.com-还可以用手机买彩票| www.902403.com-鸿运彩票网打不开| www.957402.com-两分钟六会彩app| www.999183.com-鸿运彩票是正规的吗| www.dp00.com-快三平台是-| www.179235.com-河南快三结果| www.833099.com-体彩二维码有效期| www.928511.com-安装七星彩劬力奖表| 全民彩票www.513.vip| www.445184.com-云跨境app彩票| www.605959.com-今天福彩买什么好| www.882999.com-高频彩算法-| www.993851.com-中国足球彩票第一期| www.83nx.com-好彩堂马会现场结果| www.9648.vip-314彩票-| www.633280.com-最新竞彩258球迷| www.811137.com-周易测彩票的公式| www.888326.com-福彩注册邀请码谁有| www.755543.com-云南福彩网快乐十分| www.72940.com-亡灵天涯彩票专栏| www.127084.com-132彩票最新版| www.899519.com-彩6下载应用| www.254396.com-三分彩官网开奖结果| www.550797.com-彩站宝app下载| www.764316.com-彩神岛合法吗| www.991118.com-tt彩票网站-| www.ik40.com-中彩那天课文教案| www.137.link-送彩虹屁-| www.33085.com-福彩3d大哥算独胆| www.366392.com-体彩兑奖地址| www.9465.shop-美国有哪些彩票| www.517889.com-迷彩虎讲堂-| www.884844.com-安徽快三技巧| www.998254.com-做兼职玩快三合法吗| www.kd05.com-福彩官方手机客户端| www.097198.com-福彩3d大花虎2| www.291.in-七星彩去哪里买| www.132354.com-河南彩礼立法| www.31957.cc-福彩2000-| www.82877.cc-大奖彩票机子能兑| www.081083.com-728彩票下载安装| 彩票A8www.fz34.com| www.400512.com-福彩3d怎么看号| www.017759.com-彩票投资网-| www.080528.com-七星彩190-| www.701284.com-首存彩金网-| www.182667.com-玩彩票算是赌博吗| www.560477.com-彩票中奖动态表情包| www.85vy.com-福利彩票网址是多少| www.so69.com-重庆老时彩开奖| www.vy76.com-香港福彩资料大全| www.147827.com-彩票客户端手机投注| www.185652.com-168彩票网正规吗| www.302953.com-优乐彩app-|