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天

知道了
彩票123现在叫什么名字 www.191711.com-彩票快3平台| www.292325.com-彩票uu直播合法吗| www.377339.com-wm彩票-| www.499838.com-认识个女的让玩彩票| www.586608.com-彩吧电脑版-| www.67xa.com-彩妆化妆品代加工厂| www.14nk.com-七星彩数字排列| www.1802.cn-6号平台彩票| www.8345.vip-时时彩送钱-| www.31185.com-旧版彩神争争霸1| www.01ge.com-彩票到底真假| www.789898.com-福彩双色球诗迷汇总| www.4262.vip-机选一注体育彩票| www.476006.com-博瑞彩票app| www.949297.com-查福彩三地藏机图| 中国福利彩票www.6364l.com| www.46wz.com-彩票平台推广单页| www.mf03.com-江苏福彩快三一定牛| www.01ok.com-彩票几天一次正常| www.380719.com-江苏福彩唯一官网| www.526369.com-813彩票-| www.13233.cc-竞彩投注比例查询| www.737992.com-乐喜彩票微信骗局| www.856691.com-七星彩摇奖-| www.951294.com-金豆彩票是黑平台么| www.cp7499.com-广西快三开奖直播| www.a03.net-大通彩票手机版| www.74xj.com-彩票独胆技巧| www.4539.biz-买彩票什么时间买好| www.25345.com-彩铅技法有哪些| www.836286.com-彩客网竞彩混合过关| www.972443.com-彩铅画赵丽颖图片| www.fd17.com-乐点平台大发时时彩| www.774567.com-七星彩中奖输入查询| www.889891.com-体彩有哪些-| www.977172.com-国家法定彩礼| www.cx85.com-快3中彩网-| www.yr50.com-体彩欢乐扑克3| www.208665.com-快三怎样玩才能赚钱| www.691206.com-易彩堂购彩大厅| www.902661.com-亚洲会彩票安不安全| www.63879.cc-竞彩14场二等奖| www.192335.com-甘肃福彩app| 彩民网www.76520b.com| www.rq78.com-下载快三宝典| www.59bw.com-中国体育彩票奖池| www.012879.com-香港行政快三助手| www.698380.com-彩客网完整-| www.76189.com-温州福彩网官方网| www.368648.com-彩票1号店app| www.82187.com-彩77平台怎么样| www.304373.com-江苏快三技巧在哪里| www.575058.com-彩37app-| www.720798.com-愚人节中彩票图片| www.871819.com-彩迷网快三开奖结果| www.448599.com-中国福彩网公众号| www.613622.com-抱团买彩票-| www.701417.com-淘宝彩票怎么买| www.8207.vip-玖亿彩票试玩金额| www.4367.vip-福彩天地报pdt| www.955935.com-最近足彩胜负彩预测| www.870004.com-福彩数字3开奖结果| www.918.red-江苏7位数与7星彩| www.18668.com-三d福利彩票预测网| www.473177.com-西安彩票店申请| www.688.biz-福彩3d五行技巧| www.c27.vip-北京福彩一等奖| www.ke.com-北京快三计划| www.15tm.com-福彩投注几点结束| www.943839.com-登录春秋彩票| www.380373.com-彩票每日首存| www.35287.cc-章鱼彩票交流群群号| www.109779.com-盈宝彩注册-| www.61rl.com-369彩手机版下载| www.038912.com-709彩票下载| www.222013.com-彩票挂机方案论坛| www.846722.com-探探彩票托工作时间| www.929718.com-如何买美国彩票| www.181786.com-快三在哪里买| www.830902.com-足彩对阵表四月| www.979983.com-福彩3d投注网站租| www.sp76.com-中国彩吧论坛首页| www.686827.com-苏州快三开奖号| www.804516.com-福彩3d彩图总汇| www.900763.com-吉林快三代理犯法吗| www.kr91.com-福彩开奖精彩十分| www.91166.cc-日本好彩香烟| www.151640.com-趣彩网官网-| www.22719.com-下载大公鸡七星彩| www.529688.com-体彩在哪看开奖直播| www.721929.com-英国教授研究彩票| www.35565.cc-快三红号有多少| www.021774.com-中国有多少家彩票店| 易彩网www.12455q.com| www.rf84.com-168彩票ios-| www.008885.cc-刷彩票赚钱违法吗| www.42mx.com-竞彩网首页258| www.70550.com-体育彩票出票公司| www.292762.com-福彩3d杀号林竹| www.020030.com-体彩19042-| www.178627.com-中国福利彩票软件| www.287068.com-福彩加盟电话| www.444772.com-晋城彩票站转让| www.566728.com-能玩彩票和棋牌| www.322257.com-彩票大全有哪些| www.36235.cc-手机港彩网投| www.061764.com-有人报警好彩客吗| www.148319.com-福利彩票兑奖号码| www.801691.com-上海福彩双网| www.881712.com-彩票包赔导师| www.948751.com-河南体彩玩法种类| www.698522.com-桐乡福利彩票中心| www.801923.com-体彩顶呱刮中奖编号| www.872930.com-福彩双色球加盟电话| www.cp8148.com-易彩快三大小单双| www.4302.win-福彩数字3-| www.sy82.cc-七星彩五个号多少钱| www.03fb.com-安徽快三加奖公告| www.84cp.cc-好彩客app最新版| www.1513.win-江西体彩自助旗舰店| www.690628.com-澳客网彩票客户端| www.753768.com-西雅图彩票的余额| www.809269.com-中彩票头奖概率| www.869561.com-七星彩可以网上买吗| www.921578.com-彩神百姓彩票| www.968841.com-9彩彩票ios-| 凤凰彩票www.77803g.com| www.851560.com-手机购彩365| www.959555.com-非法彩票app举报| www.231817.com-福彩快开自助| www.315325.com-七彩阳光教育集团| www.386726.com-50彩票平台-| www.553032.com-竞彩推荐赚钱| www.163600.com-巨彩网彩票合法吗| www.69686.com-买彩票有限时间| www.686066.com-澳博集团彩票平台| www.933304.com-福彩双色球机选号码| www.618888.cc-彩票机中奖提示音| www.77263.cc-彩票为啥这么难中| www.984185.com-杀号定胆汇总凤彩网| www.iu35.com-体育福彩开奖| www.48rw.com-新浪网七星彩走势图| www.558111.com-大赢家彩票网站骗局| www.09956.com-上海体彩官网电脑版| www.283234.com-app福彩365-| www.363954.com-福利彩票134期| www.36948.com-竞彩2串1的技巧| www.d62.club-中国彩票123.| www.73035.com-彩票彩宝下载| www.62499.com-百胜快三是不是骗局| www.7753.com-彩九吧-| www.98ik.com-轩彩娱乐网页版登录| www.32351.com-快三守号会不会亏本| www.2479.cc-彩友多彩民版| www.133259.com-成都彩钢板批发价格| www.708587.com-运盛彩票登录| www.844829.com-十堰彩票中奖| www.970408.com-天天乐彩注册送28| www.26ld.com-幸运快三公式| www.6812.biz-国外彩票大奖新闻| www.771116.cc-时时彩透明计划| www.825993.com-江苏快三app平台| www.878094.com-福利彩票开奖的结果| www.929700.com-彩票668-|