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.960492.com-3亿巨奖彩票| www.479779.com-体彩7星彩奖金| www.966316.com-福利彩票数字3| www.yu39.com-福彩3d奖结果| www.99943.com-168彩票能提现吗| www.169582.com-甘肃快三的走势图| www.111482.com-彩票一期一计划团队| www.53812.cc-横沥东方亮彩怎么样| www.041021.com-优彩网资料大全| www.145894.com-怎么网络刷彩票赚钱| www.67886.cc-彩票平台怎么举报| www.055062.com-玩彩票网名-| www.137465.com-七星彩18081| www.112583.com-体育彩票胜负14场| www.251554.com-彩票2元网下截| www.345813.com-全新彩票下载安装| www.522356.com-500亿彩票-| www.005744.com-2019极速彩票| www.36835.cc-28彩票注册-| www.864438.com-新彩网手机版下载| www.960633.com-彩票充值优惠2| www.cai298.com-快三网-| www.52rl.com-黄河风彩双色球投注| www.426900.com-旭彩大发快3| www.438634.com-易彩民彩福地注册| www.604929.com-开心彩票平台| www.679269.com-处理问题彩民| www.778052.com-彩88彩票下载| www.972095.com-19049足彩大势| www.bs96.com-最新的彩票缩水软件| www.f48.cc-tt彩票app-| www.890512.cc-u9彩票app-| www.855457.com-重庆时时彩先知网址| www.944414.com-大联盟彩票-| www.993775.com-什么是3d彩票| www.192311.com-鑫彩网是真的假的| www.273849.com-一分快三破解| www.750930.com-类似彩店宝彩票软件| www.870308.com-盈彩网江苏快三| www.966820.com-体彩顺口溜-| www.cx88.com-神彩网站-| www.y77.org-大豪客彩票官网| www.262.cn-二婚彩礼标准| www.8412.vip-七星彩结果查询| www.378532.com-汇彩网一彩票| www.534128.com-新彩票官网-| www.619401.com-人人红彩票ios| www.722886.com-大钱庄彩票-| www.486745.com-打鱼送彩金可提款| www.lq35.com-中彩网可以买彩票了| www.137285.com-凤凰彩票登录| www.232627.com-彩票分析大师| www.956306.com-高频彩背后的秘密| www.537170.com-分分彩后二技巧视频| www.143590.com-长城彩票娱乐| www.267611.com-彩票人工计划| www.414160.com-精彩的精什么意思| www.92776.cc-立彩佳与卓高| www.082271.com-河北快三怎么玩的| www.287267.com-周口彩票大奖| www.259145.cc-什么软件可以买竞彩| www.731713.com-彩钢板围挡多少钱| www.267323.com-如何看彩票走势图解| www.171069.com-今天福彩出奖结果| www.013.tv-北京亿彩快三| www.692583.com-泰国彩票的标识| www.805293.com-十分彩是正规| www.941189.com-阿里彩票怎么回事| www.xs22.com-也买彩幸运快三| www.88sy.cc-人人乐中彩票| www.159433.com-众博彩票下载| www.922537.com-招聘外围足彩分析师| www.cp9115.com-冀彩宝官网-| www.618103.com-易旺彩票可信吗| www.740059.com-澳门彩票资讯| www.365243.cc-大星彩票聊天室| www.494213.com-竞彩胜负比分查询| www.024634.com-中国福彩网积分卡| www.586824.com-下载彩吧助手手机版| www.687081.com-湖南体育彩票现状| www.609737.com-今晚7星彩开奖号码| www.237411.com-体彩下载官网app| www.07dg.com-幸运彩票官网骗子| www.929911.com-幸运时时彩走势图| www.743198.com-糖果派对彩金怎么算| www.ax78.com-福彩3d速查表| www.218125.com-玩彩票哪个平台好| www.46hx.com-萍乡竞彩网点| www.78090.com-湖南快三开奖图| www.056758.com-威尼斯彩票出款失败| www.658665.com-玩彩票用什么软件好| www.722737.com-凤彩双色球字谜| www.797105.com-凤凰2彩票-| www.867777.cc-七星彩最新开奖号码| www.921120.com-神彩票-| www.971342.com-福彩中奖概率最高| 大玩家彩票www.545669.com| www.255157.com-利用时时彩漏洞赚钱| www.0982.vip-香港三合皇彩报| www.nq40.com-模拟彩票的软件| www.t17.club-贵州彩票中奖今天的| www.603671.com-梦到开彩票店| www.663577.com-中彩票去哪里领奖| www.722676.com-足彩竟猜-| www.792663.com-彩票和值-| www.866860.com-篮球彩票app下载| www.920295.com-大奖三分彩-| www.977780.com-一分彩一天开多少期| www.cai8158.com贵州福彩中心在哪| www.286396.com-买彩精英专栏| www.062084.com-好彩客是否正规| www.382395.com-得力彩票23993| www.505376.com-网站被彩票网线劫持| www.590662.com-福彩幸运二中奖规则| www.657646.com-103亿彩票巨奖| www.733393.com-福彩牛彩网一| www.797036.com-福彩3d今天试杌号| www.876035.com-爱乐彩四川-| www.408896.com-安庆市福彩中电话| www.522999.com-什么是刷彩票| www.602566.com-有一个学生买网上彩| www.698420.com-彩库宝典最快报码| www.769252.com-彩票刷负盈利| www.886249.com-博彩推广手段| www.958187.com-本期七星彩头奖| www.lj3.cc-北京快三全天计划| www.px97.com-彩票彩六下载安装| www.019721.com-汕头彩票一等奖| www.509870.com-567彩票维护| www.720800.com-彩票搞笑图片大全| www.856023.com-足彩返水是什么意思| www.205.cm-彩铅画图片人物明星| www.4480.live-幻彩褪黑晚霜香港| www.196362.com-甘肃快三玩法| www.024893.com-澳门快三真实性| www.098361.com-gc彩票-| www.180359.com-福彩快三中奖概率表| www.800893.com-三的红五彩票全图| www.885201.com-彩票代玩兼职犯法么| www.82wp.com-多彩网3d字谜总汇| www.91cw.cc-今日彩票幸运选号| www.7058.vip-1cc彩票-| www.045422.com-那个彩票软件可以买| www.903113.com-彩票合买有骗局吗| 500彩票网www.65707r.com| www.qn06.com-大乐透彩经网走势图| www.js65.cc-五百彩票直播网| www.423119.com-乐乐彩票分析软件| www.521401.cc-福彩积分卡网站| www.584398.com-中彩网网页版有那些| www.654195.com-97彩票能不能赚钱| www.713359.com-福彩新3d太假| www.777707.com-下载买彩票店| www.843515.com-福彩会不会改制| www.890354.com-彩票正规平台在哪找| www.952754.com-体彩超级大乐透玩法| www.990603.com-高频彩票网-| www.ce41.com-快三挣钱么-| www.vw18.com-乐购彩票怎么样| www.12bf.com-浙江七乐彩走势图| www.238810.com-彩金套利教程| www.311617.com-五分快三神计划| www.389225.com-怎么申请买彩票| www.557933.com-海南四个数的七星彩|