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天

知道了
百盈PK10 www.32915.cc-体育彩票开奖7位数| www.021264.com-山东福彩网开奖查询| www.102849.com-96086时彩-| www.176622.com-uu直播彩票规律| www.248855.com-福彩pc是什么意思| www.351770.com-买彩票有中奖的吗| www.89462.com-购彩平台元角分| www.wj34.com-看彩票走势图的方法| www.151599.com-彩77是安全平台吗| www.254173.com-糖果彩彩票-| www.bc97.com-彩票数据收集系统| www.165432.com-福彩中心的单位轻松| www.187552.com-重庆时时彩时间调整| www.302458.com-甘肃快三走势图今| www.455432.com-福乐彩票-| www.602628.com-福利彩有没有规律| www.715875.com-彩神的网址是多少| www.811526.com-竞彩足球加奖app| www.970759.com-800彩票-| www.hb.com-安徽快三出什么号| www.515246.com-19035期7星彩| www.755138.cc-彩票3d预测论坛| www.056578.com-58合肥彩票店转让| www.56nq.com-天天彩票是否正规| www.3478.vip-乐和彩开奖现奖| www.26261.com-彩票的种类有哪些| www.77941.com-哪种玄学预测彩票| www.045202.com-彩票兑奖神器| www.183225.com-快三预测网址| www.265226.com-福降天下牛彩| www.856873.com-幸运彩玩法-| www.992159.com-快三改规则-| www.cm65.com-十大信誉彩票平台| 汇发彩票www.hf5885.com| www.041397.com-天津福彩扫码| www.jo14.com-福彩3d太假了| www.08ow.com-彩神幸运飞艇全能版| www.w68.org-彩票怎么追号| www.ve65.com-福彩欢乐生肖| www.366578.cc-福彩3d33期-| www.762352.com-87升级版云彩店| www.941573.com-三星彩票娱乐兼职| www.397794.com-鱼彩票-| www.410618.com-体育七彩球-| www.89182.com-盈彩彩票是真的假的| www.958826.com-春节后福彩几号开售| www.gs96.com-大掌柜彩票app| www.d63.com-章鱼足球彩票| www.47xd.com-36o彩票彩种大厅| www.783.biz-中国数字彩票| www.29nz.com-9亿9彩票网-| www.0282.xyz-彩票的概率是多少| www.492443.com-福彩提成多少| www.591820.com-977彩票平台苹果| www.034169.com-七乐彩今天出什么| www.825733.com-甘肃快三查询结果| www.62df.com-福彩3d中奖办法| 500彩票www.50788l.com| www.019119.com-牛彩票网址www| www.34061.com-买一注彩票挣多少钱| www.719857.com-福利彩票开奖| www.903422.com-万豪彩票助手旧版| www.xq58.com-福利彩票第35期| www.cb6.cc-成功彩票app| www.754255.com-下载安装财经彩票| www.871890.com-陕西利彩快3| www.970330.com-迷彩虎-| www.ji05.com-天天彩选四开奖公告| www.89306.com-什么软件可以查彩票| www.037732.com-彩万宝软件-| www.134830.com-欧盟好彩好不好抽| www.212459.com-福彩投注站末位| www.276762.com-彩票大家玩优酷| www.1150.vip-19cf彩富网大全| www.70033.cc-时时彩杀码秘诀| www.124300.com-买彩票的技巧和方法| www.89fa.com-体育竞彩篮球| www.8106.tv-9928彩票注册| www.br87.com-彩61app-| www.228772.com-快三宝典app| www.051309.com-幸福彩票是什么| www.320244.com-百宝彩怎么注册啊| www.554444.cc-关于彩票的广告语| www.751417.com-中彩那天易读错的字| www.8316.com-竞彩足球看盘技巧| www.um20.com-内蒙古福彩中心k3| www.960612.com-有云南快三么| www.055729.com-我要买彩票双色球| www.454526.com-乐彩真的能赚钱吗| www.657341.com-世界杯冠亚军竞彩| www.747137.com-购彩网a-| www.555343.com-万彩彩票安全吗| www.669829.com-百博七星彩信誉网站| 500彩票www.50788l.com| www.200045.com-七星彩南国彩票论坛| www.330127.com-0567好彩官方版| www.322235.com-彩狮计划官网| www.875511.com-安徽快三大小走势图| www.565260.com-彩票对打套利靠谱吗| www.jy6.com-大发快三高手怎么玩| www.97th.com-名人彩票官方登录| www.77869.com-彩票软件店主版| www.ln79.com-709彩票-| www.712935.com-移动短信怎么买彩票| www.173002.com-贵州福彩快3| www.581796.com-河北福利彩票中奖| www.942929.com-广西快乐双彩结果| www.26hx.com-盈盈彩票是真的吗| www.132544.com-体彩世界杯竞猜赔率| www.129772.com-特区七星彩-| www.191069.com-网易人人中彩票| www.436682.com-福利彩票103| www.942927.com-杭州体彩兑奖中心| www.36559.cc-澳门正规彩票网站| www.242877.com-江苏彩票大奖| www.562937.com-桌易彩票一亿不认账| www.82xu.com-多彩网字谜专区| www.5689.org-时时彩天津开奖| www.341385.com-彩票欲出几率| www.603853.com-体彩最大遗漏号| www.723622.com-彩票大乐透排名| www.638538.com-111彩票官方网站| www.587377.com-甘肃快三结果| www.j80.top-深圳福彩中心| www.136569.com-彩票源码购买| www.648286.com-博彩彩票安卓版| www.jb40.com-天天彩票大发快三| www.7009.xyz-极速3d彩票的玩法| www.074527.com-金彩网是正规平台吗| www.301684.com-河北快3彩经网| www.q85.cc-快三开奖公告| www.086577.com-七乐彩中奖奖金查询| www.tf27.com-彩票店开在哪里最好| www.149258.com-体彩29选7走势图| www.882226.com-一分彩app-| www.381215.com-福彩七乐彩时间| www.657928.com-彩票点中大奖| www.388334.com-华东福彩十五开始| www.590143.com-好彩店彩票提现拒绝| www.950705.com-甘肃快三一天多少期| www.887221.com-下彩app-| www.265729.com-时时彩倍投计算工具| www.199048.com-彩票技巧顺口溜| www.03691.com-网络彩票害死我| www.619932.com-彩票看盘辅助软件| www.871674.com-苏州彩票领奖中心| www.7023.cc-买彩票有技巧吗| www.612246.com-福彩3d胆码神算| www.9451.top-福彩3b多彩网| www.053518.com-彩票程序概率| www.lc8.com-人人中彩票二等奖| www.13ag.com-520彩票注册| 众乐彩票www.389144.com| www.784242.com-乐多彩票官网| www.23234.cc-国彩app二维码| 爱购彩票www.3552r.com| 彩票5www.550420.com| www.ro15.com-彩之源app快三| www.22036.com-足球竞彩比分直播网| www.8161.cc-梦到彩票号码解梦| www.31xk.com-徐州体彩周六兑奖吗| www.96500.com-竞彩彩票是正规的吗| www.269873.com-彩六官网下载| www.34gs.com-七星彩几点开在哪看|