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.xl68.com-彩票123官网| www.73xg.com-新布衣天下牛彩网| www.659363.com-2001年彩票-| www.683698.com-体彩一定牛官网| www.9456.net-幸福彩频道双色球| www.033083.com-107彩票下载| www.33ec.com-m8彩票官网-| www.1922.in-博客彩票-| www.34op.com-彩运来登录线路检测| www.491.in-福利彩票百科| www.4704.vip-盛兴彩票欢迎手机阪| www.98366.cc-最好分分彩计划软件| www.300881.com-人人中彩票咋样| www.481348.com-喝彩中华陶阳| www.620468.com-购买国外彩票| www.7413.vip-色彩斑斓的释义| www.73903.com-手机牛彩网-| www.775307.com-浙江快乐彩电脑版| www.820890.com-彩色透水混凝土工艺| www.571401.cc-河北快3派彩网| www.36897.cc-577彩票注册| www.13li.com-七乐彩下注规则| www.081235.com-李永乐老师揭彩票| www.190622.com-快三有多少种玩法| www.505740.com-举报黑彩代理| www.34ce.com-彩之源印刷有限公司| www.828322.com-英国彩票官网| www.929830.com-美国彩票怎么玩| 众彩www.258029.com| www.848719.com-什么时时彩软件正规| www.948491.com-福利彩票自助终端机| 众乐彩票www.589044.com| www.mf92.com-彩宝网3d遗漏统计| www.094338.com-加州彩票45秒一开| www.204078.com-七乐彩预测-| www.663577.com-中彩票去哪里领奖| www.760053.com-失控的黑彩三| www.535110.com-福彩三d布衣字谜| www.666500.cc-e乐彩网站几年了| www.751045.com-彩8彩票苹果| www.841238.com-足彩盘口分析技巧| www.941941.com-福利彩票3d小规律| 500彩票网www.97655j.com| www.a54.net-足彩稳赢方法| www.68zx.com-手机彩票怎么兑奖| www.688699.cc-广东福彩电话投注| www.165432.com-福彩中心的单位轻松| www.167085.com-江苏快三能赚钱骗局| www.156224.com-彩票兑奖号码查询| www.93519.cc-丹麦28是私彩吗| www.566459.com-福彩旗下投资| www.45py.com-厦门个人转让体彩店| www.358235.com-足彩六场半全场| www.e39.cc-香港三分彩开奖网站| www.587.cn-足球体彩红单助手| www.4959.com-福彩彩票平台| www.39879.cc-彩票巴士计划| www.88803.com-360彩计划免费| www.53211.com-国乐彩软件在哪下载| www.07471.com-澳门彩票公司简介| www.128765.com-福彩快三小助手| www.79vm.com-江苏福彩大厦电话| www.485940.com-足彩开奖时间每天| www.721335.com-澳门快三是不是真的| www.855579.com-七乐彩复式21个号| www.82185.com-8号彩票多少能提现| www.670276.com-3d福彩双双字谜| www.390422.com-熊猫彩票诈骗| www.654761.com-三分时时彩介绍| www.657506.com-时时中彩票安卓| www.793685.com-地下私彩玩法| www.900847.com-手机彩票能赢钱嘛| www.965426.com-福利彩票北京pk拾| www.na18.com-大发快三开奖网址| www.0747.vip-彩票是即时开奖吗| www.967276.com-老彩票qq群-| www.vv05.com-快乐彩票网址| www.707295.com-凤凰彩票时间差漏洞| www.740916.com-彩5网-| www.949298.com-中彩那天教案| www.cai3458.com六星彩玩法-| www.89836.cc-日本买彩票-| www.f95.shop-体彩排列三和值表| www.043774.com-网上彩票刷分红| www.qm78.com-445彩票-| www.879771.com-快三判断-| www.974385.com-彩虹旗泡泡弟论坛| www.jh90.com-发彩金的网站| www.565166.cc-bb彩票-| www.0606.tv-如何教我买彩票| www.008801.com-时时彩提取号码器| www.840.mobi-二八彩票充值| www.3143.cm-北京体彩能买多期吗| www.17436.com-五亿彩票网咋么样| www.89456.com-三分时时彩出号规律| www.123258.com-彩票抓了几个人| www.et53.com-优信快三彩票主页| www.me40.com-好彩网是不是合法的| www.m83.top-买彩票倾家荡产| www.30tk.com-足球竞彩亚盘入门| www.98pl.com-彩票中奖作弊器| www.586802.com-福利彩有多少个号| www.jc42.com-足彩胜负彩预测| www.618003.com-泰国十分彩-| www.207725.com-喜盈门彩票app| www.500027.cc-一个女的叫我玩彩票| www.661165.com-五分彩时时计划表| www.6078.biz-足球500万彩票网| www.274733.cc-大发时时彩玩法说明| www.580733.com-乐彩双色球谜语| www.008670.com-体彩第19029期| www.502971.com-678彩票靠谱吗| www.226789.com-网上购彩骗局揭秘| www.355190.com-七乐彩中奖故事报道| www.4623.xyz-彩票中一万元| www.73973.cc-彩票程序代码| www.640614.com-博彩导师-| www.33la.com-家彩网排三杀码| www.1062.vip-和彩名堂类似的软件| www.22896.cc-国家福彩3d作假吗| www.005287.com-快三追号-| www.564565.com-快三的计算公式| www.653922.com-ll彩票怎么玩| www.736752.com-银彩通是合法网站吗| 大赢家彩票平台www.589021.com| www.7434.cc-上海彩票站转让| www.781819.com-宝马时时彩登录| www.122805.com-天天彩票是合法的吗| www.28846.com-福利彩票中奖真假| www.198551.com-精彩十分怎么玩法| www.301828.com-特区海南七星彩论坛| www.165766.com-怎么去福彩上班| www.236892.com-体育彩票6+1规则| www.309228.com-玩彩票美女骗局| www.10ba.com-彩票封机-| www.0148.com-缅甸彩色宝石| www.88983.cc-福利彩票店转让风险| www.493806.com-今晚的体彩开什么| www.9465.shop-美国有哪些彩票| www.218813.com-河南彩礼多少| www.501057.com-易彩云彩票邀请码| www.556576.com-福彩双色球怎样选号| www.0570.tv-快三计划加-| www.129130.com-腾龙彩票-| www.729038.com-福彩门户新书签| www.08970.com-河南福利彩票公众号| www.58092.com-用彩绳编东西| www.006008.cc-体育彩票是真的吗| www.555552.com-希咲彩-| www.619053.com-19043期足彩| www.687747.com-福彩如何在线购买| www.798339.com-盈发彩票主页| www.877377.cc-明晚七乐彩预测号码| www.938614.com-双赢彩票手机app| www.997294.com-彩猫下载-| www.wu3.cc-时时彩两号对赌| www.pw79.com-怎么鉴别假彩票店| www.73ec.com-75秒时时彩骗局| www.1113.wang-足彩二串一什么意思| www.6024.cc-山东彩票开奖详情| www.9926.cc-福彩丹东解太湖| www.31979.com-易彩堂买彩票可靠吗| www.102114.com-k彩线-| www.51ad.com-足彩11转9软件|