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天

知道了
彩01彩票 www.6909.cn-顺丰彩票游戏| www.710691.com-彩神4安卓-| www.586051.com-快三助赢软件官网| www.755001.com-彩票iq南方彩网| www.894352.com-520快三可靠吗| 大赢家彩票www.357411.com| www.842511.com-中国福利体育彩下载| www.953365.com-彩神ⅲ-| 500彩票网www.61655n.com| www.155436.com-福利彩票彩经网| www.078722.com-七星彩千位杀号| www.160646.com-北京福彩中心主任| www.271583.com-好彩一开奖预测| www.356800.com-足球彩票怎么看盘| www.36zg.com-湖南省福彩电话投注| www.025277.com-极速彩3-| www.142942.com-彩8平台怎么样| www.340010.com-能买时时彩的软件| www.47774.com-陕西体彩中心在哪| www.139054.com-有盈彩票可靠吗| www.378926.com-k彩安卓版下载| www.9it.com-彩票七位数有0吗| www.47685.com-破解彩票中奖密码| www.121592.com-网上说加微信做彩票| www.899.tv-菩提咒买彩票| www.q13.org-中彩网开奖结果| www.234001.com-江苏快三是国家的吗| www.430418.com-牛彩网彩摘网彩收录| www.620600.com-彩票20选5走势图| www.830884.com-梦见自己选彩票号码| www.919069.com-福彩3d智能杀号| www.144.cn-夸人漂亮的彩虹屁| www.318512.com-重庆市彩个位胆码| www.423632.com-双色彩开奖今天| www.875654.com-高赠送彩票平台| www.995992.com-足彩18098期| www.988698.com-金山彩票app下载| www.oj63.com-吉林市彩票站| www.90ow.com-即时彩票在哪下| www.r78.biz-天天彩票选四结果| www.467808.com-湖北体育彡彩票| www.852246.com-体彩七位数中奖金额| www.970952.com-如何才能成为彩托| www.cp6685.com-福利快三是什么彩票| www.vr32.com-内蒙古快三开奖视频| www.80qz.com-哈尔滨福利彩票转让| www.62224.cc-海南私彩规律图| www.100853.com-下载福彩双色球软件| www.7998.xyz-海南彩票开奖号码| www.848175.com-福彩3d一注多少钱| www.gt36.com-彩788app下载| www.910054.com-家彩网首页-| 彩票58www.585277.com| www.3457.in-福彩三弟字谜| www.28785.cc-中国彩票与赌博| www.383634.com-福利彩票开奖电视台| www.421199.com-足彩金手指-| www.733872.com-福彩3d奖金对照表| www.2049.net-手机版彩神通| www.16231.cc-快三交流群什么意思| www.d06.org-易彩堂彩票网站下载| www.jd03.com-个人玩网上私彩犯法| www.4eu.com-中福彩票是什么| www.65jk.com-体育彩票购买网站| www.083211.com-分分钟彩票正规吗| www.139893.com-安徽快三遗漏号码| www.832062.com-093彩票网站| www.968121.com-希腊时时彩开奖软件| www.940.biz-明发彩票mfa| www.259051.com-竞彩单关漏洞| www.957234.com-特区彩票论坛手机| www.157586.com-足彩比分四川一| www.278018.com-最新彩票指南报| www.8102.com-福彩每周开奖日期表| www.28526.cc-全球官方彩票| www.484300.com-彩福3d买法-| www.606812.com-买彩票选几个数字好| www.979.cc-分分彩和值怎么算法| www.654492.com-福彩销售排名| www.730733.com-彩票刷水兼职| www.838326.com-彩钢瓦屋顶防水隔热| www.912101.com-彩计划gcbcc| www.972091.com-19037期胜负彩| 多乐彩票www.344747.com| www.hb78.com-福彩3d字谜新彩吧| www.xs55.cc-甘肃快3爱彩乐| www.058931.com-彩93下载-| www.297913.com-福彩快三讨论交流群| www.377826.com-福利彩票站几点开门| www.9100.online重庆实时彩漏洞| www.015325.com-百盈快三预测计划| www.257269.com-微彩站安卓客户端| www.170319.com-马来西亚彩票网| www.248353.com-福彩88是什么东西| www.1835.in-老彩民高手论坛1| www.695182.com-头彩官方网站| www.9026.top-爱彩票投注网| www.391809.com-境外网彩-| www.519930.com-8彩神帝邀请码| www.255739.com-体育彩票几位数字| www.bp31.com-彩票游戏软件| www.sy30.cc-2015够力七星彩| www.642960.com-幸运分分彩人工计划| www.248813.com-28高频彩怎么玩| www.336035.com-谁能入侵黑彩服务器| www.448610.com-福彩演播室答题答案| www.128671.com-快三秒总部电话| www.385831.com-福彩兑奖几点开门| www.73.cm-阿莲卡七彩鱼品种| www.86is.com-彩之乐彩票靠谱吗| www.1862.com-官方网人人中彩票| www.37249.com-彩票app苹果| www.92969.cc-博牛彩票骗局| www.037866.com-安徽快三和值一定牛| www.401062.com-七星彩粤海彩经图| www.636.red-时时彩12生肖| www.149967.com-仲彩是黑平台吗| www.8387.top-打彩是什么意思| www.884613.com-彩票开奖查询地方彩| www.782.cm-彩民之家抓码图| www.517238.com-乐彩票的乐彩论坛| www.w70.top-伦敦两分彩开奖| www.547320.com-百万帝国彩票| www.11986.com-17彩票绑定安全吗| www.65203.com-竞技彩足球计算器| www.850402.com-福彩怪字神第二版| www.77zi.com-怎么买国外足球彩票| www.748502.com-乐彩33用户注册| www.52959.cc-黑彩庄家赔还是搛| www.625966.com-金牛彩票下载安装| www.683775.com-中彩网正版下载| www.558872.com-彩虹屁文案长篇| www.654484.com-全国福利彩票销售额| www.136711.com-易彩乐软件-| www.845006.com-福彩19014期| www.933307.com-南洋福利乐和彩资料| 双赢彩票www.sytg7.com| www.89ve.com-金彩网马经-| www.362318.com-改比喻句彩虹| www.0824.cn-今日欧冠彩票专家| www.361443.com-易发彩安全吗| www.485886.com-足彩任九场开奖时间| www.657040.com-彩贝游戏的兑换码| www.750522.com-中彩曹毅-| www.831135.com-亚洲2分彩-| www.923458.com-包头彩票店生意转让| www.977051.com-潘多拉的秘密彩妆| www.cp6657.com-app福彩-| www.13zm.com-新北京五分彩| www.006575.com-体彩排三开奖走势| www.216753.com-南方双彩网走势图| www.402133.com-uk彩上级-| www.uk62.com-709彩票安卓版| www.122486.com-微信代购彩票| www.200300.com-查体彩开奖-| www.254192.com-快三是不是真的| www.307752.com-派彩电子走势图电视| www.623288.com-彩32是真是假| www.685955.com-福彩双色球专业版| www.187669.com-时时彩九码可以玩吗| www.269074.com-登峰彩票-| www.326326.com-彩宝l输了好几万| www.3yv.cc-彩票大奖多少人中了| www.5810.cc-福彩3d黑胜手图|