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.539009.com-欢乐时时彩开奖| www.022571.com-体彩排列三天使断组| www.713618.com-大家赢彩票是真的吗| www.100214.com-彩票禁止网络销售| www.197840.com-体育彩票开奖公告| www.035101.com-至尊彩网址登录| www.87242.com-赛车彩票网-| www.95878.com-中国体彩工资| www.19qc.com-彩票七天乐是真是假| www.1633.vip-kk彩票网可靠吗| www.jo89.com-网络彩票诈骗追回| www.mt17.com-福彩都有什么彩种| www.3470.cn-体彩大乐彩开奖公告| www.7850.org-足彩神人-| www.750332.com-中彩在线娱乐| www.911126.com-吉林省体彩中心站点| www.988001.com-彩民乐探码图双色球| www.ck37.com-吉林体彩网唯一官网| www.l28.cc-两元彩票网大乐透| www.49kw.com-彩富会员料-| www.17125.cc-e彩堂-| www.96300.cc-彩票几号卖-| www.132987.com-竞彩2串1什么意思| www.281477.com-台湾时时彩结果| www.788780.cc-每日nba彩经| www.964554.com-网络彩票幸运快三| www.ro76.com-福彩快乐十分下载| 购彩在线www.66332l.com| www.120397.com-宝马彩票软件| www.6514.cn-体彩即开彩票返点| www.669839.com-百博七星彩投注| www.713599.com-傲赢彩票正规吗| www.355509.com-常州中奖彩票被调| www.618436.com-19002期足彩| www.579582.com-彩天下登入网站| www.62558.com-彩票中奖指南百度云| www.987194.com-购彩堂app官网| www.vq34.com-快三带玩彩票| www.91261.com-好彩蓝莓爆珠产地| www.400156.com-下载湖北快三助手| www.is14.com-乐米彩票合法吗| www.540067.com-彩铅古风人物手绘| www.26327.cc-彩吧彩票能玩吗| www.202.mobi-九龙彩权威料| www.6080.site-奇门彩票准到可怕| www.749559.com-犀牛彩票app| www.896969.com-江南彩姐大乐透预测| www.969837.com-福彩快乐双彩| www.591220.com-竞彩足球真能赚钱吗| www.166020.com-68彩票真的假的| www.462225.com-黑彩在哪里买| www.590139.com-足彩胜负开奖公告| www.678194.com-武汉福彩转让信息| www.770027.com-七彩西游记全集| www.875252.com-彩票坊软件怎么样| www.998858.cc-大乐透江苏体彩| www.pr67.com-郑州福利彩票中心| www.08zj.com-掌上彩票手机版下载| www.137368.com-七星彩电脑在线选号| www.947353.com-彩票辅助工具下载| www.dh58.com-百宝彩手机版| www.4999.cm-福彩试机号后预测| www.701896.com-六喝彩开奖结果查珣| www.827033.com-太阳2彩票-| www.910870.com-篮彩比分直播新浪| www.976734.com-四川遂宁彩礼价目表| www.hp0.com-彩票屠龙的意思| www.147558.com-玉林福彩中心在哪里| www.455424.com-资料大全4s彩票| www.578973.com-亚洲杯彩票怎么买| www.493338.com-中你体育彩票| www.6236.wang-福彩3d开奖号| www.898407.com-中国福利彩票咋看| www.972393.com-彩铅画梅花-| www.af03.com-全国彩票开奖大厅| www.65229.cc-大发分分快三计划| www.097057.com-2019网上购彩票| www.55707.com-彩票大乐透玩法规则| www.996166.com-腾讯高频快彩| www.ut2.cc-手机彩票网站大全| www.ng86.com-彩票999是病毒吗| www.686458.com-中彩那天课文人教版| www.805989.com-郑州彩票店转让| www.163063.com-福彩排列三试机号码| www.49985.com-6十1七乐彩-| www.512759.com-水彩画凤凰-| www.624099.com-新基诺彩票-| www.760480.com-诚信彩票官网| www.852996.com-金福彩票下载| www.952065.com-彩票计划网站86| www.995088.com-体育彩票大乐透兑奖| www.ag65.com-一定牛彩票网合法吗| www.22yp.com-体彩5星彩查询结果| www.361192.com-冠彩网真的假的| www.457724.com-体彩篮球竞技| www.560046.com-吉林快三怎样选号| www.715356.com-36o全国彩票开奖| www.9763.vip-福彩3第之家| www.6506.vip-江苏e球彩太假了| www.019203.com-彩票行家全年资料| www.176543.cc-uu快三稳赚技巧| www.563654.com-湖北乐彩快三推荐| www.723315.com-天下争霸彩票下载| www.888919.com-易彩网网址-| www.983642.com-东莞福彩中心在哪里| www.154535.com-怎么利用彩票赚钱| www.980473.com-广西体育彩票app| www.bw42.com-足彩310什么意思| www.tr60.com-宁夏快三算号神器| www.16fu.com-周口体育彩票| www.90vi.com-体育彩票投资多少钱| www.65ve.com-大同市福彩中心地址| www.2113.wang-黄金彩票娱乐| www.23598.cc-彩神1号app-| www.630286.com-胜负彩14场一等奖| www.174711.com-网上的快三能玩吗| www.794.net-亿彩票安全吗| www.501440.com-合乐时时彩平台| www.59399.cc-彩铅星空画教程| www.614883.com-糯种三彩翡翠价格| www.889302.com-彩乃奈奈在线观看| www.991159.com-4scc彩票-| www.cx68.cc-时时彩平台排榜| www.382303.com-下载智慧彩快3| www.516870.com-色彩简介-| www.623220.com-张灯结彩的意思| www.681816.cc-吉林快三所有号图片| 亚投彩票www.ya077.com| www.277565.com-90彩票首页-| www.340456.com-玄武彩票下载安装| www.400633.com-七星彩中间值走势图| www.511269.com-带彩虹的微信昵称| www.569686.com-彩吧彩报第二版| www.633575.com-福彩7乐彩哪天开奖| www.707411.com-大奖三分彩计划| www.773747.com-时时彩大小单双平刷| www.863606.com-瑞彩祥云注册邀请码| www.915891.com-彩票站出兑急急急| www.972131.com-8k彩票网是真的吗| 汇彩网www.www.hcw266.com| www.kf41.com-一分快三官网开奖| www.0285.xyz-中国福彩软件| www.1371.win-vr3是什么彩票| www.cp6829.com-发彩网骗局-| www.685902.com-福彩专业版-| www.31zs.com-58彩cm开奖-| www.220621.com-幸运快三下载安装| www.038385.com-彩票图表走势图表| www.006013.com-做彩票app违法吗| www.0723.pro-安徽快三能不能破解| www.297799.com-青海快三奖金| www.16526.com-五分时时彩预测| www.77149.cc-足彩任9场开奖结果| www.096466.com-3d好彩网图迷总汇| www.720565.com-幸运七星彩预测| www.ud77.com-快三豹子多少钱| www.469920.com-仙彩竞猜app| www.114866.com-福彩3d胆码图采摘| www.866135.com-今天五星彩开奖结果| www.961784.com-qq上买彩票-| www.mz82.com-快三良品app| www.p59.net-香港快三下什么软件| www.010084.com-彩票分析预测免费| www.73633.com-体彩19083期|