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.rt88.com-中彩网快3-| www.313430.com-大发彩票最好邀请码| www.898117.com-18年彩吧助手老版| www.06648.com-大中华彩票网址| www.254575.com-好彩彩票平台可靠吗| www.uo25.com-快三2分彩-| www.79wg.com-分分彩挂机会赔钱吗| www.3575.win-棋牌注册送彩金38| www.479404.com-青岛福利彩票总店| www.15045.com-香港福利彩网站大全| www.386.website安徽体彩怎么看走势| www.0724.in-澳客彩店中奖不给钱| www.08111.cc-湖南省体彩中心位置| www.057092.com-我要机选3d福彩| www.198662.com-彩神ii正规吗| www.293832.com-马耳他彩票官网| www.428858.com-彩票大赢家足球比分| www.604866.com-哪行彩票容易中奖| www.703870.com-足彩竞猜开奖时间| www.52080.cc-中国竞彩网官方网站| www.365625.cc-足彩漏洞有哪些| www.66731.com-离我附近福彩店| www.759355.com-高频彩十年高手心得| www.86uj.com-成都彩票中奖| www.9295.cn-乐彩vip平台| www.775037.com-怎样买快三-| www.237147.com-01官方彩票-| www.ks77.com-七乐彩中奖概率| www.48mt.com-许星彩-| www.552676.com-快三赚钱合法吗| www.654807.com-ug彩票分分秒开| www.749900.com-双色球彩票大赢家| www.848475.com-竞彩专家推介| www.961304.com-竞彩猫微博-| www.331340.com-彩神l靠谱吗| www.451630.com-彩票十大信誉平台| www.327892.com-彩票帮投兼职| www.018759.com-彩票藏机图-| www.549721.com-国家彩票改制| www.630329.com-翼彩宝官网-| www.706315.com-凤凰彩票f83下载| www.410527.com-七彩铃铛球拼接过程| www.11381.com-杨震足彩14场推荐| www.612189.com-时时彩票吧-| www.712749.com-网络竞彩平台| www.479103.com-竞彩足球历史最大奖| www.572358.com-好彩网牛网-| www.641065.com-香港6hck彩库| www.712331.com-彩票驿站网址| www.780689.com-福彩双色球分析大师| www.938665.com-599彩票官网| www.xl7.cc-快三坑死人-| www.sr99.com-第一快三门户网站| www.04lb.com-彩铅绘画人物教程| www.70iw.com-旺彩大乐透推荐号码| www.5303.vip-七星彩042期开了| www.09uw.com-天天中彩网正规吗| www.817297.com-ig传统彩合法吗| www.896298.com-优势的彩票合买源码| www.969094.com-彩虹计划真的假的| www.cp6211.com-山东福彩群英会开奖| www.lt12.com-彩票作假事件| www.u27.club-下载速盈彩app| www.529512.com-彩种全的平台| www.93jw.com-公司年会红包发彩票| www.6982.net-买的彩票如何注销| www.31187.com-腾讯分分彩手机版| www.626252.com-盈丰彩票登陆| www.278496.com-正规彩票网投平台| www.jz43.com-快三的玩法技巧| www.8395.com-体彩泳池夺金开奖| www.391853.com-怎么下载彩票网| www.586167.com-52彩店-| www.665834.com-新加坡彩票开彩网址| www.wq76.com-123彩票平台| www.34ho.com-福彩3d图标| www.3426.cc-256彩票二维码| www.9696.cn-篮球体彩分析预测| www.809556.com-店之宝彩票网| www.39466.com-彩票万能挂机方案| www.030394.com-口袋彩票一购彩大厅| www.184381.com-福彩全图-| www.306317.com-山西彩票-| www.215336.com-彩票达人是什么意思| www.761406.com-蓟彩芝的配音员| www.834860.com-乐米炫彩是什么| www.611525.com-彩虹六号围攻价格| www.52085.cc-惠普彩色打印机型号| www.024074.com-重生之彩票起家| www.598120.com-竞彩自由过关玩法| www.426075.com-玩时时彩返点设置| www.553340.com-福彩体彩历史开奖| www.061577.com-彩票大嬴家走势图| www.592828.com-沙特评价彩虹无人机| www.256110.com-北京丹彩快三| www.369311.com-福彩六十一开奖查询| www.464544.com-彩票投注网站什么好| www.15he.com-成都彩票店转让58| www.990261.com-中国福利彩票复试| 彩票5www.202901.com| www.92ds.com-网络投彩哪些是公彩| www.222589.com-安徽快三人工计划| www.940376.com-澳彩网-| www.779765.com-全民竟彩彩票| www.952051.com-500彩票网与彩神| www.ir89.com-乐乐彩票真的假的| www.979222.com-广州去哪买绿好彩烟| www.42xz.com-福彩开奖走事图| www.282823.com-七星彩几点钟开奖| www.615721.com-环彩网安全吗| www.688589.com-105彩票最新版本| www.70750.com-官方网站728彩票| www.138953.com-九号彩票-| www.907321.com-江西快三30期| E彩堂www.43818s.com| www.79363.cc-快三最多买多少倍| www.619977.com-彩票黑色纸张| www.577083.com-彩票可以注销吗| www.484518.com-讯赢彩票-| www.pn5.cc-贵州快三预测推荐| www.607382.com-体彩排列三双双字迷| www.722782.com-免费彩票助赢软件| www.186819.com-时时彩开奖结果表| www.9696.hk-港彩精准内部资料| www.679250.com-彩至尊app-| www.309903.com-长春体育彩票| www.662345.com-七星彩截止时间| www.732062.com-彩票中奖几天过期| www.799139.com-台湾玩运彩讨论区| www.862912.com-肥城彩票3亿| www.8477.top-中彩那天教学反思| www.9047.cn-时事彩五星公式| www.54599.cc-手机验证领18彩金| www.019702.com-快三胆码拖码| www.273795.com-宝典时时彩-| www.4577.cm-易彩堂登陆-| www.35974.com-福彩340期-| 幸运彩票www.669350.com| www.up83.com-彩票计划师如何骗钱| www.521151.com-福星彩票福星高照| www.164244.com-彩票坊上输了一万多| www.d56.site-福彩3d漏洞-| www.1317.pw-106好彩票-| www.qc30.com-安徽省福彩中心官网| www.17az.com-代买彩票诈骗| www.2148.net-乐彩计划导师| www.7222.site-900彩票网站| www.3989.biz-河南福彩中大奖| www.9986.online酷彩吧怎么不能登录| www.866415.com-搜狐网彩票版| www.4858.xyz-梦见去买彩票| www.18987.cc-粤十一选五爱彩乐| www.428048.com-500理财彩票| www.xt2.cc-体育彩票开奖查询| www.308201.com-福利彩票奖金计算器| www.36lp.com-七星彩割码规律| www.50nv.com-开彩票站挣钱吗| www.848575.com-nba彩经最新动态| www.803735.com-高频彩投资套利项目| www.873335.com-贵州体彩开奖| www.934858.com-快彩软件-| www.981510.com-大中华彩票下截| www.130894.com-内蒙福彩大家乐| www.370318.com-网上玩彩票倾家荡产|