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.cai7599.com上海快三手机助手| www.6810.vip-12先5福彩浙江| www.569.online-兼职刷彩是什么| www.009.cn-至尊争霸彩票怎么玩| www.782011.com-最稳定的彩票指标| www.kq5.com-体育彩票快三走势图| www.560595.com-博金彩票站官方网站| www.624128.com-彩票33老版-| www.731126.com-易彩快3预测| www.839584.com-查一下福彩出什么号| www.949380.com-盈彩的试玩彩票取出| 彩之家www.19czj.com| www.fj08.com-大发快三是不是骗局| www.wn15.com-好彩官方版0567| www.195293.com-河南省福彩网快三| www.615682.com-体彩七位数计算公式| www.500929.com-彩色一寸照-| www.299971.com-高频时时彩-| www.405303.com-嘉兴彩票中奖| www.137768.com-3d新彩吧图谜| www.9ig.com-娱乐江苏乐彩| www.7581.biz-麦久彩票网首页| www.272884.com-支付宝彩票中一等奖| www.458057.com-体彩大乐透12期| www.567822.com-创富彩票网址| www.717853.com-北京快三出奖号码| www.813874.com-宁夏体彩有中奖的吗| www.6524.gg-广发彩票是什么套路| www.63170.com-新疆喜乐采彩走势图| www.875090.com-下载258足球竞彩| www.899833.com-c彩83net-| www.998874.com-美国纽约快三网站| www.03uj.com-起点彩票是黑平台吗| www.129.org-led幻彩控制器| www.802323.com-福利七乐彩开奖结果| www.353077.com-星娱娱乐快彩| www.470312.com-国外买足球彩票网站| www.523458.com-浙江福利彩票网开店| www.666001.cc-新加坡天天彩票| www.779754.com-七七彩开奖结果查询| www.885463.com-2118彩票软件| 凤凰彩票www.77801b.com| www.31382.cc-手机买体彩的软件| www.675692.com-彩乐会娱乐-| www.763979.com-华宇彩票平台靠谱吗| www.884105.com-杏彩-| www.961824.com-融彩网合法吗| 天下彩www.754880.com| www.95rz.com-博纳彩票被骗了| www.7579.xyz-新浪爱彩十四场直播| www.51le.com-七彩双色球开奖| www.581369.com-2元的彩票几位数字| www.5681.cm-大奖快三是什么意思| www.0938.wang-彩票下载大全| www.035578.com-至尊彩网址-| www.39qi.com-海口彩票网彩版| www.0962.xyz-91福彩社区破解版| www.rp0.com-体彩e球彩走势图| www.87ye.com-3d黑彩直选奖金| www.54899.cc-元角分模式彩票网| www.9881.loan-高频彩有多少输多少| www.64209.com-彩票外围软件| www.048799.com-体彩排列5玩法介绍| www.9963.vip-彩票那个奖金最高| www.637092.com-关于利民彩票| www.73077.cc-彩票团队赚钱靠谱吗| www.055787.com-买彩票的幸运数字| www.039203.com-彩票投资是什么意思| www.026074.com-凤彩网app下载| www.169736.com-快三吉林省走势图| www.286610.com-福利彩票室内装修| www.tc56.cc-网售彩票23号开放| www.028767.com-福彩好运三-| www.19412.com-微信群发送彩金| www.79813.com-辽宁省体彩11选5| www.086031.com-凤凰彩票安装| www.871459.com-体彩排列三杀码图| www.930122.com-彩票缴税-| www.978468.com-广酉福彩选号助手| www.cp0163.com-快三助手怎么样| www.ds71.com-福星彩-| www.4hl.com-五百万彩票网真吗| www.950293.com-百宝彩账号密码| www.6208.vip-红旗手机彩票| www.133724.com-好彩客app首页| www.429158.com-十字彩怎么充值| www.599707.com-重庆时彩稳赚绝招| www.74zh.com-体彩每天几点开售| www.632635.com-七彩视界账号注销| www.736152.com-中国彩吧图库吧| www.811811.com-新昌双彩乡-| www.0265.xyz-青岛福彩彩票站转让| www.8831.vip-众彩网彩票专家预测| www.5499.net-开个彩票店怎么加盟| www.515777.com-彩的陪首-| www.238571.com-快三和值跨度表大图| www.2556.pw-彩票反水4%的平台| www.43uz.com-投彩什么意思| www.842310.com-纯化镇福利彩票| www.956055.com-湖北快三遗屚| www.636273.com-一年彩虹短文阅读| www.707219.com-易彩账号登陆| www.813990.com-快够彩票网址是多少| www.893425.com-新快三走势怎么看| www.951195.com-福体彩票全部开奖| 百胜彩票www.bai355.com| www.362939.com-自制彩虹鸡尾酒实验| www.419345.com-金凤凰彩票手机版| www.876962.com-七乐彩4个号多少钱| 幸运彩票www.854266.com| www.40986.com-ok彩票是谁的| www.348005.com-西安彩票机转让| www.203299.com-体彩排列5开奖号码| www.490389.com-旺彩游戏平台注册| www.797873.com-彩票码源哪里买| www.885894.com-福彩分析-| www.986661.com-中国福利彩票快乐3| www.gs1.cc-湖北彩票快3开奖| www.595280.com-篮彩神棍吧-| www.463595.com-彩云星意合法吗| www.34lw.com-专业版赢彩王| www.183056.com-安徽福利快三一定牛| www.672187.com-全民彩票几个版本| www.870361.com-网友让我网上买彩票| www.985553.com-彩票虚拟投注| www.817668.com-福客来彩票官网| 天天中www.77ttz.com| www.7594.pw-福利彩票计划| www.293572.com-甘肃快三遗漏速查| www.805303.com-网球彩票怎么买| www.32397.com-奔驰彩票计划网址| www.548.tv-山东福彩双色球论坛| www.979382.com-南通体彩店怎么申请| www.zh92.com-七星彩财迷迷预测| www.893565.com-乐彩网官方下载| www.013678.com-湖北快三分析| www.186458.com-盈彩网揭秘-| www.333335.cc-彩票源码开奖器| www.522481.com-我乐时时彩计划网页| www.797683.com-彩票代购源码| www.078015.com-三地乐彩网首页| www.h18.com-彩票身边中奖| www.249163.com-大发彩票官网网址| www.317575.com-竞彩心得-| www.315797.com-彩虹5无人机首飞| www.378157.com-七彩蓝田投资| www.963418.com-体彩竞彩澳客网| www.00ye.com-彩虹实验光的变化| www.46an.com-彩绘龙盘-| www.281.bid-500万七星彩交税| www.683815.com-体彩站点查询| www.447553.com-好的足彩推荐公众号| www.119352.com-彩神ⅰv-| www.205779.com-大发快三走势规律| www.984776.com-福彩3地图迷新彩吧| www.cp610.com-江苏快三app| www.qk65.com-精彩彩票app下载| www.5yj.com-福建省体育彩票网| www.54cl.com-凯里中彩票-| www.454677.com-福彩3d猛龙论坛| www.501836.com-乐聚彩票怎么注册| www.575854.com-牛蛙彩票图彩好| www.246505.com-江苏老快三推荐号码| www.790263.com-彩票模拟器下载|