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.382625.com-买彩彩票-| www.o21.cn-分分彩-| www.508669.com-体彩天-| www.29mo.com-彩铅画静物图片| www.286108.com-成都快三购彩app| www.64866.com-体彩店怎么找客户| www.274041.com-足彩串玩法介绍| www.965232.com-吉祥彩票是合法的吗| www.tk64.com-信誉好的足球彩票| www.474663.com-百盛彩票提现| www.242567.com-好运彩是骗局吗| www.4776.me-腾讯一分彩开奖结果| www.729408.com-彩票达人直播平台| www.873931.com-多乐快三彩票怎么玩| www.985174.com-微信快乐彩跑路| www.dv38.com-福彩网址是多少| www.6of.com-做外卖送彩票犯法吗| www.900971.com-中国体彩报在线阅读| www.328466.com-河北彩票开奖大全| www.05103.com-福利彩票怎么代理| www.091105.com-58彩票网站是多少| www.1213.tv-五万彩礼-| www.98fp.com-乐彩排3-| www.918021.com-by彩票-| www.ta.cc-宁夏快三开奖直播| www.67ch.com-爱中彩票下载安装| www.663869.com-7星彩历史开奖号码| www.29fu.com-长春彩票中奖去哪领| www.801047.com-彩票到底假不假| www.2509.com-6彩资料-| www.52682.cc-玩时时彩为什么必死| www.008961.com-八手巴购彩票| www.096763.com-红五彩吧彩吧图库| www.924199.com-世界中彩票最多的人| www.992159.com-快三改规则-| www.fk64.com-快三彩票是真的吗| www.yk14.com-南洋乐和彩-| www.32rq.com-福利彩票双色球40| www.272918.com-刷福彩的流水是什么| www.081773.com-众赢刷彩团队| 8号彩票www.81520i.com| www.hz46.com-沉迷彩票的危害| www.b29.cn-高频彩票调整后销售| www.055259.com-中国彩票种类和介绍| www.621936.com-看彩是什么意思| www.730942.com-和彩印年优惠套餐| www.312666.com-购彩票官方网站| www.678573.com-三d彩之网-| 大众彩票www.712887.com| www.or32.com-必赢彩票网合法吗| www.279997.cc-578彩票平台| www.368268.com-七星彩百度云| www.472785.com-吴江福利彩票中奖| www.574666.com-c58彩票-| www.640228.com-爱投网和口袋彩店| www.722666.cc-足球彩票外围怎么玩| www.812248.com-福彩差5运用| www.888280.com-怎样辨别彩票的真伪| www.954853.com-七彩彩票下载| 体彩网www.3890i.com| www.906232.com-彩色的拼音-| 8号彩票www.81520k.com| www.308715.com-彩票购买投注大厅| www.496702.com-小米彩蛋-| www.607691.com-河北快3爱乐彩| www.701584.com-中国足彩官网电脑版| www.798238.com-易彩补漆-| www.875266.com-江苏快三是合法的| www.988163.com-体彩大乐透前区杀号| www.eo52.com-快三权威app| www.05we.com-现场更精彩怎么说| www.127713.com-彩虹授权掉了| www.301920.com-七星彩最怪号| www.cai8877.com长春快三开奖| www.49tu.com-体育彩票报刊大全| www.582955.com-吾音彩次克-| www.659104.com-福彩第一彩票开奖| www.02qd.com-刚力彩芽下海了吗| www.464288.com-更好的彩票网站| www.919021.com-私彩平台排行| www.wy67.com-新浪彩票全国开奖| www.130497.com-一分快三刷流水套路| www.31927.cc-王牌彩票怎么样举报| www.376798.com-福彩36选7南粤| www.656763.com-博彩seo-| www.9922.red-解太湖福彩-| www.387001.com-韩国金山快三查询| www.15ry.com-汇彩国际彩票注册| www.477658.com-乐彩论坛排317| www.593920.com-南粤风采好彩一开奖| www.670642.com-七星彩局王奖图| www.759855.com-云南时时彩开奖号| www.857398.com-盈彩必赢-| www.913298.com-彩客网苹果怎么下载| www.976427.com-河南体彩中奖的人| www.cp8608.com-上海体彩-| www.211233.com-信誉彩票下载安装| www.293289.com-易彩彩票app平台| www.410735.com-彩神怎样提现| www.509718.com-什么博彩平台可靠| www.580314.com-幸运彩票平台安全吗| www.679033.com-高频彩走势图| www.800927.com-福彩3d天天黑白报| www.121809.com-陕西假宝马彩票| www.0771.org-安徽快三开奖查| www.1785.vip-白菜彩金网址大全| www.39857.com-彩票巴士推广码| www.99117.com-极速时时彩有规律吗| www.133250.com-富彩彩票吧-| www.465968.com-七乐彩历史号| www.603206.com-福建彩民31先7| www.04134.com-如何网上购足彩| www.ii00.cc-中国竞彩网竞彩足球| www.447223.com-澳门彩票软件| www.599038.com-彩票中奖的秘籍| www.716155.com-神采争霸快三下载| www.834168.com-500彩票网登录网| www.v44.cn-牛彩网一网站| www.478871.com-竞彩双平-| www.436465.com-云南彩票中奖情况| www.807881.com-优彩彩票是合法的吗| www.940789.com-中福时时彩预测| www.bs1.com-6348快三彩票| www.11xo.com-体育彩票几几年有的| www.882329.com-078彩票是真的么| www.198275.com-3d彩吧图库-| www.274522.com-腾讯分分彩全中| www.999099.com-快三开奖计算公式| www.zp39.com-时时彩什么叫半顺| www.1212.site-49c彩票官方网址| www.45675.cc-彩票猜图三d| www.184033.com-河北快三中奖金额| www.708545.com-男彩托的套路| www.740.pw-皇冠彩票网手机投注| www.571231.com-好彩妹心水码| www.010330.com-彩票分析预测下一期| www.16809.com-专业购彩大发彩票| www.586.la-体彩红单助手| www.0750.loan-最快彩票开奖接口| www.63148.com-足球彩票新浪竞技| www.va13.com-贵州福彩快三和尾| www.0109.vip-沉迷于彩票-| www.537881.com-什么是有彩色系| www.665766.com-彩赢注册平台| www.490666.com-淘宝彩票国家允许吗| www.018446.com-时时彩专家计划| www.99my.cc-幸运时时彩计划软件| www.8925.org-高手彩票下载| www.961773.com-买彩票的qq群| www.2020.la-福彩兑奖处兑奖| www.038896.com-信彩快三计划网址| www.128841.com-环球彩票不能提现| www.392038.com-关小刀足彩预测| www.881586.com-伟德彩-| www.ww67.com-彩票预测大全下载| www.061220.com-今天的彩票指南报纸| www.100408.com-百乐彩blc-| www.188261.com-彩票快三平台| www.375211.com-808福彩网-| www.685079.com-苹果3d彩票下载| www.796447.com-彩16登入-| www.355535.com-竞彩扣税么-| www.9571.cn-彩票太湖字谜画谜| www.927398.com-江苏体彩彩民论坛|