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.6968.me-极速赛车彩票的规律| www.182353.com-彩票分析软件哪个好| www.4166.tv-鞍山七彩化学面试| www.08119.com-体彩投注站-| www.78850.com-中大奖彩票兑奖过程| www.760926.com-好彩1绝招-| www.823059.com-彩涂卷-| www.916758.com-彩铅画教程图片| 500彩票www.769971.com| www.240255.com-快三导师是干什么的| www.23cj.com-幸运快三开奖走势图| www.390203.com-男子捡到过期彩票| www.513330.com-重庆时时彩已下架| www.9920.tv-福利彩票红球走势图| www.626071.com-黑客破解一分快三| www.2761.pw-唐山福彩中心地址| www.34978.com-四季彩电脑版登陆| www.005477.com-p5走势图彩宝| www.19ul.com-手机版彩票挂机软件| www.9731.net-破解五分彩个位规律| www.929.in-六星彩49-| www.09546.com-105彩-| www.67115.com-分分彩万能七码| www.022106.com-彩票规划骗局| www.102890.com-彩k-| www.071106.com-下载人人彩票双色球| www.947494.com-中国3d彩吧图库| 如意彩票www.938518.com| www.086822.com-溢彩年华-| www.7877.cn-吉林快三庄家联系| www.32326.com-河南省体育彩票申请| www.007425.com-广西快三研究| www.419646.com-秒速时时彩登录网站| www.556117.com-十大黑彩平台| www.644554.com-最新足彩伤停信息| www.181362.com-彩票app排行| www.278194.com-三分彩开奖-| www.357286.com-中彩票夫妻怎么分| www.791292.com-自助福利彩票刮刮乐| www.qv21.com-时时彩预测软件排行| www.gy76.com-共享彩票app| www.t33.com-七乐彩推荐专家下| www.q85.net-开彩传媒公众号| www.71ln.com-体彩图库总汇| www.4284.biz-双双彩论坛网| www.03239.com-巴巴彩票网站| www.yn7.com-皇都彩票真假问题| www.882686.com-易彩网是私彩吗| www.986497.com-彩票什么违法| www.ej84.com-3d彩报图库-| www.yy71.com-红旗彩票网官方网站| www.32587.cc-3d彩把图二张| www.80352.com-网上拉你玩彩票的人| www.9826.biz-中国古建筑传统彩绘| www.874857.com-酷彩ios-| www.07qr.com-3d图谜字谜乐彩网| www.987.ren-够力七星彩安卓| www.7449.cc-乐和彩双色球走势图| www.29851.cc-易彩集团首页| www.93455.cc-关于竞彩001| www.39357.cc-金牛彩票app下载| www.018606.com-快开彩票软件| www.133485.com-开发彩票马甲犯法| www.279449.com-分分时时彩龙虎特点| www.433124.com-福利彩票3带连线| www.562237.com-开心七星彩票网| www.669875.com-海南彩票比赛| www.768971.com-亚博彩票是正规的吗| www.860139.com-手机上的时时彩票| www.933873.com-新浪网彩票频道| 网易彩票www.080wy.com| www.400947.com-南国七星彩报纸| www.567879.com-网上买彩票有人抓吗| www.636208.com-900彩票网站| www.49wy.com-体彩e球是谁开的| www.178567.com-5oo彩票网-| www.536026.com-什么彩票只买四位数| www.815644.com-双数开彩是什么动物| www.387193.com-987彩票平台| www.556406.com-国彩乐网站是真的吗| www.627598.com-新乐彩平台下载安装| www.691093.com-任九胜负彩开奖结果| www.761706.com-七乐彩胆拖投注玩法| www.433264.com-时时彩可以计算公式| www.552265.com-万彩吧开奖结果下| www.3002.com-福彩200期走势| www.9371.online王素英控制彩票| www.137789.com-彩客网首网-| www.766828.com-好运彩彩票骗局| www.885896.com-体彩中心有举报电话| www.994328.com-彩票飞鱼-| www.el39.com-快三杀号免费软件| www.07ts.com-水彩星空画-| www.535392.com-什么彩票是6位数| www.671482.com-彩宝网app下载| www.758502.com-万博网上彩票投注| www.892411.com-福彩3d缩水大师| www.969229.com-中神彩下载-| 大赢家彩票平台www.810519.com| www.509333.com-天涯明月刀射利彩签| www.595570.com-双彩真实的谎言字谜| www.687313.com-彩票可以赚返利吗| www.761490.com-搜神传好彩妹和天尊| www.826210.com-宝乐彩是正规的吗| www.885820.com-福利彩票选号机| www.978945.com-贵烟好彩香烟价格| www.gv03.com-577彩票-| www.of9.com-快彩在线-| www.4986.me-现在还有彩票平台| www.30979.com-愚人节彩票中奖图片| www.98382.com-竞彩310代表什么| www.207611.com-必中快三计划全能版| www.5217.me-荷兰五分彩开奖号| www.169791.com-甘肃快三走势图表| www.34ok.com-甘肃彩票中奖名单| www.930874.com-奇门测彩取消法| www.993323.com-彩票网站是怎么赚钱| www.ii69.cc-福彩在线购买app| www.d31.com-足球彩票即时比分| www.395058.com-彩虹授权官网查询| www.981420.com-彩票66官方网站| www.cp702.com-哪个正规平台有快三| www.ih08.com-买彩票输的一无所有| www.yf71.com-派彩电子手机走势图| www.882228.com-彩879骗局-| www.962974.com-讧苏福彩-| 500彩票www.50054n.com| www.ct5.com-分分快三是否真的| www.te13.com-彩票店转让官司| www.0055.biz-香港中彩网投| www.186739.com-什么是福彩快三| www.661832.com-晋城体彩中奖| www.716905.com-彩铅品牌排行| www.775065.com-彩票快3的规律| www.870948.com-彩票投注app可靠| www.920100.com-华彩软件站下载| www.979704.com-现在开体彩店| 大钱庄彩票www.909888.com| www.734833.com-新手如何玩彩票| www.826261.com-1分赛车彩票怎么玩| www.900265.com-买彩票选什么数字好| www.964080.com-胜负彩19044| 彩票坊www.022q.cc| www.203397.com-河北福彩排列5| www.298613.com-奥客手机彩票网下载| www.391685.com-易迅彩票可靠吗| www.791704.com-福彩刮刮乐金条| www.0475.vip-1216网彩-| www.xm93.com-买彩票选号图| www.32vx.com-掌优彩票官网下载| www.1141.cc-体育彩票彩市用语| www.890809.com-魔方彩票可信吗| www.967451.com-彩票群聊名字| www.ne3.com-今天河南快三| www.4tw.com-买彩票二等奖多少钱| www.65050.cc-竞彩彩票靠谱吗| www.1fe.com-乐彩网图表工具具| www.048077.com-网络福彩举报| www.114731.com-山东齐鲁彩票双色球| www.187837.com-体彩7星彩玩法| www.258187.com-500vip.彩票| www.309803.com-竞彩5场3关-| www.364452.com-世界杯彩票提前| www.148965.com-百乐彩票网下载|