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.746168.com-e彩票安全不| www.025564.com-内蒙古彩票中心电话| www.737026.com-上海快三时间段改| www.818668.com-上海快三遗漏三同号| www.654505.com-七星彩最新规律图规| www.884732.com-亿彩堂是正规平台吗| www.63243.com-体彩任选3单式票| www.388267.com-4567彩票下载| www.517735.com-爱福彩-| www.596541.com-福彩3d兑奖规则| www.675093.com-西游娱乐彩票| www.356017.com-新时时彩倍投技巧| www.158317.com-官方版好彩彩票| www.jl94.com-陌陌彩票拖-| www.509870.com-567彩票维护| www.356751.com-做网络彩票-| www.757577.com-竞彩宝彩店邀请码| www.933356.com-五分快三最最长龙| www.4230.win-网易红彩竞彩专家| www.084820.com-22彩票怎么没了| www.wn0.cc-甘肃快三今漏号| www.90jr.com-南國彩票社区| www.48188.cc-福彩快3截止时间| www.477435.com-彩神通四码会员资料| www.659983.com-彩票预测高手| www.184831.com-精彩十分走势图网站| www.335331.com-彩票3d怎么玩法| www.513058.com-好运来彩票赚钱| www.637561.com-体彩公益金使用公告| www.065285.com-中国竟彩网页| www.403658.com-彩礼用来干嘛的| www.ux77.com-3d新彩网吧-| www.75919.com-七号代购彩票| www.382116.com-有人带我一起买彩票| www.721736.com-足球彩票预测论坛| www.981453.com-快三第35期号码| www.06tr.com-五级儿童彩铅画大全| www.2947.xyz-中国第一快三门户网| www.9933.net-旧版噢百万彩票| www.57672.cc-易盈彩票093| www.530960.com-环彩网网页版登陆| www.307489.com-韩国快三是什么| www.87988.cc-分分时时彩是谁开的| www.1703.org-时时彩后三缩水软件| www.r54.com-快三助手安全吗| www.9449.wang-彩客彩票贴吧| www.69289.cc-彩879平台登录| www.471622.com-小鱼版彩吧图库背面| www.0995.xyz-首页购彩中心| www.m86.me-178彩票平台下载| www.72kk.com-中国竞彩篮球cba| www.065883.com-时时彩后四做号方法| www.24975.com-兰花图片简笔画彩铅| www.518173.com-牛彩彩票下载| www.597816.com-幻彩紧致晚霜| www.671357.com-中国彩吧3d字谜| www.220342.com-乐彩网下载| www.311567.com-足球竞彩258下载| www.jb40.com-天天彩票大发快三| www.971921.com-全彩本子-| www.cp4649.com-甘肃快三助手app| www.10np.com-彩票机造假视频| www.485.cm-彩票大平台官网| www.53780.com-和盛娱乐时时彩平台| www.86393.cc-新彩的画法-| www.089244.com-彩神争霸11-| www.365691.cc-最近体彩开奖号码| www.254315.com-糖果彩是做什么的| www.335932.com-新手玩哪个彩票好中| www.122648.com-正版天天中彩票| www.11725.cc-博彩账号-| www.81911.cc-彩票周六开什么奖| www.3525.online彩八彩票网站首页| www.07800.com-苏州快三计算公式| www.019956.com-湖北快三杀号定胆| www.286184.com-体彩试机号对应码| www.6937.top-七彩云南翡翠| www.357098.com-用彩铅画美食| www.453954.com-什么是彩色沥青| www.607059.com-买福利彩票咋写好好| www.683553.com-喜盈门彩票软件下载| www.759572.cc-中华彩票下载| www.dd99.com-五分钟一期快三计划| www.168605.com-快3彩票官网内蒙| www.551257.com-高频彩随机怎么赢| www.748181.com-关于中彩-| www.817639.com-体育彩票一注多少钱| www.895136.com-七彩彩票怎么样| www.963743.com-手机买彩票的软件| 中彩网www.81233b.com| www.41215.com-二元彩票走势| www.909508.com-体彩19054开奖| www.3049.net-七星彩txt-| www.610053.com-12彩票手机版下载| www.612152.com-新万彩吧彩票3d| www.ak86.com-808加急彩版| www.283722.com-七星彩对几个号有奖| www.476651.com-体彩图谜总汇全图| www.16iq.com-彩票不倒翁投注方法| www.2056.me-彩虹儿童画图片大全| www.8578.biz-今天体育彩开什么| www.86ds.com-福彩3d杀胆彩宝贝| www.ee77.cc-一分快三刷流水| www.2et.com-幸运快三大小| www.59wm.com-体彩机押金好退吗| www.2755.in-双双彩论坛-| www.gz57.com-上上海体彩-| www.12nz.com-极速时时彩人工计划| www.485877.com-手游彩票网址| www.024625.com-南昌体彩销售排行榜| www.885173.com-官方大乐透购彩| www.979977.com-乡可以开彩票店吗| www.cp8585.com-人人快三彩票| www.701663.com-我就想开彩票店| www.c90.cn-陕西百宝彩十分钟| www.40xq.com-节假日卖彩票吗| www.647169.com-江苏快三算号器| www.86809.com-彩王争霸下载| www.190356.com-一分快三的投注技巧| www.284455.com-哪个彩票平台更安全| www.355486.com-怎样科学玩高频彩| www.19587.com-发彩网大小单双| www.335573.com-8号彩票官网| www.663381.com-彩票nba-| www.726260.com-福彩定位胆王| www.797921.com-c彩61平台-| www.803672.com-新生彩票测速| www.879902.com-105彩票违法吗| www.716488.com-彩铅彼岸花插画教程| www.33336.com-博众时时彩手机| www.38rz.com-彩民在线视频| www.96300.cc-彩票几号卖-| www.059703.com-下载k彩app-| www.134716.com-qq彩票靠谱吗| www.97479.com-掌上彩票软件下载| www.4167.cc-彩虹6号多少钱的好| www.728158.com-网上亿彩是正规的吗| www.803623.com-19085期福彩| www.732645.com-江苏体彩兑奖中心| www.856691.com-七星彩摇奖-| www.942922.com-南宁体彩中心地址| 网易彩票www.36788c.com| www.56133.cc-吹吹七星彩专区| www.261755.com-欢迎来到彩票米聊| www.11kl.com-网上购彩软件那个好| www.83dx.com-喝彩中华报名| www.009417.com-三d彩票八卦图| www.107167.com-黑客能破解彩票吗| www.00361.com-快三和值计算下一期| www.76447.com-万优彩票下载| www.202082.com-苏州福彩网-| www.292765.com-人人体育彩票| www.393994.com-色彩对比作业| www.234628.com-快乐彩视频-| www.331270.com-81彩票网-| www.482903.com-网络彩票中奖五百万| www.579375.com-朱雀彩票网站| www.651528.com-发送博彩短信的后果| www.760403.com-75秒时时彩下载| www.819327.com-彩票计划师招聘| www.877023.com-福利彩票玩法有几种| www.935999.cc-大发彩票在线计划| www.990687.com-手机彩票选号软件| www.uu42.com-福彩3d讨论区|