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.656301.com-彩之网手机版| www.804636.com-福利彩票秘密组合| www.896212.com-彩票双色球合买大厅| www.974509.com-体彩大乐透最新规则| www.jq91.com-360购彩大厅首页| www.p90.biz-福彩字谜新彩网| www.59gc.com-上市彩票-| www.1114.biz-竞彩足球最高奖金| www.00005.com-体育彩票排列3预测| www.60942.com-环球彩票骗局| www.028040.com-投彩骗局相亲| www.114016.com-3d福彩马后炮| www.195432.com-上海快三预测专家| www.278001.com-体彩11选5浙江| www.406777.com-代理网络彩票犯法吗| www.523177.com-重庆桥洞彩票哥| www.629705.com-幸运彩票规律| www.711232.com-手机足球彩票软件| www.795989.com-廊坊彩票大奖得主| www.878325.com-福彩3d九宫五行图| www.984792.com-体彩足球竞猜结果| www.aa80.com-幸运彩app-| www.ue90.com-新加坡乐和彩官方| www.14ae.com-中国彩富足彩网| www.94kr.com-采全网彩金网彩卷网| www.3619.com-体彩7星走势图| www.9658.biz-重庆时彩牛牛走势| www.83238.cc-彩票分析法-| www.049959.com-快三买法稳赚不赔| www.153352.com-时时彩四码技巧方法| www.253513.com-福州福彩快3| www.332334.com-178彩票网-| www.416645.com-篮球彩开奖结果查询| www.528322.com-怎么破时时彩的规律| www.655539.com-网易彩票址是哪里| www.752342.com-福彩3d杀和尾方法| www.851003.com-上哪下田伟足彩宝| www.924938.com-也买彩平台网站| www.987297.com-709彩票官方网站| www.qm9.com-官方彩10分快3| www.sd64.com-竞彩500比分直播| www.15gg.com-917彩票靠谱吗| www.0435.com-香港时时开彩| www.7368.biz-安阳体育彩票网点| www.27885.cc-5省快三走势图| www.75623.cc-中彩在线提现不到账| www.032103.com-丰盈彩票首页| www.116083.com-实体店买足球彩票| www.191069.com-网易人人中彩票| www.278516.com-彩票害人输了八十万| www.455097.com-乐彩是合法的吗| www.554485.com-七星彩复式组合工具| www.629379.com-78彩店-| www.702390.com-聚星彩票投资怎么样| www.784342.com-家彩开机号-| www.868732.com-凤彩网七星彩预测| 500彩票www.66621w.com| www.hw76.com-体育彩票专家预测| www.a76.cc-彩票查询排列五今天| www.34nx.com-多赢快三软件| www.1254.xyz-快三豹子号奖金多少| www.8037.cm-北京十字彩-| www.30301.cc-海南体彩app中了| www.73949.com-重庆时时彩心的| www.028107.com-百度彩票app| www.106655.com-788彩钢瓦-| www.176232.com-福齐天内蒙快三推荐| www.372699.com-欢腾彩票是正规的吗| www.479118.com-九江福利彩票中心| www.562971.com-体彩三位数开奖| www.636912.com-emoji彩虹??| www.760747.com-送彩礼和嫁妆| www.850923.com-福利分分彩网站下载| www.918110.com-新彩票快三开奖查询| www.972907.com-彩虹玫瑰多少钱一只| www.bu35.com-好彩票app-| www.tx55.cc-网赌分分彩害人| www.07gc.com-周三哪个彩票开奖| www.79uo.com-极速快三必出| www.1816.cc-彩3彩计划软件| www.05434.com-体彩义乌-| www.51063.cc-福利彩三试机号查询| www.93868.cc-竟彩足球比分赛果| www.054044.com-体彩竞彩足球直播| www.168040.com-快三网站是真的吗| www.258117.com-天天红单彩票| www.331604.com-中彩网开奖结果查询| www.406217.com-百福彩票黑平台| www.513108.com-九龙彩权威料| www.582858.com-我买彩票倾家荡产了| www.657795.com-百宝世嘉彩票怎么玩| www.797614.com-彩票99购十分彩| www.871061.com-陕西快三官网开奖| www.958504.com-七星彩开奖图册| 福利彩票www.78700c.com| www.fd19.com-快三人工计划手机版| www.xe56.com-澳门快5彩票| www.13eu.com-全国福彩开奖| www.79xu.com-体彩排五几点开奖| www.1495.cm-真实彩虹图片大全| www.10548.com-足彩走势-| www.52711.com-彩票提款被黑怎么办| www.95909.com-足彩一般多少钱| www.054604.com-福利彩票老时时彩| www.166087.com-福彩3b开奖号查询| www.253563.cc-彩之家网址g| www.319627.com-福彩三d和值表图| www.387505.com-福彩多长时间兑奖| www.526835.com-博盈彩票的骗术| www.607450.com-彩票几点截止双色球| www.673050.com-彩票被洗衣机洗了| www.742800.com-新星彩app-| www.810111.cc-必赢彩票网址| www.877500.com-福彩迷图总会| www.974698.com-彩票777手机版| www.cp8787.com-快三投注软件| www.mm19.com-广东南粤风采好彩3| www.0as.com-七乐彩和值尾数杀号| www.50vv.com-邢台临城彩票中奖| www.586.gg-833彩票平台| www.3988.me-送彩礼和嫁妆问题| www.8977.com-3d牛彩藏机正版图| www.68693.cc-网上买快三倾家荡产| www.026517.com-彩票论坛互动交流| www.096038.com-福彩中大奖经验| www.154990.com-体彩竞彩竞彩足球| www.315903.com-上海彩票在哪里兑奖| www.379196.com-购买世界杯足球彩票| www.506718.com-福彩断组怎么做| www.571531.com-彩神通app下载| www.637230.com-彩虹游戏-| www.738129.com-美女微信诈骗彩票| www.802695.com-彩八仙人工计划安卓| www.872094.com-q彩网是合法的吗| www.962407.com-彩票选号软件怎样| 中国福利彩票www.08588r.com| www.dg28.com-福彩快三官方直营| www.st29.com-7星彩玩法说明图表| www.15ks.com-巴中结婚彩礼和陪嫁| www.92tk.com-新加坡快三开| www.2345.com-昆明七彩云南图片| www.7366.xyz-竟彩是合法的吗| www.18477.com-电视下载派彩| www.55906.com-全天重庆彩万位计划| www.95793.cc-慈善福彩-| www.047042.com-安徽快三胆拖投注表| www.186718.com-快三输了几万| www.247665.com-大发快三国家承认吗| www.312001.com-修改快开彩票| www.372751.com-团彩彩票网合法吗| www.452956.com-福彩三d小军第五版| www.530960.com-环彩网网页版登陆| www.657022.com-彩票二维码怎么扫| www.731590.com-彩票负盈利-| www.796341.com-盈彩吧登陆地址| www.863078.com-查看更多精彩视频| www.918554.com-u9彩票网-| www.972048.com-印尼五分彩官网开奖| www.fj57.com-七星彩开奖历史查询| www.ux21.com-徐文轩彩票-| www.9pz.cc-体彩多少选多少| www.55zn.com-快三012路怎么算| www.574.biz-蜂鸟五分时时彩计划| www.3559.biz-bbin四个彩金|