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.7737.in-足彩19019-| www.467988.com-彩票有谜语吗| www.5566.net-体育彩票大乐中奖人| www.246996.com-玩快三哪个软件好用| www.387097.com-好彩彩票投注| www.77882.cc-智慧彩是什么意思| www.73666.cc-福彩字谜图谜总会| www.6760.cn-福利彩票中奖得住| www.33836.com-加州快三彩票玩法| www.91635.com-好彩烟盒的设计分析| www.079616.com-老彩民彩票-| www.tv36.com-彩票宣传语-| www.505583.com-炫彩唯美梦幻壁纸| www.41293.com-网络彩票最新新闻| www.984384.com-甘肃体彩下载软件| www.ap67.com-精彩十分玩法说明| www.vi04.com-快三彩票怎么玩的| www.045020.com-快彩计划软件| www.610253.com-花朵彩铅画教程图解| www.489091.com-彩票中奖你信吗| www.32190.cc-众彩平台下载| www.182613.com-银川快三查询| www.937545.com-云彩彩票app下载| www.964966.com-辽宁省体彩发行中心| www.111392.com-乐猫彩票-| www.424.club-买高频彩都输钱吗| www.7450.cn-体彩店好申请吗| www.88596.com-九彩彩票手机版下载| www.176499.com-uu快三投注规律| www.08gt.com-体彩6十1开奖日期| www.5355.club-彩票哪种买的人多| www.15213.cc-河北快三购买技巧| www.0058.cc-国家彩票种类| www.312506.com-7k彩票客户端| www.452244.com-太原体彩大奖| www.571725.com-福利彩票我要投注| www.639004.com-有刮刮乐的彩票软件| www.952652.com-福利彩票大乐透| 500万彩票www.39500p.com| www.920013.com-手机智能彩票摇号器| www.985268.com-ag快乐彩骗人吗| www.eb3.cc-快三定胆技巧| www.ot71.com-2019年彩票新规| www.318194.com-彩博网资料大全| www.448567.com-说彩传媒3d-| www.81383.com-众彩网誉京华| www.666662.cc-竞彩概率-| www.790709.com-七星彩机选在线机选| www.31iq.com-周杰伦彩虹吉他简谱| www.7051.shop-天天中彩票快3走势| www.62313.cc-时时彩有赢家吗| www.5055.tv-属马买彩票-| www.898899.cc-博彩送彩金app| www.530502.com-时时彩怎么买| www.615923.com-即开彩票害死人了| www.734302.com-彩奖k3-| www.819837.com-新婚姻法彩礼限额| www.958333.com-福利彩票多久一期| www.ib04.com-安徽省彩票兑奖地点| www.vm9.com-马来西亚有什么彩票| www.654047.com-合一彩票登陆| www.38fk.com-体彩排列5长条| www.32130.cc-360网上购彩大厅| www.mt49.com-彩经网彩票走势图| www.055134.com-彩色的非洲教案| www.970262.com-ag彩數據-| www.cai8533.com手机彩票123| www.54rx.com-彩票投注打印软件| www.1478.com-精彩中国-| www.n48.bid-中福彩票邀请码最新| www.60qw.com-老王足彩篮彩| www.1206.vip-彩票中奖1亿| www.479208.com-扬州彩票中奖12亿| www.319098.com-80彩票是否正规| www.31bj.com-彩虹秒赞网源码| www.632152.com-49彩票网-| www.706299.com-皇都彩票国际版| www.781822.com-国彩网app下载| www.854696.com-竞彩篮球有哪些比赛| www.928370.com-玩彩是干什么的| www.999108.com-汇彩网时时彩| www.gv64.com-百盈快三走势图| www.i55.top-福彩体彩中奖号| www.053330.com-体彩店转让带竞彩| www.82382.cc-快三自动计划软件| www.39xd.com-江油彩礼一般多少钱| www.297575.com-v8彩票app-| www.5682.cc-辽三彩鉴别-| www.383215.com-彩票19029期| www.488464.com-彩吧图三板-| www.674234.com-3月28号的彩票| www.400545.com-亿彩骗局解析| www.503781.com-足彩六场半全场规则| www.294638.com-福彩3d分解断组| www.96313.cc-体彩为什么改版| www.22273.cc-结婚男方给女方彩礼| www.kz7.cc-快三跨度表图片| www.160228.com-糖果彩螽鸣虫| www.301556.com-昨天彩票开奖号| www.774161.com-福利彩票大小单双| www.847522.com-重庆市福彩中心| www.907771.com-合肥市福彩中心地址| www.981991.com-安徽福彩快3开奖果| www.si98.com-时时彩1998奖金| www.042947.com-彩票小广告贴怎么弄| www.182638.com-福利彩票兑奖| www.200083.com-彩票开奖结果彩宝贝| www.2537.win-绿播与彩播的区别| www.11455.cc-宝马线上博彩公司| www.71997.com-世界杯体彩赔率| www.324.me-金巴黎彩票软件| www.9373.biz-影片中彩票中奖号码| www.cai3915.com甘肃一定牛快三| www.18457.com-快三代理推广话术| www.720338.com-七星彩高频技巧| www.9098.com-易购彩软件下载| www.685857.com-福利彩票应用软件| 8号彩票www.81520h.com| www.145358.com-福利彩票提点多少| www.595692.com-鑫彩争霸app| www.997256.com-哪个软件可以买足彩| www.mc11.com-彩投彩票app下载| www.8wi.com-江苏快彩下载| www.91ca.com-福彩3d校长胆码| www.2382.com-嘉定2500万彩票| www.8106.cc-缅甸三分彩开奖号码| www.282002.com-台湾时时彩的骗局| www.30430.com-官方体彩-| www.086074.com-分分彩稳赢技巧| www.075713.com-社区数字达人彩票| 天玺彩票www.513550.com| www.127019.com-中彩那天-| www.508859.com-彩铅花朵-| www.21719.cc-彩票复式中奖| www.255739.com-体育彩票几位数字| www.407006.com-杭州体彩中心官网| www.34zr.com-问题彩民中奖| www.00568.cc-南方双彩网3d和值| www.503020.com-彩友多中奖-| www.135278.com-7天彩c0-| www.298977.com-彩79app-| www.484213.com-369彩票网站| www.272965.com-拍彩票票面安全吗| www.tv42.com-安卓彩票分析软件| www.22051.com-网络刷彩违法吗| www.7279.top-满堂彩官方网登录| www.25199.cc-彩铅画的画怎么画| www.967001.com-网上买彩票被骗了| www.sk93.com-买彩票被骗已经报警| www.072.date-宝利彩票登录| www.869388.com-七星彩有规律吗| www.967424.com-吉林快三遗漏表| 亚洲www.296180.com| www.9548.cc-百度彩票网官网| www.53368.com-京东二分钟时时彩| www.50040.cc-彩神易赢如何| www.878.red-新浪百度彩票走势图| www.672970.com-排三字谜乐彩论坛| www.752234.com-中彩网官方网app| www.820063.com-乡镇彩票店-| www.883423.com-博彩系统搭建| www.954230.com-709彩票旧版| 55世纪www.202337.com| www.30wg.com-彩票网站哪个最好|