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天

知道了
彩01彩票 www.by57.com-彩票广告词大全| www.q41.net-网罗爱彩双色球| www.67vj.com-2018足彩微信群| www.41pm.com-vr三分彩怎么样| www.854.mobi-时时彩输死了怎么赢| www.41916.com-中彩吧彩票下载安装| www.15ls.com-彩票a8-| www.2336.bid-七彩云南翡翠淘宝| www.08578.com-福彩刮刮乐下载| www.65233.com-三地彩涂-| www.077655.com-算局排列五彩表下载| www.198287.com-福彩双色球彩摘网| www.cp159.cc-网彩快三app| www.97499.com-重庆时时彩万位大小| www.97el.com-注册给彩金网站| www.273882.com-时时彩老版走势图| www.373751.com-天天彩票到与同行| www.509381.com-利彩网页版-| www.588176.com-炫游彩票-| www.660374.com-全景足球ai彩| www.734038.com-快三网络平台| www.804322.com-彩之网首页手机版| www.877060.com-500彩票破解版| www.947792.com-福彩什么-| 中国福利彩票www.33588r.com| www.898073.com-彩票代理拉人骗局| www.978452.com-彩色沥青设备多少钱| www.bq79.com-北京快三app下载| www.vd15.com-正规的彩票网站制作| www.03og.com-菜鸟彩票网址| www.67pk.com-七星彩华南地区最大| www.863876.com-彩票机选有猫腻| www.948201.com-贵阳福彩中奖未领取| 购彩在线www.66332q.com| www.nl38.com-365福利彩票| www.745712.com-棒棒彩票大发3| www.96514.com-竞彩彩票安全吗| www.22vo.com-助赢软件贵州快三| www.xm56.com-竞彩足球竞彩版下载| www.d16.club-彩票开奖公告奖| www.89ta.com-电子竞技比赛博彩假| www.670106.com-福彩三d今日谜语| www.797725.com-福彩排列五预测号码| www.891347.com-9cb彩计划下载| www.964209.com-福彩网是不是正规的| 中福彩票www.631259.com| www.oy61.com-福彩3d奖金是多少| www.09na.com-彩票程序开发妙招| www.9128.tv-免费彩票指南报纸| www.60769.com-苏州福彩在哪兑奖| www.cp654.com-4亿彩票送41| www.347994.com-溢彩年华五层储物架| www.435574.com-体彩提点多少| www.336671.com-福彩真假-| www.979649.com-2元彩票软件下载| www.1220.vip-体彩福彩黑幕曝光了| www.466691.com-越南彩票快五| www.152101.com-2020中彩网-| www.079097.com-大玩家彩票主管代理| www.195660.com-体彩排列五开奖直播| www.579503.com-金宝彩网站-| www.368317.com-七星彩明月珰书包网| www.777758.com-黑彩平台评测网| www.848491.com-彩37-| www.9146.me-七乐彩机选号码5注| www.816437.com-福彩3d昨天的事情| www.lb61.com-大发彩票手机版| www.7205.vip-七彩娱乐东川麻将| www.180761.com-中彩票下载-| www.1945.wang-福彩跑马走势图| www.2325.net-七乐彩连线走势图| www.188606.com-内蒙古快三助手| www.239166.com-刷彩骗局-| www.8810.cc-福建体彩最快直播室| www.79348.com-e球彩怎么玩的| www.458809.com-浙江大彩鲸11选五| www.819935.com-刮彩票能中大奖吗| www.957431.com-彩01彩票软件下载| www.ub77.com-彩票号码遗漏有规律| www.ac63.com-山东老体彩十一选五| www.550089.com-9购十分彩靠谱吗| www.731913.com-足彩19038佬牛| www.882861.com-棒棒彩票是正规的吗| www.995075.com-惠彩网站-| www.ub29.com-彩票123投注平台| www.2021.cm-凯发彩票官网| www.330128.com-吉林快三黑彩坑人| www.009724.com-彩一万app-| www.102312.com-500彩神官方| www.172785.com-广东快三开奖结果| www.605.bid-7乐彩走势图2元网| www.5726.top-福彩3d直选位积和| www.1357.cn-买彩票博彩算外财吗| www.84mz.com-新彩华章干嘛的| www.622326.com-吉林快三邢态走势图| www.696861.com-汪汪时时彩苹果系统| www.782616.com-快三秒胶水百科| www.960414.com-中彩票1亿-| www.821791.com-3d跨度彩乐乐| www.978463.com-易彩快3必中法| www.244224.com-快三秒加盟方法| www.07876.com-中彩那天课文理解| www.249885.com-湖北福彩app| www.782538.com-网上代买彩票| www.891239.com-最经典的彩票宣传语| www.982444.com-时时彩计划方案| www.2410.shop-甘肃贵族快三| www.87qe.com-鼎丰彩票-| www.531114.com-天下彩彩票结果| www.278786.com-优信彩票网址| www.898084.com-彩吧彩票下载| www.758769.com-彩票机号-| www.883757.com-博友彩票老版本下载| www.cai1555.com网络快三平台| www.442714.com-网易红彩合法吗| www.147907.com-彩73娱乐-| www.240042.com-彩神iv软件-| www.1239.org-彩票买豹子-| www.39135.cc-中彩网是假的吗| www.726009.com-银河彩票平台导航| www.796405.com-梦见彩票中奖去兑奖| www.888008.com-百乐彩骗局揭秘| www.953656.com-金牛彩票正规吗| 万利www.32123v.com| www.di75.com-快三稳赚技巧公式| www.0006.com-彩票交易系统瘫痪| www.5627.cm-有没有七星彩的软件| www.836974.com-立彩充值-| www.920924.com-足球胜负彩比分直播| www.970135.com-3d牛彩今日杀码图| 大赢家彩票平台www.902775.com| www.615251.com-排列三专家预测彩吧| www.765078.com-湛江加急七星彩版| www.848917.com-神彩8分分快3公式| www.916396.com-时时彩全中多少钱| www.994835.com-彩票号码查询中奖| www.lj93.com-手机中彩网可靠吗| www.6866.cn-彩运宝体彩店下载| www.32182.cc-k彩平台是坑钱的么| www.913.red-彩铅手绘唯美女孩| www.03wv.com-广东体彩投注站| www.982.net-七星彩兑奖规则查询| www.735779.com-彩票分析师-| www.864678.com-广西快三在线计划| www.932829.com-彩票店实体店发展| www.995460.com-足彩比分360| www.gv31.com-鸿彩网坑人的吗| www.474738.com-无锡福彩电话| www.683813.com-誉彩彩票平台| www.788312.com-杨震足彩推荐| www.853610.com-新宇彩钢板怎么样| www.20yj.com-彩票竞猜系统维护| www.0683.org-彩票店装修样板| www.961223.cc-江苏快三官网计划| www.79dt.com-云彩店彩票app| www.18021.com-彩票包赔场-| www.300065.com-快三一分钟-| www.868948.com-七星彩是怎么买的| www.959928.com-手机买大乐透彩票| 购彩网www.913gc.com| www.uq5.cc-福彩体彩开奖查询| www.16472.com-竞彩太黑了-| www.qj5.com-大马彩票开成绩| www.24tr.com-河南快三的技巧|