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.686622.com-今天福彩3d图纸| www.16599.cc-大发快三提现| www.773227.com-澳门时时彩开奖网站| www.dk.com-北京快三一定牛m| www.wk97.com-冠彩网下载-| www.85628.cc-七星彩创始人白秀华| www.038066.com-体彩竞彩打票教程| www.989779.com-王者彩票手机购彩| www.js89.com-彩神vl是真的么| www.01nx.com-彩虹六号耶格名字| www.829.online-快手直播彩票技巧| www.490588.com-鼎丰彩票-| www.3172.me-新看彩啦-| www.599015.com-孕期35期七乐彩| www.951543.com-新浪体育彩票直播| www.ae6.cc-中国福彩开奖| www.sx89.com-一般彩票几位数字| www.26yh.com-彩票第19030期| www.78708.com-微彩吧邀请码| www.63il.com-上海福利彩票大全| www.6302.top-彩涂钢板批发| www.401811.com-dd彩票合法吗| www.39266.cc-下载分分中彩票| www.50lg.com-七彩奖开奖走势图| www.264987.com-江苏老快三最大遗漏| www.230659.com-彩8骗局-| www.694410.com-头奖彩票网合法吗| www.8811.in-看体彩大乐透开奖号| www.41637.com-安装彩钢板厂家| www.214755.com-大乐彩cp-| www.874546.com-中国山西福彩网| www.gs68.cc-大发分分彩计划在线| www.900028.cc-天天竞彩安卓| www.22iy.com-七星彩频道预测| www.134430.com-好彩烟看真假| www.3099.cc-世界杯彩票蛋糕| www.722232.com-时时彩刷流水方法| www.559415.com-陇彩宝怎么下载不了| www.565260.com-彩票对打套利靠谱吗| www.638283.com-色彩画人物-| www.715108.com-支付宝买彩票可靠吗| www.798315.com-大彩鲸11选5彩票| www.872342.com-体育路体彩中心| www.939267.com-彩神88app-| www.988578.com-体彩站点怎么申请| www.bs28.com-彩票提前开奖软件| www.wv70.com-皇马彩票注册| www.6093.com-永盛彩票直播网| www.005632.com-幸运彩票手机app| www.617572.com-延边中福彩票中心| www.518531.com-打开彩票开奖查询| www.629106.com-如意彩十码-| www.731493.com-18075足彩推荐| www.810512.com-国家体彩总局网站| www.892249.com-福彩3d选号过滤器| www.78619.cc-福彩主任王素英家庭| www.095165.com-体育足彩90分钟| www.177451.com-快三中奖助手app| www.984493.com-财神彩票怎么样| 众发彩票www.656zf.com| www.ws92.com-彩票路珠开奖网| www.95893.com-乐乐彩票网是骗子| www.539476.com-彩票站能否私下转让| www.638913.com-上海最大的彩票店| www.762394.com-彩票红包雨聊天室| www.139314.com-一分时时彩计划软件| www.428571.com-一分一期的彩票| www.669642.com-新浪福彩今日运势| www.28528.cc-好运彩贴吧-| www.55651.com-十字彩怎么算中奖| www.070676.com-快三走势图贵州| www.248667.com-澳门彩-| www.583108.com-河南福彩幸运一二| www.ub37.com-乐彩网首页电脑版| www.093153.com-北京福利彩票高频彩| www.tp08.com-安徽快三示意图| www.64av.com-最近福利彩票站点| www.778709.com-人人中彩票没了| www.983774.com-开心七星彩论坛| www.539.website借钱买彩票算诈骗| www.014269.com-深圳快乐彩不可信| www.69ui.com-手机买彩票中大奖| www.362821.com-有多少人买过私彩| www.96ra.com-249彩票-| www.cai222.cc-中国福利彩快3查询| www.b24.me-江西彩票作假事件| www.0361.in-彩票短期规律工具| www.lh38.com-中彩彩票地址在哪里| www.687654.cc-彩票360开奖结果| www.864747.com-987彩票app-| www.5456.cm-彩票领导者网站| www.173761.com-e8私彩平台-| www.8895.vip-竞彩串关中奖概率表| www.62897.cc-排三杀号定胆彩经网| www.083002.com-福建福利彩票网| www.206165.com-易彩堂是正规的吗| www.375044.com-五分⑥和彩怎么玩| www.810641.com-泰安体彩中心地址| www.01en.com-带窗和彩虹的成语| www.970920.com-鲨鱼影视迷彩兔| www.294193.com-信嘉购彩大厅| www.606606.com-属蛇的彩票中奖号码| www.855465.com-中国亿元彩票排行榜| www.zn.com-河北快三遗漏号统计| www.6557.in-盈丰彩票平台| www.005257.com-9彩app下载-| www.80xc.com-财富彩票平台网址| www.4649.vip-竞彩胜平负数据| www.969781.com-义乌福彩管理中心| www.ib03.com-68彩票骗局-| www.20yp.com-三晋福彩网官网| www.449409.com-湖北体彩开奖结果| www.642184.com-591万彩票-| www.839739.com-干树枝彩泥花| 500彩票www.314577.com| www.5500.tv-彩票投注好平台| www.gf20.com-王者彩票平台靠谱吗| www.32291.com-彩钢板围挡生产厂家| www.899615.com-天天彩票手机软件| www.408468.com-卖海南七星彩犯法吗| www.805037.com-金彩网高手网齐中网| www.605032.com-盈盈彩票下载| www.608382.com-开户送300元彩金| www.026373.com-赢家彩票首页| www.443365.com-七乐彩周几开奖| www.720712.com-七星彩中头奖多少钱| www.z25.cc-趋势王彩票分析3d| www.298691.com-甘肃快三夸度走势图| www.861153.com-5分⑥和彩开奖| 500彩票www.602465.com| www.65kp.com-彩票今日开奖号码| www.904220.com-网上彩票如何代理| www.xe57.com-彩票开奖一定牛| www.056466.com-合肥体育彩票店转让| www.hf61.com-上海快三查询| www.954667.com-华夏彩票手机客户端| www.568962.com-快三跨度和制图| www.6518.wang-9福彩票官网| www.637602.com-七星彩开奖列表| www.107262.com-多种快开彩-| www.2455.cn-743好彩软件下载| www.015647.com-49彩票是正规的吗| www.199728.com-app端彩祥云下载| www.6222.tv-彩票巴巴安卓版下载| www.607332.com-中彩网大擂台| www.262319.com-3d今天的天天彩图| www.617702.com-燕赵风釆福彩| 500彩票www.786819.com| www.053758.com-竞彩足球投注怎么买| www.070094.com-快三免费分析软件| www.365148.cc-彩票033期-| www.1794.com-彩吧论坛静态版| www.484228.com-大乐透一定牛彩票网| www.083612.com-福利彩票在哪里兑奖| www.393291.com-荷花水彩图片| www.733358.com-一分彩全天计划| www.99181.cc-竞彩直播足球比分| www.535973.com-体育彩票招牌图片| www.629680.com-时时彩什么叫杂六| www.088761.com-福彩通平台是真的吗| www.216127.com-网上哪里买快三| www.773037.com-快三过滤缩水器| www.af25.com-彩票最快开奖| www.07kf.com-彩票小奖好中么|