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天

知道了
亚洲28 www.x16.club-嘉善体彩购票处| www.392468.com-王成周彩票秘密uc| www.565360.com-乐彩论坛3d杀码| www.697780.com-特彩高网吧-| www.812349.com-开头带彩字四字成语| www.913088.com-北京体彩竞彩店转让| www.993544.com-足彩结束日期| www.is62.com-彩票吧百度贴吧| www.237754.com-北京福彩新快三| www.358945.com-幸运七星彩预测号码| www.665486.com-彩虹岛游戏交易平台| www.971452.com-彩票赚钱是真的吗| www.c90.net-微信买彩票赚钱| www.936309.com-网易国际彩票| www.bn64.com-下载易彩app| www.57fm.com-彩之星下载官方版| www.3824.wang-七星彩有全单号中奖| www.29711.cc-96彩票安全吗| www.447080.com-安装彩票软件下载| www.or92.com-江苏快三统计图表| www.94bo.com-易彩云彩票邀请码| www.4478.vip-下载11选5彩票| www.020644.com-贵阳福彩网上申请| www.471888.cc-香港官网彩票| www.607038.com-打彩票选哪个数字好| www.694958.com-中国福利彩票店| www.774064.com-神灯彩票高倍奖金| www.855515.com-买大小彩票-| www.919816.com-彩票十大危害| www.975451.com-金盾致富团队彩票| www.cai8066.com快三开奖查询武汉| www.03857.com-劝别买彩票-| www.853533.com-彩票头条网址| www.xj63.cc-甘肃省福利彩票中心| www.918315.com-博彩税-| 全民彩票www.97171.cc| www.256990.com-中彩易软件下载地址| www.5050.websitess966盛世彩票| www.nz50.com-竞彩足球500| www.98il.com-炫彩字体生成| www.3505.cc-彩票网站维护| www.8992.online5504彩票-| www.31577.cc-靠谱的足彩软件| www.73667.cc-湖北快三十大技巧| www.779114.com-天天彩票大小| www.857.cn-时时彩二星四码| www.63997.com-足彩竞彩分析师| www.129511.com-众盈彩-| www.244294.com-彩票小助手计划软件| www.397888.cc-乐彩01下载-| www.576703.com-彩票33交流群有吗| www.706109.com-内蒙快三兑奖图| www.841685.com-竞彩与外围之间对冲| www.je11.com-爱彩乐专业版| www.015607.com-天天彩票代理违法么| www.zq19.com-彩彩报三d-| www.42jc.com-竞彩篮球昨天比分| www.1127.cc-竞彩打单-| www.025216.com-竞彩篮球彩票投注| www.775537.com-买彩票可以赚钱吗| www.9620.in-俄罗斯皇家国际快三| www.71848.com-皇都彩票资料| www.19733.cc-收中国福彩开奖号码| www.703680.com-河北福彩官网首页| www.208131.com-京东快彩靠谱吗| www.039986.com-多盈彩票网手机版| www.181273.com-安徽快三复式玩法| www.865339.com-福彩3d遗漏分析| www.956313.com-我发现高频彩有规律| www.pg8.com-快三能赢钱吗| www.851422.com-体彩单式票开奖| www.14145.com-彩神帝8快三| www.024660.com-多彩网3d-| www.376562.com-打了几万彩票人跑了| www.588927.com-七星彩开奖现在直播| www.333102.com-查体彩开奖结果查询| www.512673.com-秋天丰收彩铅画图片| www.484486.com-北京新彩华章| www.233669.com-福彩快三赔率| www.443504.com-心脏彩超pg正常值| www.737077.com-上海福彩中心李強| www.972470.com-优彩彩票网安全吗| www.nk02.com-提款安全彩票平台| www.242008.com-新浪彩票下载安装| www.333838.cc-k8彩票手机客户端| www.323732.com-天天乐彩彩票骗局| www.218230.com-大发快三新手怎么玩| www.x30.org-随机买彩票中奖| www.02316.com-百乐门彩票真的假的| www.99jo.com-福彩3d杀尾方法| www.8796.cm-什么眼镜能看透彩票| www.47240.com-体彩小站宝怎么注册| www.781840.com-长春黑彩大庄李要力| www.923591.com-安吉彩票案件判刑| www.996174.com-足彩北京单关| www.dk76.com-91彩票计划app| www.sx89.com-一般彩票几位数字| www.01ge.com-彩票到底真假| www.102024.com-彩天下彩票靠谱么| www.503158.com-微信快乐彩提现失败| www.611998.com-青岛体彩站转让| www.690096.com-91彩票官方网站| www.764444.com-各种釉彩大瓶评价| www.719756.com-河北快三投注表| 凤凰彩票www.55228i.com| www.757918.com-福利彩票投注站佣金| www.866425.com-福建体彩手机投注| www.19880.cc-彩计划最新版| www.78166.cc-广西快三高手计划群| www.356507.com-533彩票下载安装| www.488188.com-聚象彩时时彩| www.571078.com-体彩开奖的那段音乐| www.062234.com-正规福彩快三平台| www.298096.com-福彩开奖现场直播| www.397453.com-m8彩票软件打开| www.587830.com-施乐彩色复印机租赁| www.684758.com-福彩快三稳赚宝典| www.800052.cc-11选5购彩窍门| www.898401.com-中国福利彩票乐透型| www.982469.com-彩票店提成是多少| www.dv72.com-彩票端快三骗局| www.g53.com-新浪竞彩足球| www.68gy.com-查询彩票真假| www.825179.cc-鸿彩网属于哪个公司| www.895788.com-江苏快三遗漏查询| www.960026.com-快三概率公式| 大赢家彩票网www.178211.com| www.kx93.com-彩票开发-| www.yl40.cc-彩票双色球中奖技巧| www.13no.com-郑州体彩中一山| www.65zs.com-湖北体彩客户端| www.622288.com-河北快三漏选号| www.195985.com-江西福彩助手| www.257655.com-彩票有哪些-| www.324636.com-中彩票网-| www.403228.com-中国竞彩兰球计算器| www.526832.com-代打彩票兼职| www.591878.com-下载977福彩| www.663003.com-竞彩新时代-| www.734062.com-众赢彩票网网址| www.837248.com-立彩倍投计划| www.927471.com-福利彩票什么玩| www.984703.com-炫彩水晶泥-| www.dg08.com-瑞彩祥云彩票网址| www.vh31.com-福彩最心断组| www.25gx.com-下彩触屏版足球彩票| www.362561.com-关于描写彩虹的作文| www.693084.com-体彩双色中奖说明| www.827681.com-三分时时彩是体彩吗| www.sk10.com-乐乐彩票和法吗| www.989338.com-彩票818正规吗| www.cb96.com-网络彩票平台下载| www.xv12.com-我想中彩票-| www.18ur.com-泰安福彩站点| www.82yb.com-澳门三乐彩开奖公告| www.96671.cc-时时彩海南私彩玩法| www.075363.com-七乐彩除6走势图| www.142889.com-福彩3d小小鱼图迷| www.125047.com-腾讯分分彩开奖号码| www.0845.vip-哪个平台能买足彩| www.4283.top-乐彩uv卷材-| www.288359.com-彩狮时时彩专业计划| www.449721.com-福彩积分兑换商城| www.631905.com-竞彩收米-|