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天

知道了
1分快三 www.777151.com-168时时彩app| www.936034.com-福彩乐彩首页| 发彩www.50732h.com| www.jb41.com-新浪彩票3d预测| www.d21.cc-七乐彩3托9-| www.34if.com-海南七星彩几点开奖| www.4835.vip-彩票选六中五保五| www.11506.com-彩乐乐的网址| www.61139.cc-038彩票福利版| www.050152.com-彩票奖金规则| www.149117.com-505彩票计划网| www.250422.com-我要中体彩福彩下载| www.334114.com-博大彩票能玩吗| www.428626.com-种彩网-| www.536228.com-黑时时彩网站| www.664714.com-本期体彩开奖号码| www.753047.com-彩票开奖查询试号机| www.854711.com-竞彩篮球一场比赛| www.930895.com-南洋彩开奖号码| www.985861.com-中国竞彩官方| www.ab7.cc-内蒙快三开奖一定牛| www.qj91.com-好彩1及中奖规则| www.15pv.com-彩票开奖体彩开奖| www.401.cn-惠民彩票官网| www.5158.me-多乐彩前三组| www.11680.com-乐彩票app下载| www.59738.com-彩虹官方网站| www.057881.com-福彩三d预测专区| www.148300.com-福彩3d追号方案| www.903561.com-星光彩票官网| www.984573.com-258竞彩app-| www.a58.org-职业彩民群-| www.39dy.com-七星彩开奖顺序| www.0484.website大连体彩网站| www.7786.me-买彩票中奖后的感想| www.31137.com-新彩吧手机版图谜| www.79733.com-天水市体彩中心在哪| www.083758.com-今日彩票开奖杳询| www.157456.com-彩票之家官方| www.297153.com-数学老师买彩票| www.373791.com-彩智彩票软件| www.510273.com-如何分析彩票| www.587005.com-竞彩单关无脑砸平| www.663117.com-凤凰彩票的老板| www.740015.com-手机可不可以买福彩| www.818929.com-中彩票技巧-| www.893922.com-爱投网彩票客户端| www.966288.cc-希腊十分彩官网| 博友彩www.866546.com| www.kp27.com-体彩19050-| www.k76.net-菲律宾2分彩走势图| www.52ly.cc-足彩量化模型下载| www.0101.la-含有彩字的网名| www.9322.online佛菩萨、彩票、股票| www.52473.cc-3d彩票布衣天下图| www.99115.com-竞彩足球比分析直播| www.071212.com-彩28下载-| www.138580.com-分分时时彩开奖查询| www.218523.com-彩票套利-| www.295138.com-博彩返水高的| www.369231.com-最早最快福彩三d| www.468817.com-三d彩票吧-| www.558133.com-338彩票-| www.629771.com-七乐彩守号选号| www.703747.com-京彩彩票网-| www.783334.com-足球彩票口碑排行榜| www.862305.cc-新快三和值技巧| www.932080.com-七星彩票开奖结果| www.988151.com-彩93app-| www.cp7276.com-贵州快三一定牛预测| www.nq69.com-中国人人快三怎么玩| www.29.hk-福彩3d百万通| www.77yj.com-足彩是赌博-| www.1818.in-9a彩票app安卓| www.00051.com-中彩乐电子群英会| www.50925.com-百盈快三怎么下载| www.89924.com-足彩竞彩网站大全| www.050818.com-亚朵网国彩票合法吗| www.171671.com-多乐彩开奖走势图| www.282795.com-澳门彩8点3o| www.378706.com-体育彩票加盟费| www.512038.com-500万彩票计算机| www.575785.com-世界杯体育彩票停售| www.638279.com-色彩三要素指的是指| www.789136.com-彩票外围软件| www.857955.com-c59彩票c0m-| www.911682.com-福彩3d拖拉机玩法| www.967664.com-彩专家彩友人工计划| www.0847.vip-彩票摇奖软件| www.9355.wang-体彩开奖结果息| www.69515.com-赢彩彩票正规吗| www.093554.com-三地乐彩网走势图| www.162504.com-101彩票-| www.261872.com-计划彩票-| www.347329.com-600万彩票网注册| www.425346.com-中彩双色球媒体擂台| www.525334.com-篮球博彩怎么买| www.630803.com-好彩1871欧盟| www.699914.com-ck彩客网是真的吗| www.774340.com-彩票日亏损返利| www.877851.com-彩福彩票5分快3| www.957534.com-青蛙彩票六会彩| 9号彩票www.80767j.com| www.ev46.com-彩票任三技巧| www.vz91.com-手机快三赌博犯法吗| www.10pe.com-彩票之家是真的假的| www.78vk.com-台湾中正彩现场开奖| www.1685.net-排三乐彩网字谜图迷| www.11005.cc-500彩票网斗牛牛| www.53686.cc-疆时时彩开奖结果| www.96155.com-微山南阳彩礼多少钱| www.056903.com-炫乐彩票娱乐| www.172631.com-彩票大小单双骗局| www.259811.com-内蒙古福利彩票快3| www.329391.com-体育彩票下注| www.396700.com-彩票实战讲座l一4| www.538757.com-香港和彩开奖走势图| www.620303.com-澳客体彩苹果下载| www.687095.com-外蒙快三走势图| www.761549.com-鸿运彩票网登录方式| www.867614.com-七星彩网易开奖| www.928857.com-彩乐汇客户端下载| www.982375.com-香港时时彩开奖查询| www.fh07.cc-3号彩票-| www.vq62.com-彩专家人工在线计划| www.08uo.com-彩票中奖人员| www.73br.com-体彩排列三预测杀号| www.0857.cn-优彩社区四不像论坛| www.8968.bid-众彩网首页登录入口| www.41848.com-高频彩票传统彩票| www.88194.com-小站宝彩票ios| www.035544.com-至尊快三是真的吗| www.139640.com-晨兴彩票骗局| www.211080.com-彩票网站注册| www.274662.com-时时彩一星杀号计划| www.377966.com-开体彩店要怎么装| www.497107.com-万福彩票是官方网站| www.564549.com-南国彩票梦册解梦| www.630632.com-福彩三d选号彩报| www.698578.com-浙江省福彩管理中心| www.770073.com-七彩云南翡翠怎么样| www.889503.com-七乐彩票手机分享| www.953656.com-金牛彩票正规吗| 网易彩票www.076wy.com| www.bf07.com-今日7乐彩开奖号码| www.rp72.com-江苏快三江苏三d| www.12uh.com-热敏彩票纸有毒吗| www.73ai.com-重庆市彩新浪| www.0516.net-中国公益彩-| www.7788.xyz-竞彩足球高手经验| www.23159.com-福彩3d毒胆高手榜| www.60553.com-彩票如何预测大小| www.026506.com-老郑足彩分析的博客| www.094978.com-今天三地彩吧图库| www.153514.com-体彩一等奖多久到账| www.310211.com-易旺彩票主页| www.371265.com-彩票快3手机下载| www.456122.com-彩六进攻3速| www.535079.com-浙江风采网彩票| www.642087.com-一出好戏彩票| www.718659.com-彩虹是那七色| www.783663.com-互联网售彩开放| www.849857.com-分分彩怎么倍投不输| www.906698.com-极速快三500|