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="customer">
	<div class="customer_t">
		<h2>风雨同行·共同成长</h2>
		<p>现在,服务的上千家客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。</p>
	</div>
	<div class="customer_top">
		<a href="javascript:;" class="two_sel" id="solutiont1" onMouseOver="hoverlia4('solutiont', 'solutiondiv', 1, 2,'two_sel')">合作客户</a>
		<a href="javascript:;" id="solutiont2" onMouseOver="hoverlia4('solutiont', 'solutiondiv', 2, 2,'two_sel')">客户心声</a>
	</div>
	<div id="solutiondiv1">
		<div class="customer_list w1440  anim anim-2 anim-show">
			<div class="customer_items">
				<div class="item" style="display: block;">
					<ul>
						<li>
							<img src="statics/images/i_img1.jpg" class="imgbg" alt="10年有经验">
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2.jpg" alt="光大环保"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_6.jpg" alt="南深股份"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_2.jpg" alt="大族激光"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_3.jpg" alt="华润"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_4.jpg" alt="畅捷通"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_5.jpg" alt="康美"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_1.jpg" alt="安托山"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_7.jpg" alt="香港中文大学"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_8.jpg" alt="迈瑞"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_9.jpg" alt="博览亚太"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_10.jpg" alt="鼎颂"></div>
						</li>
					</ul>
				</div>
				<div class="item" style="display: none;">
					<ul>
						<li>
							<img src="statics/images/i_img1.jpg" class="imgbg" alt="10年有态度">
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_11.jpg" alt="和诗"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_12.jpg" alt="简宁安"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_13.jpg" alt="柯丽尔"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_14.jpg" alt="米希兰"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_15.jpg" alt="普乐坊"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_16.jpg" alt="普罗米修"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_17.jpg" alt="莎米特"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_18.jpg" alt="壹进制"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_19.jpg" alt="怡太积"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_20.jpg" alt="易普森"></div>
						</li>
						<li>
							<div class="imgs"><img src="statics/images/i_img2_21.jpg" alt="中国商务航空"></div>
						</li>
					</ul>
				</div>
			</div>
			<div class="customer-buttons">
				<div class="owl-prev disabled">prev</div>
				<div class="owl-next ">next</div>
			</div>
		</div>
	</div>
	<div id="solutiondiv2" class="divhidden">
		<div class="solution_ul2 w1440 anim anim-2 anim-show">
			<ul>
				<li>
					<div class="shade"><u></u></div><img alt="光大环保" src="statics/images/i_img3.jpg">
					<p><strong>光大环保</strong><br>我是光大环保项目部范总,不谦虚的说,光大环保项目外包很多多,但是光大环保在选择了和易百讯合作后在制作过程还有客服服务中,非常的满意!易百讯能够根据我们的基础要求进行逻辑思维拓展,能够使我们的初步想法转化为实际的设计效果,使我们的用户体验达到更加完美的效果,这次和易百讯合作,光大非常满意,也希望在未来,能够和易百讯就网站建设领域进行更深层次的合作,共同促进网站建设行业健康蓬勃的发展!</p>
					<div class="bg"><u></u></div>
				</li>

				<li>
					<div class="shade"><u></u></div><img alt="安托山集团" src="statics/images/solution_img2.jpg">
					<p><strong>安托山</strong><br>我是安托山技术部余总,10多亿元人民币建造的安托山沙井高科技工业园,占地28万平方米, 总建筑面积86万平方米,在公司网站建设中,经过层层筛选,我们选择易百讯为我们提供网站建设服务,而在以后合作的日子里,我们深刻的感受到了易百讯人的敬业!7*24小时的售后服务,让我们随时能够找到售后客服,建站后期易百讯也会及时的巡护网站,一旦发现网站有漏洞,也会及时的提出并帮我们解决,这种主动热情的售后服务使我们看到了一个企业真正的文化和内涵,我们也明白选择易百讯我们没有选择错!</p>
					<div class="bg"><u></u></div>
				</li>

				<li>
					<div class="shade"><u></u></div><img alt="北大方正" src="statics/images/solution_img3.jpg">
					<p><strong>北大方正</strong><br>我是方正网络技术总监陈文磊,不可否认,易百讯是一个很朝气蓬勃的团队,也是一个很积极向上的团队,每一次沟通合作,总能给我们带来新的东西,有时候我们不仅仅在网站建设方面进行合作,还常常就我们的品牌策略进行深入的洽谈,他们能将我们想要的东西甚至我们还没考虑到的细节展示在我们的网站中,为我们的品牌形象做出更精准的阐释。再次我也希望,我们方正应该学习易百讯的团队精神!</p>
					<div class="bg"><u></u></div>
				</li>

				<li>
					<div class="shade"><u></u></div><img alt="华润科技" src="statics/images/solution_img4.jpg">
					<p><strong>华润科技</strong><br>我是华润科技部经理田文军,这已经是我们华润第四次和易百讯合作了,与前三次一样依然合作的很开心。与易百讯合作让我放心的是易百讯的设计、服务和专业性。现在深圳有很多号称可以做个性化网站定制的公司,但太多设计非常一般、服务不好,且鱼龙混杂,一不小心就会被骗,还有可能中途合作不下去。很多公司也都仅仅只能做网站建设服务,无法从专业上给予我们建设性的意见,这是很多公司都无法办到的,但易百讯做到了。无论在设计、服务上还是专业性上,易百讯让我都很放心,愿易百讯再接再厉,为企业提供更多更优质服务。</p>
					<div class="bg"><u></u></div>
				</li>
			</ul>
		</div>
	</div>
