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.598082.com-足彩比赛结果及奖金| www.860902.com-大星七星彩走势图| www.fb1.com-青海快三今日开奖号| www.54nl.com-南昌体彩11选5| www.06138.cc-乐八彩app-| www.452748.com-购竞彩app-| www.636267.com-庆典彩虹机哪家好| www.295379.com-分分时时彩计划号码| www.365666.com-彼岸花彩铅绘画教程| www.535063.com-打生肖是什么彩票| www.612986.com-新加坡六星彩| www.3888.top-福彩三d天宇| www.110640.com-中彩手彩票客服电话| www.220240.com-网上购彩票恢复了吗| www.83951.com-竞彩007-| www.786600.com-海南彩票海彩开奖| www.903203.com-绿和彩-| www.35fi.com-南国七星彩纶坛| www.763.la-时时彩跟彩票一样吗| www.754022.com-送彩金28-| www.54800.cc-最准的彩票预测号码| www.306121.com-d9彩票软件-| www.504307.com-节目彩排的心情说说| www.597028.com-乐彩vip众乐软件| www.682665.com-中华彩-| www.834639.com-好彩柠檬薄荷双爆珠| www.55892.com-幸福快3彩票| www.07966.com-彩票课文原文| www.419117.com-印象彩票官网| www.086163.com-聚宝盆彩票计划预测| www.277875.com-双色球分析中彩网| www.688862.com-广东体彩中心网| www.44205.com-全民8彩票下载安装| www.9995.loan-中国福利彩票套路| www.824025.com-三地彩吧-| www.6592.shop-玩彩网下载| www.307861.com-白银市福彩中心| www.404430.com-七星彩对数是那几组| www.032303.com-香港赛果及派彩| www.123321.com-福彩快三没规律| www.198413.com-1分快三数字规律| www.282899.cc-时时彩长期盈利心得| www.366994.com-体育彩开奖记录| www.799953.com-快乐彩票用户注册| www.891239.com-最经典的彩票宣传语| www.10799.cc-竞彩足球购买新浪| www.78532.cc-七乐彩4托6-| www.077587.com-快三预测湖北肖立刚| www.152340.com-彩八彩票苹果下载| www.03565.com-七星彩代理提成多少| www.869038.com-彩民买彩票上瘾| www.wz47.cc-彩票字谜-| www.374598.com-好彩路9号-| www.72971.com-体彩33期开奖号码| www.369264.com-河内1.5分彩| www.527787.com-百乐彩娱乐城官网| 乐彩33www.lc03.com| www.143599.com-彩运8官网登录| www.245880.com-易彩国际下载| www.120268.com-什么是腾讯五分彩| www.231669.com-五分快三计划网| www.310153.com-体彩陕西11选5| www.407558.com-三毛彩报3d-| www.460077.com-寒香体彩断组牛材网| www.927939.com-青海快三投注| www.bx39.com-博彩套利技巧| www.9ld.com-七星彩一星期开几次| www.33264.com-彩票属于国有企业吗| www.95103.com-彩妆工作室名字大全| www.620563.com-彩票20选五走势图| www.66564.com-时时彩租平台| www.7dx.com-足彩赌博-| www.1198.vip-买彩票亏了一万| www.11246.com-足彩彩比分-| www.86725.com-3d福彩东丹图| www.718903.com-雨后彩虹看图写话| www.926337.com-吉祥彩最新登录地址| www.ic88.com-68彩票是黑平台吗| www.032203.com-彩票106怎么样| www.fe88.com-福彩3d是什么| www.179820.com-福利彩票3d-| www.667899.com-中国体彩排列五开奖| www.1434.vip-七星彩开奖现场视频| www.67728.com-赌博与彩票的区别| www.019484.com-旺彩app平台| www.114017.com-福彩3d千禧试机号| www.197741.com-地方彩-| www.078628.com-福彩群英会下载| www.176815.com-福彩快3规则| www.924833.com-369彩吧-| www.997360.com-彩八仙彩票-| www.hv01.com-福彩快3开奖| www.0jq.com-彩599-| www.534900.com-体彩出什么号了| www.622720.com-双色球福彩开机号码| www.733400.com-福彩三d开奖结果| www.7223.cc-彩虹冰激凌机| www.94197.com-竞彩合买app| www.4326.vip-鑫亿彩彩票合法吗| www.019369.com-q彩客户端-| www.366736.com-彩票开奖双色球下载| www.389234.com-加盟福利彩票多少钱| www.78399.cc-双彩网手机版下| www.863668.com-福彩三d走势连线图| www.vi81.com-江苏快三专家推荐| www.369736.com-下期彩妹双色球排雷| www.12354.com-体彩手机在线客户端| www.111889.com-淘彩是什么-| www.2609.com-乐购彩票真假| www.87xt.com-甘肃临夏彩票中心| www.6073.cn-足彩竞彩解盘| www.23332.com-蜂鸟网络彩票可靠吗| www.566588.cc-1068孞彩票入| www.637107.com-彩虹六号辅助| www.668005.com-tt彩票真假-| www.744155.com-天天中彩官方网站| www.808179.com-优盈彩票计划| www.213.name-购彩app是真的吗| www.720454.com-彩客网开奖信息| www.900342.com-武汉福彩走势图| www.979405.com-好彩双爆多少钱| www.cm97.com-安徽彩票十一选五| www.409369.com-vr3分彩介绍| www.895387.com-乐艺彩票下载平台| www.960824.com-体彩排列三字谜总汇| 凤凰彩票www.55228c.com| www.173176.com-体彩5排开奖号码| www.am54.com-贵州福利彩票招聘| www.y10.top-奇彩娱乐开户| www.083739.com-玩彩票输了-| www.573028.com-福彩门户的门户网站| www.633222.com-希腊5分彩网址| www.693565.com-福彩东方61-| www.755494.com-旺彩双色球以前版本| www.809990.com-高效办理的体育彩票| www.872036.com-彩票兑奖查询工具| www.923422.com-黑彩赢钱不黑提款| www.969152.com-天天彩票还可以买吗| 大赢家彩票网www.83033n.com| www.192526.com-河北快三遗漏值最新| www.326717.com-排三南方双彩试机号| www.466881.com-宏盛彩票官网| www.539500.com-体彩怎么过户| www.635489.com-一起博彩分分彩| www.731816.com-高盛彩票平台| www.791104.com-澳门足球博彩博彩业| www.854007.com-1分彩开奖结果查询| www.905027.com-快三一分彩-| www.977562.com-2018世界杯足彩| www.be01.com-01彩票正规不| www.xr01.com-买彩票死守一个号| www.336658.com-彩票少了一个角| www.400816.com-七星彩开机号试机号| www.816114.com-利民彩票网站| www.29xn.com-福彩3d昨天的奖号| www.999411.com-江苏e球彩固定奖金| www.on10.com-福彩3d幸运之门| www.590372.com-打七星彩找我图片| www.702161.com-505彩票兼职| www.797629.com-福彩3d今晚试机号| www.932895.com-下载118彩票| www.px92.com-数字彩票-| www.585.red-银彩娱乐-| www.689501.com-微彩吧平台下载|