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天

知道了
9彩注册 www.358707.com-彩票到手-| www.47qw.com-高彩网特马吧| www.14987.cc-彩报图库试机号| www.237245.com-香港彩票网址大全| www.092309.com-福建体彩90512| www.313379.com-3d双彩图-| www.152009.com-爱彩通过滤软件| www.307924.com-淘宝买彩票可靠吗| www.721091.com-体彩漏洞坐牢| www.828270.com-英国彩票怎么买| www.910983.com-福彩玩彩老头预测| www.975365.com-下载博牛彩票| www.cp3928.com-百宝彩票河南快三| www.828313.com-春天彩票被骗| www.910402.com-官方彩票网-| www.994959.com-好彩堂好彩堂论坛| www.ey64.com-时时彩助手5.2| www.zb23.com-五福彩票app安卓| www.58kj.cc-819彩票-| www.jj07.com-彩票福彩3d字迷| www.5444.biz-快三倍投是真的吗| www.4658.net-买彩票是靠运气吗| www.929355.com-福彩群英会开奖结果| 126彩票网www.530126.com| www.718369.com-聚彩彩票有假的吗| www.9792.xyz-快三彩票中奖神器| www.63392.cc-众彩网七星彩顶测| www.788563.com-福彩今天试机号| www.520.website体育彩票去哪里好玩| www.8801.vip-下载彩票中奖| www.63518.com-足彩竞彩赛事| www.940765.com-乐汇彩app下载| www.nf14.com-手机版彩票破解软件| www.25qp.cc-67彩网赚团-| www.498667.com-竞彩缴税吗-| www.635382.com-七彩假期官网| www.256911.com-皇元彩票app| www.128423.com-网上快三是不是假的| www.217797.com-彩福彩票下载| www.286583.com-玩彩老头专栏| www.774771.com-中乐彩官网8757| www.2521.wang-彩图诗句看图解码| www.000380.com-云南时彩开奖结果| www.180165.com-易彩app-| www.462282.com-黑彩如何盈利| www.595171.com-福彩字谜双彩论坛区| www.qm46.com-彩票内部数据| www.133835.com-天天彩票注册邀请码| www.120639.com-开体育彩票店抽成| www.477605.com-足彩单场固定奖金| www.dr24.com-彩票去哪买-| www.278496.com-正规彩票网投平台| www.466401.com-宏盛彩票登录| www.712286.com-e彩堂43818-| www.813022.com-福彩跨度和值走势图| www.885049.com-cp彩票安卓版官网| www.950187.com-体彩三天必出胆码| 福彩www.15355k.com| www.ee47.com-福彩刷流水-| www.ug16.com-乐彩33可靠吗| www.517714.com-福利彩结果-| www.8883.live-竞彩比分规律| www.717862.com-足彩即时比分旧版| www.865346.com-大奖网彩票020| www.4447.in-金尊国际彩票| www.6253.biz-彩虹岛封魔8| www.270536.com-新彩国际app彩票| www.376100.com-枫创乐彩app| www.640611.com-福彩3d直选-| www.738922.com-宝马彩票-| www.830298.com-567彩票合法吗| www.903607.com-福彩3d彩乐园| www.136993.com-凤凰彩票可靠不| www.932322.com-老彩民网址-| www.519906.com-鸿彩靠谱吗-| www.553777.com-足球竞彩延期怎么算| www.885030.com-亿彩堂是做什么| www.953886.com-牛人彩票-| C9999www.988456.vip| www.2552.top-吉林快三合法吗| www.14558.com-体育七星彩票玩法| www.8997.com-3g彩票开奖-| www.81354.com-香港一彩吧-| www.538516.com-约彩票下载安装| www.613973.com-日本有什么彩票| www.678026.com-南方双彩网专家杀号| www.747062.com-彩票红包-| www.818703.com-世界杯体彩软件| www.879704.com-彩票开奖481| www.qm41.com-快三号全部号码| www.577674.com-湖南体彩中心电话| www.657044.com-彩贝游戏老虎机平台| www.731581.com-彩色纸箱包装价格| www.799139.com-台湾玩运彩讨论区| www.868466.com-360彩票走势图解| www.927471.com-福利彩票什么玩| www.979262.com-福彩3d最未出号码| www.ox1.com-彩票中心有人蹲点| www.416707.com-福彩门户.ok88| www.830098.com-微信快乐彩是真的吗| www.6ar.com-购彩止损-| www.312512.com-怎么开一个彩票网站| www.675531.com-时时彩等机会| www.023225.com-怎样买彩票大小| www.977812.com-篮球彩票在哪买| www.dw8.cc-网上三分快三真的吗| 500彩票www.50024z.com| www.wm66.com-999彩票应用| www.645698.com-众发彩票是不是骗局| www.0602.vip-我要中彩票下载安装| www.077377.com-高频彩种类-| www.70606.com-内蒙福彩快三玩法| www.773681.com-北京时时彩开奖软件| www.957620.com-山西省体彩中心| 500彩票www.511073.com| www.660661.com-白袍法师乐彩网百度| www.743907.com-629彩票-| www.144225.com-竞彩足球抓平局| www.075537.com-瑞彩祥云结不了卡| www.4240.xyz-陕西三彩集团文宁| www.j64.org-12彩票下载安装| www.39fc.cc-苏州彩莲路中福在线| 大赢家彩票www.599424.com| www.1011.in-如意彩票网登入| www.39875.com-彩巴士-| www.024833.com-河南福彩客服电话| www.098889.com-传统彩网站-| www.188249.com-安徽快三遗漏走势图| www.365275.cc-彩库女装官网冬装| www.484281.com-福彩3d金胆传奇| www.553357.com-500万彩票官方| www.603509.com-临汾市福彩中心| www.791609.com-买竞彩输得家破人亡| 爱购彩票www.igcp3.com| www.739077.com-彩票平刷软件手机版| www.823612.com-七星彩计算方法| www.885553.com-利彩工具下载| www.581.cm-套彩对打-| www.qt44.com-福彩文化理念是哪些| www.58wc.com-竞彩店装修效果图| www.18515.cc-好彩网app合法么| www.97568.cc-福建福彩快3遗漏| www.5482.xyz-长春彩报先锋快报| www.772860.com-吉祥虎送彩金大全| 凤凰彩票www.88266k.com| www.340211.com-彩吧彩报第一二三版| www.422446.com-彩票投注西西| www.522631.com-彩票oo6期-| www.588137.com-福彩综合版走势图| www.654067.com-菲律宾彩票网站| www.704996.com-旺旺彩票是合法的吗| www.781564.com-彩票店私自坐庄| www.v23.biz-中港彩票网抢红包| www.8166.loan-最新足彩开奖结果| www.36578.cc-玖亿彩票官网| www.85427.com-福利彩票35选7| www.221131.com-玩福彩会一直赢钱吗| www.340422.com-好彩网址给我| www.525727.com-时时彩有官方网站吗| www.447723.com-发微信买彩票中奖| www.684033.com-p五跨度南方双彩| www.776406.com-时时彩四星大底号码| www.311593.com-兰州福彩中心在哪| www.551302.com-91彩神骗局-|