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.100557.com-105彩票下载一| www.677339.com-章鱼彩票爆料| www.957129.com-玩彩彩票安卓| www.cp8585.com-人人快三彩票| www.7280.cc-彩虹六号邀请赛冠军| www.556674.com-福彩七乐彩| www.673798.com-青苹果彩铅画| www.777292.com-福彩手机可以投注吗| www.256544.com-体彩排列5走势图| www.73zl.com-公益中华彩票网| www.262157.com-在平台买彩票违法吗| www.74vh.com-97彩票平台咋样| www.4631.top-彩票纯属运气| www.889270.com-王者彩票平台| www.959746.com-多盈彩手机版下载| 福彩网www.055123.cc| www.032991.com-78彩票总经销商| www.383468.com-英国有什么彩票开奖| www.501598.com-体育彩票选几个号| www.279217.com-高频彩杀一码| www.355206.com-彩票预测知识| www.163666.com-乐彩模拟投注| www.610109.com-福彩三地图库大全| www.358437.com-福彩欢乐生肖开奖| www.7147.vip-七彩音符日记| www.88411.com-彩票公司抓了多少人| www.473611.com-3d牛人说彩-| www.380260.com-七乐彩中奖的歌九号| www.027719.com-合乐彩票注册| www.8014.me-中班彩虹伞教案| www.2173.cn-女孩子玩福彩十选五| www.333088.com-百度乐彩网首页| www.483907.com-福利彩票亭转让| www.113082.com-彩票中奖必读| www.19995.com-河南幸运彩历史开奖| www.jx15.com-17年七星彩-| www.898637.com-v湖北快三走势图| www.bf7.com-北京福彩快3千期图| www.962191.com-彩涂铝卷加工| www.lh54.com-中彩彩票手机买大小| www.01071.com-竞彩网触屏版计算器| www.518458.com-快三买大小投注技巧| www.504298.com-奔驰彩票大厅| www.2218.biz-福彩断组分解大全| www.789772.com-发展竞彩客户| www.918270.com-海南七星彩玩法介绍| www.993244.com-玩网彩票真能赚钱吗| www.fr50.com-体彩开奖日期是周几| www.n69.cn-彩票怎么看懂| www.69686.cc-免费彩票源代码| www.297302.com-体彩多乐彩开奖结果| www.299266.com-腾讯彩票投诉电话| www.152051.com-彩票超越软件| www.505178.com-福彩3d大全部| www.018061.com-七乐彩新浪走势图| www.619609.com-彩票数字筛选器| www.64ke.com-福彩3d五线选号法| www.045779.com-体彩福彩开奘结果| www.132406.com-兰考彩礼风俗| www.322944.com-彩票今日开奖| www.462514.com-吉彩宝彩民客户端| www.886130.com-国民彩票下载手机版| www.999746.com-彩票996是骗人的| www.519194.com-97彩票网官方网站| www.668854.com-英国彩票税率是多少| www.781174.com-彩虹宝宝全集观看| www.878877.com-七星彩最近30期| www.983882.com-海南海口七星彩早版| www.gz06.com-北京快三是官方的吗| www.9gp.cc-七星彩大奖网站注册| www.0488.org-体彩门店编号| www.96jb.com-高频彩吧登陆| www.2076.org-沈阳旋风彩虹机厂家| www.7669.cn-福彩公益宣传图片| www.279525.com-五分彩在线计划预测| www.835796.com-西宁市福彩店转让| www.370142.com-手机王者荣耀彩膜| www.178863.com-单双大小彩票| www.945766.com-福建体彩中心| www.cp8611.com-玩手机快三技巧| www.288712.com-内蒙快三今日开奖| www.174707.com-中国福彩快三下载| www.356576.com-足彩大乐透走势图| www.460936.com-手绘荷花彩铅画教程| www.522203.com-齐鲁福彩网-| www.591665.com-英国365博彩公司| www.293572.com-甘肃快三遗漏速查| www.ml75.com-彩票开奖结果梦册| www.851659.com-分分时时彩票下| www.967121.com-体彩提成-| www.kc89.com-彩票倍投倍数| www.05is.com-彩铅画市场如何| www.2572.pw-聊天彩票投资| www.4310.cc-快彩王k3447| www.906336.com-黑彩网站怎么盈利的| 大玩家彩票www.983888.com| www.34761.com-福利彩票了3d图纸| www.840159.com-ig新传统彩-| www.898805.com-买彩票的软件哪个好| www.974846.com-江苏体彩和值走势图| www.cp7276.com-贵州快三一定牛预测| www.gh54.com-河南幸运彩开奖记录| www.008342.com-点我更多精彩| www.828567.com-奥地利彩票中最大奖| www.973052.com-gv彩虹世界官网| www.767264.com-湖南福彩网三d论坛| www.823647.com-山东彩板厂家| www.871310.com-快三模拟器-| www.916416.com-3d彩票中奖规则| www.961033.com-竟彩网比分直| www.993344.com-十四场胜负彩吧| www.xb.cc-甘肃彩票快3图表| www.jx91.com-七星彩有啥玩法| www.xl02.com-彩控甘11选五| www.379814.com-彩鸾归令格律| www.62hq.com-名人彩票app下载| www.372977.com-国外体彩网站有哪些| www.377165.com-腾讯时时彩精确计划| www.562028.com-鸿彩主播花儿| www.518648.com-如何购买美国彩票| www.587923.com-体彩十一运夺金查询| www.682210.com-那个app能买足彩| www.737773.com-体彩三地走势图| www.791381.com-中国福利彩票下注| www.846253.com-网络私彩破案近期| 68彩票www.68689e.com| www.73850.com-怎么买世界杯彩票| www.131234.com-河南人彩礼-| www.113507.com-官方手机购彩票软件| www.a77.org-吉林快三走势图单双| www.54ee.com-彩票中奖电影有哪些| www.0912.mobi-重庆快三官网| www.d26.club-彩票开吗直播| www.570284.com-足彩310星像图| www.298553.com-查一下体彩开奖结果| www.428771.com-最新苏州彩民中奖| www.529272.com-彩虹鲨鱼t恤| www.525285.com-网易彩票排列五直播| www.567224.com-12生肖时时彩| www.094202.com-福彩二十选八| www.246832.com-新浪爱彩票网官网| www.js79.cc-五分彩反计划怎么买| www.32vk.com-彩票中奖视频故事| www.3536.top-送28元彩金-| www.9270.org-乐彩是真的吗| www.37379.cc-彩宝app官网下载| www.92499.cc-万博竞彩篮球奖金| www.5286.top-深圳沙井体彩店转让| www.539888.cc-各大彩票期望值| www.469146.com-快发彩票是什么意思| www.547661.com-01彩票是怎么回事| www.607691.com-河北快3爱乐彩| www.674365.com-全国体育彩票试机号| www.742898.com-一分快三开挂器| www.807654.com-买彩票中奖的故事| www.873714.com-c38彩票-| www.929303.com-七星彩中三个号| www.975348.com-霍华德彩票选号方法| 亚洲www.673519.com| www.hw36.com-彩票天天乐平台| www.zz68.com-竞彩加盟-| www.33jk.com-三d图纸彩票| www.513155.com-彩民最新故事| www.621126.com-福利福彩连连看|