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天

知道了
58福彩 www.rk8.com-大发快三彩票骗局| www.4rt.com-澳门好运彩开奖结果| www.69sf.com-一张彩票引发的故事| www.2277.top-数学算彩票方法| www.8892.cn-足彩七串八什么意思| www.022954.com-福彩精彩十分怎么打| www.108281.com-福建体体彩官方网站| www.187688.com-时时彩九码稳赚| www.270326.com-分分彩票-| www.418585.com-中博彩票系统平台| www.530085.com-海南七星彩铁公鸡| www.651005.com-水彩森系古装少女| www.751474.com-九万彩票官方网站| www.831136.com-国内彩票平台排名| www.903849.com-福彩3d形态-| www.969677.com-中国福利彩票好中吗| www.nz74.com-足彩开奖查询及奖金| www.3mx.com-彩独-| www.68yx.com-乐彩国际娱乐| www.1476.pw-彩铅山水画简单| www.00333.cc-湖北快三和值跨度表| www.58969.cc-福彩3d定位杀号| www.023835.com-福彩十分钟-| www.105749.com-星彩3d八宝菜惊| www.182381.com-安徽福利快三结果| www.263197.com-体彩与福彩哪个靠谱| www.477740.com-体彩排三今日藏机图| www.566775.com-甘肃快三k3??| www.646650.com-足彩胜负彩心得| www.763126.com-极速时时彩属于哪里| www.860991.com-好彩1开奖号码| www.933766.com-高频彩开奖app| www.992096.com-时时彩定胆经验| www.hi5.com-正规高频快三娱乐| www.qm86.com-213彩票-| www.11wi.com-中国体育彩票十| www.85wv.com-贵州快三计划群| www.2540.com-福彩之家-| www.8485.cc-易彩娱乐平台| www.62617.cc-全民竞彩彩票电脑版| www.026987.com-网上做兼职玩彩票| www.109041.com-竞彩奖金优化软件| www.181163.com-宁夏快三开奖在哪看| www.258360.com-彩先知网-| www.333066.com-福彩怎么买容易中奖| www.415533.com-博友彩兼职是做什么| www.522290.com-福彩3d预测p3| www.595159.com-双彩迷图-| www.668858.com-14场胜负彩一等奖| www.751051.com-彩票巴巴是合法的吗| www.825533.com-问题彩民解决| www.897645.com-易彩2.0二维码| www.964524.com-中国体彩在线购买| 幸运彩票www.768299.com| www.jw31.com-彩铅风景画-| www.g36.cc-19年彩票新规| www.42pa.com-龙猫彩铅画图片| www.753.cm-时时彩单期平刷计划| www.5326.org-709彩票软件下载| www.09880.cc-青蛙彩票4s-| www.57296.cc-下彩网是真的| www.98776.cc-重庆时时彩玩法图| www.069031.com-广西福彩十分走势图| www.137889.com-宝发彩票app| www.217114.com-各省份快三开奖| www.292538.com-时彩计划软件| www.365972.cc-更多精彩后边| www.478666.com-福彩pk拾玩法| www.561780.com-鸿彩网快三-| www.633465.com-爱彩11选5软件| www.706027.com-福彩开奖今日号码| www.786152.com-海南私彩论坛头尾| www.863548.com-时时彩高频接口申请| www.923956.com-cp彩票大全-| www.976845.com-山东临沂彩礼多少钱| www.83te.com-世界杯足彩比分规则| www.2228.vip-彩薇花护手霜| www.7772.hk-研究彩票规律| www.26173.com-中国′彩吧-| www.68468.com-3d彩票兑奖有效期| www.124389.com-辽宁省体彩十一| www.197786.com-彩票里的屠龙| www.268338.com-彩票360-| www.398531.com-七星彩能多期买吗| www.522487.com-我乐时时彩-| www.589952.com-彩51钱全部提不了| www.662923.com-重庆福彩12生肖| www.735916.com-天牛彩吧图库图| www.805758.com-彩票属于什么职业| www.877804.com-失恋突然中彩票小说| www.gi.com-皇都彩票破解| www.nx89.com-福彩快3网上查询| www.5an.cc-彩票2元网打不开| www.60tp.com-福彩3d大花猫彩报| www.0301.top-釉下彩瓷器价值| www.8332.org-好彩客旧版下载安装| www.29989.com-体彩排列五在线投注| www.71710.cc-万彩吧彩票走势全图| www.055013.com-租彩票平台要多少钱| www.132336.com-彩礼相关法律| www.205475.com-喜乐彩开奖结果| www.274250.com-彩票破解版软件| www.376764.com-体彩开奖助手开机号| www.493177.com-竞彩看盘思路| www.562613.com-双色球乐彩论坛百度| www.628661.com-下载新2彩网| www.693172.com-福彩平台下载安装| www.768089.com-最新彩票资讯网| www.886881.com-中国福利彩票中奖| www.957141.com-红牛快三计划软件| E彩堂www.43818q.com| www.061073.com-国家授权购彩| www.778290.com-大乐透彩票号码开奖| www.02029.com-彩票家破人亡| www.526281.com-做代买彩票合法么| www.610644.com-云南省体彩网| www.678035.com-易彩代理注册公司| www.751427.com-百度彩票l23| www.813842.com-海南快三走势势图| www.881471.com-国外足球博彩app| www.987024.com-网络购彩app| www.cai7877.com吉林快三遗漏数据| www.jo98.com-手机买彩票骗局| www.zq77.com-体育彩票飞鱼漏洞| www.21er.com-三晋福彩网今曰开奖| www.782.cm-彩民之家抓码图| www.4358.cc-中彩票后被杀| www.9198.vip-七星彩万字表图片| www.55892.com-幸福快3彩票| www.94977.com-福彩内部号是真是假| www.048765.cc-排列5预测凤彩| www.141458.com-福彩快乐十分开奖| www.211504.com-福彩快三也对| www.276122.com-快三中二个号中奖吗| www.373455.com-福彩3d彩票谜语| www.478625.com-深圳彩票开奖| www.550609.com-网上华夏彩票靠谱吗| www.634622.com-建盏怎么养七彩| www.712871.com-天津体彩网首页| www.780839.com-排列五奇偶走势图彩| www.850318.com-重庆腾讯5分彩| www.905909.com-彩票购买软件| www.964881.com-英快三走势图带连线| 奔驰彩票www.14392.com| www.bs58.cc-彩票平台app| www.qp97.com-pc彩-| www.07cn.com-中国福彩75期| www.65yh.com-篮彩竞猜分析| www.960.org-彩票平均遗漏值越大| www.7287.vip-关于彩虹的儿歌| www.16186.com-夏津彩客上几个小时| www.53631.cc-足彩竞彩网易| www.90958.cc-好彩烟和万宝路| www.037634.com-快三看走势如何分析| www.155044.com-竞彩今日单关| www.231829.com-中彩娱乐骗局| www.295556.com-七乐彩走势图新浪| www.357138.com-为什么彩票老是中奖| www.421679.com-微信口袋彩票安全吗| www.511287.com-彩虹的民间别称| www.568655.com-天才与彩票-| www.628999.com-新彩吧3d字迷画迷| www.687091.com-肉蒙快三走势图| www.752783.com-彩票团队正规平台|