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.669512.com-彩105官网下载| www.018920.com-香港彩富网正版资料| www.743469.com-彩票计划真的假的| www.666216.com-航天彩虹千股千评| www.331557.com-众乐彩大发快3| www.014088.com-703彩票网址| www.622930.com-3d天天彩于海滨| www.171876.com-江苏快三和值走势图| www.910112.com-粤彩联盟新版| www.kq6.cc-玩一分快三能赚钱么| www.0449.vip-怎样在彩票平台稳赚| www.140810.com-福彩刮刮乐兑奖流程| www.693789.cc-时时彩大小有规律吗| www.911561.com-家彩论坛手机版| www.fo26.com-江苏e球彩进球数| www.20iy.com-澳洲有什么彩票| www.6663.biz-大发彩票怎么投诉| www.27217.com-快三平台充值不上| www.356739.com-足球彩票怎么看买啊| www.502750.com-足彩推荐哪家准| www.571498.com-重庆时彩牛牛赔率| www.653607.com-六彩票香港-| www.729304.com-有多少人彩票中奖| www.584498.cc-下载时时中彩票| www.692375.com-被骗博彩-| www.8462.vip-七彩票今天开奖结果| www.82637.cc-足彩19024预测| www.352256.com-知名的高频彩平台| www.468369.com-授渔看彩最新杀号| www.495.mobi-重庆时时彩资料群| www.7061.biz-东方亮彩被收购一事| www.tx33.com-万彩吧彩票开奖查旬| www.235691.com-乐乐彩票可靠吗| www.345775.com-查看福彩开奖结果| www.450638.com-彩票数字3是3d吗| www.077371.com-体彩字谜-| www.439962.com-美国大学彩票| www.087024.com-彩福大厦总楼层| www.to12.com-快三预测官网| www.01lt.com-彩虹图案代表的寓意| www.055147.com-彩色是不是表示颜色| www.868466.com-360彩票走势图解| www.949697.com-e时彩彩票-| www.31415.com-老梁揭秘彩票的秘密| www.5077.xyz-足彩停售多久| www.26565.com-七星彩怎么选号呢| www.98911.cc-时时彩假吗-| www.582290.com-网冠彩票平台| www.712033.com-足彩十四场分杪| www.888841.cc-第1彩-| www.x75.net-nba篮彩分析| www.270067.com-大彩彩票下载安装| www.940848.com-加州快三骗局| 天天彩票www.7782g.com| www.562226.com-快三做号软件| www.46134.com-2分时时彩计划软件| www.58fl.com-18077期胜负彩| www.813042.com-高频彩开奖结果| www.996709.com-黑龙江彩票网| www.sq94.com-今日彩票预测中奖号| www.75mk.com-今天彩票快餐| www.219394.com-福建福彩公示| www.325991.com-3d彩经网选胆图| www.972096.com-华彩网-| 购彩票www.c5635.com| www.646456.com-足彩稳赢技巧| www.739502.com-87彩票网实体店| www.830553.com-上海彩票店电话号码| www.895311.com-官方彩票漏洞| www.958216.com-福彩开什么号| 818合彩www.www.9889hc.com| www.bh37.com-唐龙说彩大全| www.11611.cc-彩乐乐选号-| www.373753.com-精彩足球预测| www.22lf.com-app酷搏彩票| www.284959.com-湖北快三今日跨度| www.232889.com-黑龙江体彩官方网| www.330507.com-一分快三有什么规律| 大赢家彩票网www.339281.com| www.817652.com-福客来彩票登录官网| www.458819.com-邪恶道全彩苇月海滩| www.556727.com-苹果pk彩票正规吗| www.635563.com-中国彩票税-| www.720181.com-七星彩湛江玩法| www.14rp.com-体彩店怎么装修| www.461.bid-合乐彩票能行| www.206410.com-福彩快3软件有哪些| www.un71.com-七星彩预测众彩网| www.110367.com-聚富大发快三计划| www.271825.com-星光财团十分彩平台| www.395882.com-口袋彩店店主| www.525396.com-金凤凰时时彩平台| www.602246.com-足球彩票盈利| www.671288.com-万彩办公-| www.756900.com-网上买彩票跟群计划| www.834313.com-贵烟新多彩-| www.898637.com-v湖北快三走势图| www.965392.com-竞彩专家推荐号| 大赢家彩票平台www.721662.com| www.159888.com-七星彩高清早版版| www.525009.com-世界最大的彩票公司| www.727509.com-杏彩娱乐app| www.239581.com-360购彩大厅首页| 网易彩票www.093wy.com| www.4969.cc-足彩中奖彩票真图| www.590112.com-福彩3d14和值| www.716523.com-体彩排列三大彩网| www.915266.com-博盈彩票导航站| www.sa51.com-福彩3d直选计算器| www.70lt.com-博彩手机验证送彩金| www.63650.com-高返彩票网站| www.360949.com-彩泥手工作品| www.418178.com-中博彩票计划网| www.32aq.com-国际财富彩票| www.603803.com-足彩大数据分析软件| www.my29.com-黑客破解彩票软件| www.560535.com-安徽福彩3d加奖| www.268667.com-3d福彩丹东全图| www.883357.com-上海彩钢围挡定做| www.963181.com-体彩巅峰对决50元| 大赢家彩票平台www.591023.com| www.gy21.com-彩八彩票害人不浅| www.vs88.com-数学老师玩彩票赚钱| www.7pb.com-花的绘画彩铅| www.775239.com-彩名堂4.0手机端| www.880742.com-现在最大的黑彩平台| www.966293.com-即开彩app官网| www.cai2333.com湖北快三最新预测| www.835981.com-双色球彩票中奖新闻| www.11gq.com-体育彩票真实吗| www.820148.com-天价彩礼酿血案| www.896211.com-争霸彩票8-| www.961136.com-福彩3d山东图| www.281131.com-时时彩五星和值大小| www.87139.com-3d彩图总会-| www.380755.com-买足球彩票-| www.74qj.com-万豪彩票提现可靠吗| www.32aw.com-长沙福利彩票市场| www.89xd.com-网彩被骗300万| www.2278.vip-什么彩票注册送钱| www.097187.com-福彩小鱼图反正面| www.98ds.com-逆袭分分彩安卓版| www.213706.com-神彩8下载-| www.90ea.com-国外足彩app| www.351273.com-体彩绝杀一码| www.874336.com-吉林快三开始结果| www.246973.com-福彩中奖概率| www.645939.com-竞彩输钱压抑| www.uh39.com-天天购彩网-| www.68798.com-享彩买家版-| www.tg92.com-休闲快三第一套| www.44481.cc-选三型彩票-| www.082632.com-246+天天开彩| www.357511.com-年会员工彩票中奖| www.cp6665.cc-下载福彩-| www.872120.com-q彩网官网下载安装| www.5239.xyz-能挂机的彩票网站| www.40055.cc-5分快三破解器开挂| www.201981.com-彩71彩票可信吗| www.620595.com-2o选5彩票-| www.690227.com-凤彩彩票网可以玩吗| www.764678.com-彩彩票与你同行天下| www.857185.com-菲律宾彩票招工骗局| www.963252.com-网投一分快三合法吗|