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.993990.com-时时彩最赚钱方法| www.578209.com-沈阳有快三吗| www.706414.com-时时彩在线预测网站| www.lz38.com-七星彩开心网| www.515.space-我的幸运数字彩票| www.054781.com-开黑彩判刑-| www.208573.com-福利彩票往期查询| www.520614.com-体育彩票选号技巧| www.195009.com-3d彩报3d彩报| www.362882.com-雨后现彩虹看图写话| www.542977.com-彩票开奖3d查询| www.683311.com-七星彩加急版海口网| www.085715.com-纵彩彩票一分钟快三| www.302415.com-排列五走势图彩宝贝| www.387899.com-星空彩票合法吗| www.536311.com-竞彩比分怎么预测| www.622099.com-重庆时时彩助赢软件| www.702119.com-体彩足彩竞猜app| www.106074.com-通博彩票网站登录| www.254069.com-779彩票-| www.379311.com-新葡萄金彩票| www.545733.com-彩票点几点开门| www.847717.com-体彩任五河北| www.966762.com-宝马彩票可以玩吗| www.yk1.cc-福彩十选五怎么玩法| www.9991.loan-进口彩妆进货| www.82837.com-新浪网彩票首页| www.050144.com-彩票奖金计算| www.127483.com-红彩网快三走势图| www.137930.com-六福彩下载-| www.254806.com-重庆时时彩专家杀号| www.203319.com-内蒙快三投注技巧| www.290233.com-今晚开七星彩奖结果| www.369810.com-福利彩票封机时间| www.494909.com-浙江快乐彩票总汇| www.574062.com-今期跑狗彩图片| www.652533.com-一分快三贴吧| www.718323.com-电玩城彩票机攻略| www.793977.com-重庆时时彩有黑客吗| www.67976.com-聊彩大厅怎么下载| www.059581.com-尼彩手机购买| www.243438.com-玩彩票wcp下载| www.8654.com-体彩排列三出奖结果| www.59536.cc-彩客网比分指数| www.038618.com-彩票走势全国| www.131376.com-旧够力七星彩奖表| www.9814.cc-古建彩绘教学| www.993522.com-足彩玩法详细介绍| www.978341.com-彩钢围-| www.an79.com-福彩助手吧-| www.b13.live-七七星彩吹吹| www.1323.org-网上七乐彩票下载| www.016596.com-澳门彩票手机投注版| www.067946.com-多赢吉林快三计划| www.997411.com-传奇彩票下载| www.97el.com-注册给彩金网站| www.5009.net-手机用彩膜好不好| www.05597.com-云购彩票彩神| www.690411.com-足彩百家欧赔| www.872660.com-福彩3d最有用规律| www.pv01.com-98c彩票-| www.42bp.com-爱尔兰彩-| www.0771.org-安徽快三开奖查| www.8170.top-各色釉彩大瓶| www.567302.com-体彩竞猜足球怎么玩| www.360308.com-三十六计赢足彩| www.cp932.cc-快三预测软件免费| www.54864.cc-cc彩球官网-| www.91552.cc-绿好彩和万宝路黑冰| www.292362.com-彩票查询app| www.26132.cc-羽泉版彩虹翻唱| www.124897.com-如何区分体彩和福彩| www.318818.com-玩彩幸运六点半| www.491456.com-巴西十分彩开奖号码| www.613673.com-体彩出奖11选5| www.706566.com-新体育彩票走势网页| www.845062.com-5360彩票手机版| www.942132.com-凤彩网app邀请码| 凤凰彩票www.55228b.com| www.490230.com-乐彩静态版手机| www.672092.com-彩票机转让协议| www.808296.com-新浪彩票足球风暴| www.920597.com-掌游彩下载专区| 500彩票www.329477.com| www.02ng.com-彩虹漫画男-| www.099760.com-k8彩-| www.208989.com-快三购买软件下载| www.425568.com-彩票情侣生日选号器| www.946800.com-百度彩票可靠吗| 好彩网www.hcw823.com| www.7800.top-竞彩足球稳定收入| www.21679.cc-微信彩票竞猜合法吗| www.61657.com-三地彩票图迷汇总| www.79.cx-网易彩票提现要求| www.rr57.com-澳洲彩票网站| www.12jh.com-无彩色系哪几个颜色| www.88hd.cc-黑彩不怕黑客入侵吗| www.629318.com-如意彩3d-| www.836559.com-陕西福彩公众号| www.7733.vip-爱购彩平台登录| www.if69.com-手机能买福利彩票吗| www.537956.com-福彩诈骗-| www.686722.com-中彩那天课文图片| www.850967.com-竞彩初赔特点| www.953254.com-彩8彩票游戏平台| www.cb02.com-甘肃彩票-| www.615960.com-彩神通关注号金码| www.752789.com-澳发彩票下载安装| www.910084.com-彩报中心彩吧图| www.23wq.com-盛彩彩票网址多少| www.1031.net-福彩3d助手开奖号| www.57909.com-臻彩视界-| www.452045.com-中彩网手机客户端| www.7271.loan-六开彩c8万彩吧| www.47uq.com-新浪爱彩网彩票| www.4228.biz-nba篮彩预测分析| www.1069.website时时彩彩网站| www.304368.com-奇妙彩票软件| www.46855.cc-釉彩大瓶展出| www.129370.com-3d牛彩图迷总汇图| www.196562.com-百宝彩上海快三| www.139959.com-九度彩票合法吗| www.813543.com-体彩加盟提成| www.888988.cc-如意彩票下载| www.950680.com-八亿彩平台是真的吗| 惠民彩票www.hm3355.com| www.8436.cc-天天中彩网是真的吗| www.390698.com-分分彩怎么玩最稳定| www.731023.com-易彩快三人工计划| www.793130.com-福利彩票如何看中奖| www.855780.com-七乐彩3十1有奖吗| www.923817.com-彩70平台-| www.972863.com-竞彩让球胜平负数据| www.cai7878.com甘肃快三今天预测| www.087317.com-福彩快3安徽| www.648007.com-淘宝彩票怎么兑换| www.700256.com-彩票可以跨省兑奖| www.760938.com-500彩票分分彩| www.132487.com-8度彩妆加盟代理| www.8357.xyz-重庆时时彩网投博金| www.39910.com-11选五彩票网| www.87284.com-澳客竞彩彩票app| www.046543.com-z246天天资料彩| www.233985.com-竞彩容错投注说明| www.53683.cc-新疆时时彩彩| www.5258.tv-中国彩票计划网| www.646441.com-一分快三心得| www.54830.com-彩票今-| www.757962.com-辽宁福彩35-| www.825266.com-竞彩猫女主持人小暖| www.891823.com-网上彩票漏洞群| www.953295.com-中福彩官网-| www.994880.com-网上彩票代理赚钱么| www.cl07.com-彩票网有5分快3| www.ty89.cc-彩票什么叫长龙| www.3yj.com-亚洲第二博彩公司| www.65ft.com-怎么下载豪彩| www.933.biz-7星彩复式玩法| www.4115.top-彩虹频道收看方法| www.8403.cn-福彩三地杀码专区| www.39732.com-彩店宝彩票下载安装| www.73588.com-搜索足彩必发指数| www.883772.com-博彩王彩票分析| www.967314.com-福彩双色球选号机|