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.705388.com-彩票异地兑奖| www.850117.com-竞彩足球让球胜负平| www.948827.com-即开型体育彩票类型| 易彩网www.36166r.com| www.iv73.com-竞彩混合投注| www.g12.cc-海南本地彩票| www.44bd.com-好彩一综合走势图| www.825.live-东方彩票官方下载| www.5566.vip-竞彩2串1能赚钱吗| www.15633.cc-初级彩铅风景画教程| www.63826.cc-足彩竞彩胜负平| www.126542.com-湖北体彩案-| www.211883.com-私彩报警追回| www.292193.com-人人快三老快三| www.368687.com-彩票开奖几点直播| www.477088.com-江西体彩十一走势图| www.561888.cc-助赢彩票软件下载| www.636866.com-彩票有什么app| www.021415.com-吉林快三开奖35| www.150607.com-彩店818下载| www.285252.com-怎么开快三彩票网站| www.390199.com-68彩票网址-| www.589200.com-福彩预测号-| www.670702.com-北京赛车是国彩吗| www.755239.com-彩票几点截止购买| www.876360.com-福彩3d推荐断组| www.961155.com-哈尔滨快三走势图| 99彩票www.533082.com| www.jw22.cc-关于彩铅画的技巧| www.i68.shop-福彩形态-| www.45sn.com-皇冠彩票提款不给提| www.884.website彩99ios-| www.5821.xyz-体育彩票直选5| www.23637.cc-彩票达人官方网站| www.72609.com-吉林省福彩中心秦岭| www.237460.com-中国福彩走势图| www.353408.com-京彩集团软件| www.476898.com-内蒙古体彩手机在线| www.568661.com-下彩彩票app苹果| www.672818.com-(瑞彩祥云)-| www.782379.com-福利彩app快三| www.891229.com-彩票广告-| www.973152.com-彩虹玫瑰种子| www.ee68.com-众彩易购下载安装| www.yd35.com-韩国彩票-| www.27qa.com-免费送38元彩票| www.3752.bid-今天晚上七星彩开奖| www.9661.vip-万彩官网-| www.73328.cc-七星彩番外明月珰| www.058128.com-下载乐彩论坛| www.155468.com-广西淘宝快三走势图| www.261034.cc-尊彩骗局-| www.380886.com-彩票店促销活动方案| www.520707.com-福彩3d预测专区| www.637371.com-彩虹三无人机出口| www.742654.com-好运彩彩票下载| www.869892.com-苹果x原彩显示| www.960413.com-fatego彩圈-| www.tb7.com-吉林省快三跨度振幅| www.vc03.com-易彩app在线下载| www.29il.com-体彩投注软件山东| www.669.date-海门时时彩事件| www.5913.me-铜陵体彩中心地址| www.07772.cc-中彩那天全文| www.78979.cc-福彩3d真难中| www.045568.com-高佣金彩票代理平台| www.177959.com-北京单场彩-| www.277479.com-浙江有七星彩吗| www.410089.com-跑车彩票攻略| www.514960.com-哪里可以买七星彩| www.657048.com-分分彩彩票二维码| www.757661.com-淘彩网是不是正规的| www.850576.com-竞彩足球360推荐| www.917018.com-彩票网132-| www.975216.com-一分快三刷流水套路| www.gn69.com-江苏快三有没有挂| www.xu22.com-彩票可以一次买几期| www.20xr.com-买一百块钱的彩票| www.0360.cc-双色球杀号彩吧网| www.502278.com-多彩投佣金-| www.675228.com-高频竞彩-| www.754487.com-旺彩彩票靠谱吗| www.900055.com-福彩怎么开店| www.966754.com-宝马彩票国家允许吗| 500万彩票www.686536.com| www.hk71.com-足彩的五种玩法| www.zd26.com-红牛彩票的真假| www.38se.com-19040七星彩| www.6267.xyz-逆袭腾讯分分彩计划| www.14683.com-彩票节假日休息吗| www.55717.com-亿元彩票-| www.001649.com-釉彩专业毕业去向| www.094998.com-买彩票不亏法| www.175952.com-吉林快三霸王精准版| www.542410.com-怎么开福彩投注点| www.663208.com-3g彩票门户网站| www.765316.com-篮球彩票从哪买| www.885425.com-19042期胜负彩| www.974256.com-环球彩票68806| www.sm3.com-福利彩票规则| www.qg48.com-新浪彩票图表| www.05xr.com-世界十大水彩颜料| www.0422.tv-718彩票-| www.01497.com-和彩印客户端下载| www.75875.cc-体彩彩票开奖号码| www.055682.com-澳门彩票官方彩种| www.143999.cc-彩运无限的合法吗| www.212759.com-500彩票网的骗局| www.299320.com-彩票振幅走势| www.414560.com-福彩胆拖的玩法介绍| www.542040.com-吉安彩箱包装| www.623752.com-大富贵彩票群计划| www.702962.com-彩票在线模拟| www.777822.com-南宁福骰快三| www.882082.com-345彩票导航| www.972495.com-福建快三最大遗漏| www.cp9529.com-彩票12-| www.nc55.cc-爱彩乐app怎么样| www.1bc.com-中五百万彩票图| www.52bg.com-利彩和立彩的区别| www.776.cn-揭秘时时彩平台骗局| www.034038.com-七乐彩票有托吗| www.188546.com-查一下江苏快三| www.258268.cc-幸运快三5分钟开奖| www.323124.com-七星彩大师规律头尾| www.412113.com-彩钢瓦寿命多少年| www.571776.com-足彩app排名| www.628844.com-广州好彩酒家宴会| www.706996.com-用微信能买彩票吗| www.779827.com-买彩票坚持守号| 网易彩票www.332902.com| www.hh71.cc-乐彩彩票-| www.g18.cn-国家支持海南彩票| www.55ai.com-时时中彩票安卓下载| www.1122.cm-体育彩票nba竞猜| www.7089.net-武康七彩假日宾馆| www.30165.com-599彩票网-| www.71571.cc-有没有彩票qq群| www.138654.com-鸿彩平台下载| www.217697.com-福彩一分快三下载| www.288353.com-采乐彩票网-| www.420116.com-谁有恒大彩票的网站| www.515609.com-彩票法律纠纷案例| www.578767.com-中国体育彩票店图片| www.686821.com-中彩那天课文概括| www.752608.com-中国福利彩票骗人| www.849048.com-足彩开奖奖金| www.906258.com-彩色的梦仿写| www.956354.com-彩票学-| www.994194.com-快彩电子走势图电视| www.17oe.com-腾讯60秒彩票计划| www.1204.cc-5分快三大小技巧| www.7242.vip-彩虹出来时阅读答案| www.25267.cc-彩铅入门画什么东西| www.67150.com-浙江省福彩领奖地址| www.089843.com-彩票套利方法| www.144574.com-今日足彩竞彩分析| www.276652.com-下载app盈彩网| www.364042.com-微信彩票足球世界怀| www.440389.com-足彩18077期| www.535007.com-电玩城彩票机怎么玩| www.635543.com-国外博彩怎样拉客户| www.731029.com-彩票拉人的话术| www.807356.com-幸运彩票计划网|