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.456706.com-云南彩易达-| www.727636.com-云购彩票邀请码| www.823243.com-附近福彩站点| www.899452.com-牛彩网汇总图九| www.985940.com-乐彩走势图表| www.ui33.com-福彩3d字谜解答| www.82918.cc-今曰开什么七星彩奖| www.080145.com-体彩七星彩中奖玩法| www.982634.com-自助彩票机招商| www.9173.pw-七乐彩各省销量| www.42wm.com-彩色沥青价格是多少| www.450649.com-天下彩一378us| www.217.red-快三2同号多少倍| www.582559.com-时时彩二星胆码| www.670211.com-风采还是风彩| www.814599.com-19038期足彩| www.8193.top-500万彩票网赛程| www.717608.com-蒙娜丽莎的彩铅画| www.796710.com-华东福彩十五选五| www.883022.com-kk彩票骗局-| www.951196.com-198华阳彩票官网| 天朝彩票www.15256.cc| www.406710.com-彩礼不能超过多少| www.567245.com-福彩时时彩欢乐生肖| www.860996.com-广东好彩1最新开奖| www.948114.com-怎么申请福彩公益金| www.ge91.com-彩客网完整比分| www.637090.com-手机版彩虹六号| www.736794.com-上海福彩快三开奖查| www.822762.com-体彩刮刮乐种类图片| www.901159.com-怎样能看中国体彩报| www.973458.com-9b彩票百胜登入网| www.gh15.com-快三走势图江苏遗漏| www.ym92.com-彩788彩票网| www.004039.com-手机买彩票的客户端| www.662775.com-中国竞彩网投注量| www.109456.com-双彩网论坛试机号| www.469599.com-彩票行业五行属性| www.608959.com-彩票500万网| www.116313.com-梦到彩虹是什么意思| www.233458.com-众彩网草庐居士| www.317291.cc-重庆时时彩走势技巧| www.344548.com-随机买彩票中奖| www.6594.net-玩彩吧官网-| www.88429.cc-国外彩票巨奖| www.zi41.com-下载最新版乐米彩票| www.9131.online七乐彩开奖结果最新| www.1oz.cc-体彩湖北兑奖地址| www.63719.com-足彩投注量和交易量| www.659156.com-七乐彩3拖6多少钱| www.065956.com-彩虹六号表情包| www.by44.com-分分快三害人| www.559622.com-幻彩曲棍球小游戏| www.670846.com-色彩调和-| www.723059.com-开卖彩票店赚钱吗| www.830478.com-深圳福彩中心网站| www.932773.com-乐彩网-官方网站| 亚洲www.687829.com| www.un90.com-内蒙古快三一二位| www.158834.com-爱乐彩是黑网吗| www.254757.com-恒大彩票提不了钱| www.347881.com-天天爱彩票贴吧| www.829452.com-彩票第18125期| www.967375.com-彩民微信交流群| www.bu23.com-甘肃福彩汇总图| www.14aa.com-福彩3d杀戮数| www.72gu.cc-足球彩票有几种买法| www.928270.com-高频彩app排名| www.8041.biz-陈流风景水彩视频| www.5812.net-关于卖彩票的小程序| www.2hk.com-时时彩在哪玩| www.009.name-竞彩猫可以赚钱吗| www.311434.com-宁夏11选彩控| www.tp85.com-现在买不了足球彩票| www.122104.com-澳洲时时彩开奖平台| www.221796.com-快三彩票挂机| www.366627.com-33期福彩号码| www.525565.com-博乐彩票平台正规吗| www.919945.com-福彩快三盈利| www.9579.cc-手机能打彩票吗| www.5193.xyz-福彩三d八卦图| www.711210.com-手机刷彩靠谱吗| www.154772.com-足彩竞猜胜负规则| www.223490.cc-贵州省体育彩票11| www.313581.com-福建省体彩中心官网| www.446114.com-爱乐逶彩票网| www.658100.com-体彩快开电子走势图| www.914117.com-彩乐园2-| 大赢家彩票平台www.371679.com| www.534178.com-东莞彩票开店贴吧| www.958936.com-彩117彩票-| www.444800.com-篮彩推荐新浪| www.0561.cn-新的体育彩票| www.129211.com-彩虹旗泡弟论坛台湾| www.235068.com-中彩那天课-| www.613691.com-福彩欢乐声肖| www.924205.com-1亿彩票app-| www.md21.com-好彩投彩票下载| www.335342.com-体彩官网服务好| www.724518.com-佛教讲中彩票因果| www.306411.com-利澳彩票app| www.397229.com-福利中奖彩票怎么看| www.494155.com-青海彩票中奖| www.565193.com-徐文轩福利彩票专家| www.636164.com-彩虹六号枪原型| www.743001.com-新星彩资料免费大全| www.273775.cc-甘肃福彩快三下载| www.363570.com-看到彩虹的寓意| www.472321.com-十亿彩-| www.n01.cn-彩票平台出黑| www.66fg.com-七乐彩单式玩法| www.134993.com-中彩网客服中心| www.474834.com-百盛金服彩票| www.840012.com-pc彩票开奖-| www.967527.com-微信彩票群合法吗| www.cai4066.com10分快三全天计划| www.16ik.com-福彩排七走势图| www.929424.com-中国体育彩票客户端| 博亿彩票www.663by.com| www.755669.com-福彩3d八卦图表| www.826133.com-2元彩票图表| www.906050.com-北控国彩科技app| www.971364.com-中国福彩3d诗谜| 亿彩彩票www.142525.cc| www.cy63.com-彩神争vlll-| www.346248.com-彩神8客服电话| www.95752.com-中国足彩在线的微博| www.077693.com-51亿彩票巨奖骗局| www.371959.com-我要买体彩大乐透| www.90hj.com-体彩排列3和值遗漏| www.3758.tv-七星彩头尾合6| www.9126.me-彩票复式怎么买| www.fq75.com-彩神ll网页登录| www.883556.com-彩票梦想站安卓版| www.949637.com-高频彩害了多少人| www.js52.cc-彩票篮球火箭勇士| www.zy11.cc-彩虹5无人机首飞| www.21nb.com-职业彩票人的收入| www.89bm.com-今日福利彩票30期| www.52ra.com-利彩是什么意思| www.42839.com-体彩排列三多邦预测| www.7100.vip-北京光彩集团简介| www.808275.com-安徵快三夸度走势图| www.721719.com-彩票霸主软件安卓| www.341561.com-双阳快三微信群| www.417851.com-盛大国际彩票输死| www.678895.com-欧冠足彩攻略| www.767654.com-牛蛙彩票免费大全| www.wj85.com-怎么看快三要出长龙| www.94ua.com-大佬彩票网平台| www.82135.com-彩票机选的中奖概率| www.161266.com-北京福彩兑奖| www.69544.com-彩票怎么登录| www.191230.com-彩票走势怎么分析| www.f39.cn-乐彩怎么玩才赢的多| www.927113.com-天天彩票能玩吗| www.sm54.com-彩之家平台靠谱吗| www.088992.com-时时彩幸运农场| www.314948.com-买时彩的公式| www.35512.cc-3d彩票模拟投注| www.02rh.com-世界杯哪个彩票| www.4677.biz-买彩票亏死了| www.673602.com-古建彩绘教学| www.215690.com-2分快三平台|