</div>

<script type="text/javascript">
	//js tab功能   
	function g(o) {
		return document.getElementById(o);
	}

	function hoverlia4(t_n, t_n2, n, k, className) {
		for(var i = 1; i <= k; i++) {
			g(t_n2 + i).className = 'divhidden';
			g(t_n + i).className = '';
			$("#" + t_n2 + i).find(".anim").removeClass("anim-show");
		}
		g(t_n2 + n).className = '';
		g(t_n + n).className = className;
		setTimeout(function() {
			$("#" + t_n2 + n).find(".anim").addClass("anim-show");
		}, 6)
	}
	
	//合作客户翻页调用
	$(".customer-buttons div").click(function() {
		var linum = $(this).index();
		var CaseList = $(".customer_items .item");
		$(this).addClass('disabled').siblings().removeClass('disabled');
		CaseList.eq(linum).show().siblings().hide();
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
密歇根神奇彩票 www.iz8.com-幸运快三计划软件| www.478955.com-靠彩票赚钱-| www.767567.com-开心彩票网手机版| www.708430.com-陌陌加微信玩彩票| www.7dn.cc-彩票可以赠送吗| www.14321.com-天津时彩直播| www.ue48.com-78彩票-| www.11766.cc-彩票体彩十一选5| www.559194.com-通辽彩票站-| www.665598.com-星空彩票手机网址| www.753572.com-cp彩票网站大全| www.850611.com-彩票代销证多少钱| www.930328.com-助赢彩票人工计划| www.984417.com-福利彩票快3代玩| www.hc4.com-安徽快三一定牛遗漏| www.qw59.com-二分时时彩-| www.279929.com-竞彩500比分直播| www.048.tv-彩票行家com打开| www.038419.com-手机旺旺彩票正规吗| www.8236.biz-强胆推荐竞彩网| www.78139.com-3d彩票技术培训| www.093915.com-彩票外挂软件破解| www.69gq.com-福乐彩票骗局揭秘| www.4227.biz-优乐国际彩票| www.463653.com-万豪彩票可以代理吗| www.579542.com-5050彩-| www.672018.com-高频彩被追杀| www.761834.com-彩票之家天下彩| www.835861.com-好彩代表什么生肖| www.912769.com-欢乐彩直播-| www.981496.com-福建体彩网牛材网| www.cg3.com-好彩1-| www.su81.com-时时彩诈骗最新案例| www.99zj.com-三彩网-| www.h80.org-湖北快三出号统计表| www.rr47.com-全国快三开奖公告| www.id84.com-手机买彩票中一等奖| www.215719.com-青海快三投注平台| www.507538.com-955彩票官方网站| www.112298.com-29彩票注册-| www.683579.com-彩票免费彩金| www.2748.xyz-福彩加倍数怎么算的| www.04589.com-足彩微信群二维码| www.61361.cc-网络买彩名单| www.873720.com-86彩票人工计划网| www.970290.com-七彩奖开奖直播| www.ac10.com-体育彩票中奖号码| www.51631.cc-好运彩彩票网丶| www.213239.com-快三分析软件哪个好| www.996795.com-彩票投注机-| www.cai1933.com河北快三遗漏一定牛| www.582349.com-凤彩网真的假的| www.68331.com-至尊彩高赔率邀请码| www.l88.org-快三彩票走势怎么看| www.024.cm-海南高频彩票| www.857968.com-动物总动员湖南福彩| www.953142.com-今日体彩开奖500| www.cai1233.com福彩快3中奖规则| www.307751.com-好彩彩票-| www.678067.com-福彩3d交流群9| www.60210.com-黑金团队宝马彩票| www.rp93.com-快三全天计划免费版| www.814342.com-国际福彩合法吗| www.967993.com-合买彩票的网站| www.cp7772.cc-快彩是正规的吗| www.630122.com-浙江快彩开奖号码| www.25uk.com-3个数的是哪种彩票| www.055385.com-网络江西快三| www.177969.com-安徽快三爱彩乐| www.454524.com-乐彩彩票骗人| www.04155.com-909彩票下载安装| www.717020.com-简单小清新彩铅画| www.913786.com-福彩双色球领奖规则| www.854424.com-微信h5快三-| www.953976.com-彩票计划苹果版| www.bm87.cc-彩票被骗资金追回| www.820115.com-天津彩票app| www.26xl.com-六助彩票手机论坛| www.61.me-怎么戒掉时时彩| www.031997.com-七星彩开结果奖历史| www.188606.com-内蒙古快三助手| www.9ui.cc-微博彩票平台| www.634.bid-中国125彩票网战| www.54yx.com-一日谈七星彩| www.236004.com-乐乐彩票是真假| www.kl14.com-江苏彩票大乐透| www.501218.com-2017海南马彩| www.66494.com-下载速赢彩app| www.111679.com-高德彩票怎么样| www.400519.com-快彩彩票网-| www.856202.com-北京体彩联系电话| www.969034.com-众彩彩票是合法的吗| www.cp8969.com-福彩28是什么东西| www.69365.cc-数字流运预测彩票| www.br39.com-彩经网旧版走势图| www.266127.com-快三群违法怎么处理| www.387728.com-赛果及派彩结果| www.836775.com-福彩双色球22选5| www.6650.in-开通福彩3α| www.bb45.com-河南幸运彩票走势图| www.499867.com-天天中彩票的优惠卷| www.439298.com-福彩3d栋栋团今天| www.400382.com-火箭彩票apk下载| www.498030.com-连中彩票靠谱吗| www.555178.com-汇辰彩票下载| www.240110.com-双色球下期预测颖彩| www.2209.cc-售彩色复印机租赁| www.02298.cc-我想戒掉彩票| www.42802.com-送彩金28-| www.678849.com-ag送彩金平台| www.796984.com-时时彩快三在线计划| www.891772.com-彩票龙是什么意思| www.982438.com-鸿彩倍投-| www.fo41.com-大发快三有没有技巧| www.20218.com-玩乐彩网真的挣钱吗| www.004266.com-乐购彩票app下载| www.179713.com-江苏福彩快3彩票| www.029805.com-内蒙福利彩票app| www.210012.com-彩票旗舰网合买大厅| www.s15.in-查5d体育彩票| www.zo80.com-七彩西游记-| www.49225.com-浙江爱乐彩11选五| www.995104.com-五分彩官网平台| www.4006.win-救世主博彩论坛| www.127506.com-彩虹网-| www.nz06.com-中彩娱乐网怎么取消| www.46517.com-广东36选7好彩2| www.015753.com-三亚七星彩投注网站| www.28799.cc-今晚福彩几点开奖| www.95357.com-中国福利彩票27号| www.111451.com-彩票团队计划高手| www.389388.com-彩票站投入多少钱| www.013877.com-01彩票官网网址| www.301151.com-南方双彩手机版| www.qm38.com-博牛彩票合法么| www.433274.com-福彩3d一休图杀手| www.18567.com-彩票小神仙胆码| www.682083.com-微信上购彩票中奖了| www.7788.cn-未转变者俄罗斯彩蛋| www.327808.com-福彩体彩中奖号| www.419212.com-港版绿好彩哪里买| www.692017.com-手机投注彩票合法吗| www.331302.com-彩神和值大小| www.441129.com-大发云系列彩票软件| www.532962.com-365彩票网可信吗| www.618363.com-著名彩票网站| www.692685.com-6678彩票是什么| www.773229.com-彩票送彩金16| www.860209.com-河内五分彩软件下载| www.cs92.com-网络黑彩大案| www.920492.com-彩神iapp-| www.cai1119.com河北快三助手下载| www.ma24.com-快易彩靠谱吗| www.f23.org-支持提现彩票app| www.23kd.com-福利彩票新人怎么买| 优彩网www.987443.com| www.759832.com-祥云彩彩票合法吗| www.315654.com-彩虹六号手机版战队| www.161772.com-美国纽约快三查询| www.37484.com-购彩111骗局| www.8733.org-体彩摇奖中断| www.348151.com-七乐彩app哪个好| www.779072.com-印尼五分彩官网| www.889530.com-七乐彩票不给提现|