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.304330.com-七星彩19023| www.878718.com-广东体彩网首页| www.46uj.com-今晚彩票都出什么号| www.jq0.cc-河南帝彩快三走势图| www.07vb.com-好看的彩铅配色| www.7233.loan-彩虹六号墨冰怎么得| www.099796.com-彩78在哪里下载| www.358984.com-彩票店的装修| www.en08.com-南宁快三-| www.640400.com-迅雷新浪彩票| www.98729.com-快上海快三号码| www.390074.com-彩票中了几十万| www.593740.com-彩吧开奖结果| www.8005.com-中班户外彩虹伞| www.5287.top-彩票哪个平台稳定| www.2447.net-今日足彩258| www.481886.com-曼谷5分彩-| www.69zd.com-球彩台客户端| www.892696.com-竞彩官方欧赔对比| www.861614.com-彩宝贝开奖查询| www.084678.com-六开彩开奖结果v| www.596901.com-快乐赛车彩票官网| www.048923.com-玩彩老头排列三预测| www.666579.com-万达彩票的骗局揭秘| www.895402.com-彩天下6263cc| www.613306.com-福彩充值卡-| www.820063.com-乡镇彩票店-| www.499499.cc-双彩工作室163| www.575400.com-福利彩票大奖得主| www.739022.com-中国彩票假-| www.947132.com-福彩三d字谜开奖号| www.q80.org-网上怎样买体育彩票| www.380101.com-七乐彩2等奖是多少| www.229190.com-彩788app下载| www.501930.com-深圳宏达彩-| 500彩票www.50788g.com| www.298886.com-qq彩票下-| www.356544.com-彩票促销的方法| www.32ve.com-体彩正版天庚| www.3859.cm-dd彩票网是谁的| www.753962.com-彩票彩宝贝下载| www.971859.com-那个微信可以买彩票| www.746714.com-彩神v1-| www.402185.com-广丰区结婚彩礼多少| www.309078.com-快三有多少几率中奖| www.752706.com-h5彩票程序-| www.054147.com-亚搏彩票手机版| www.6497.vip-1998彩票app| www.224521.com-天天快三软件下载| www.391193.com-易中彩票网骗局揭秘| www.s66.wang-桂林快三走势图| www.434448.com-中国移动官方彩票网| www.719616.com-福彩3d报纸图在哪| 汇彩网www.www.hcw266.com| www.099682.com-160彩票靠谱么| www.721377.com-立即开奖彩票破解| www.5077.vip-足彩竞猜停售| www.003228.com-中国福彩3d藏宝图| www.892234.com-快三中彩网大数据| www.328144.com-3d乐彩论-| www.899211.com-湖北快三的走势图| www.660423.com-彩票刮刮乐透视眼镜| www.cai35.cc-湖北精彩十分走势图| www.950382.com-百乐彩怎么下架了| www.037353.com-时时彩在线过滤缩水| www.543721.com-琓彩人双胆-| www.335578.com-福彩通官网-| www.086985.com-今日七乐彩中奖结果| www.47ql.com-丢彩票开抢自杀| www.118003.com-浙江省彩票网| www.307739.com-好彩官方版-| www.555377.com-吉林快三盘口| www.875491.com-45彩票最新版| www.im37.com-彩票足球-| www.75uv.com-500彩票破解木马| www.203012.com-手机打彩票-| www.7584.cc-弘博网彩票-| www.318385.com-萄京彩票网址| www.184823.com-湖北快三分布图| www.970716.com-买彩票幽默句子| www.142979.com-彩虹8彩票平台| www.398261.com-甘肃福彩联系电话| www.186565.com-几十秒一开的彩票| www.367085.com-彩宝网开机号试机号| www.400566.com-彩票奖号3d-| www.984097.com-福彩3d宣传-| www.509538.com-第九彩票注册| www.644494.com-华亿彩票网-| www.20012.cc-辽宁全运彩11选5| www.343709.com-乐彩网工具-| www.579613.com-澳客彩下载-| www.466056.com-五维彩超多少钱| www.0396.xyz-线下彩票app| www.602037.com-彩票中心工作的人| www.04lh.com-中国体彩福彩| www.lg18.com-全民中彩骗局| www.806406.com-山东体彩手机app| www.964648.com-破解彩票数字规律题| www.684200.com-彩八app网址| www.873575.com-红彩快三-| 大赢家彩票平台www.131763.com| www.33934.com-中国便民彩巴| www.278563.com-安灰快三-| www.177430.com-福彩3d预测一百科| www.107.org-博彩平台出租的吗| www.8717.net-章鱼彩票-| www.72701.com-刺客论坛3d彩经网| www.284081.com-彩票有哪些种类| www.490520.com-体彩店邀请码| www.884125.com-彩票黑平台出黑| www.268760.com-9228彩票-| www.282633.com-彩票33官网安卓| www.069860.com-体彩跨度表-| www.445067.com-如何才能中彩票| www.679263.com-彩六套路-| www.866461.com-昨日体彩开奖| www.09kn.com-243彩票-| www.687841.com-福彩3d和值遗漏| www.391238.com-艾彩调教社区| www.gl19.com-盈利彩票中的快三| www.4464.vip-尊彩网首页-| www.039755.com-大中华彩票主页| www.325525.com-海南四彩开奖结果| www.111736.com-大资本彩票网| www.381543.com-泰安市福利彩票中心| www.525184.com-圣地彩是真的吗| www.844444.cc-彩票中奖未领| www.rf71.com-彩票166官网| www.499.com-彩票有网络销售吗| www.9981.net-福彩3d小军第三| www.767687.com-3d双彩图谜-| www.965681.com-帮别人代玩快三兼职| www.948664.com-福利彩票销售额| www.bn59.com-至尊彩app网站| www.899591.com-福利彩票刷流水| www.40893.com-澳门快5彩骗局| www.092083.com-什么彩票三分钟一期| www.445135.cc-莲湖福彩转让| www.809997.com-河南福彩网幸运彩图| 乐彩网www.3416p.com| www.35dy.com-湖南福彩天地报报纸| www.281387.com-五星彩票开奖结果| www.790011.com-福彩中奖计算器| www.81cp.com-蚂蚁彩票-| www.243309.com-福利彩票预测| www.833828.com-天天中彩吧字迷| www.gf87.com-一分快三的规律| www.40db.com-淘宝店铺买彩票| www.8074.xyz-法国水彩画家作品| www.76649.com-快三微信群游戏规则| www.075499.com-江西上饶体彩销售点| www.178530.com-澳客网足球彩票| www.761210.com-足球竞彩半全场规则| www.890329.com-360足球胜负彩| 凤凰彩票www.55228c.com| www.79kn.com-彩乐园官网下载安装| www.301093.com-鸿彩彩票官网合法吗| www.78991.cc-多乐彩51期-| www.y14.xyz-彩票高待遇招代理| www.h97.com-福利彩票开奖公告√| www.075130.com-梦想彩票手机版下载| www.458880.com-竞彩容错表玩法| www.568338.cc-微彩论坛排列五| www.654804.com-东方彩票是哪里的|