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.974996.com-国际高频彩票开奖| www.jq07.com-快三是不是有人控制| www.506163.com-乐盈彩票提现不了| www.699318.com-牛逼的快三群| www.913779.com-万彩网骗局-| www.qk76.com-中原彩票大厅| www.982874.com-盈丰彩票-| www.lq8.com-河北福彩3d和值表| www.952360.com-8888彩票可靠吗| www.589308.com-七星彩清高图版论坛| www.706265.com-体育彩票吉林快三| www.796404.com-上海体彩中心故障| www.409782.com-七星彩要不要按顺序| www.534665.com-下载够力七星彩软件| www.190833.com-大发快三怎么挣钱| www.358585.com-中国体育彩票百科| www.454158.com-乐彩为什么不能提现| www.544896.com-好乐多彩票大发快三| www.767675.com-福彩3d和值振幅表| www.271460.com-广东好彩一怎么玩| www.39yk.com-小巨体彩-| www.990495.com-玛雅吧彩票游戏平台| www.jc32.com-99彩票手机版| www.h71.net-澳洲分分彩官方开奖| www.709051.com-七天彩票是真的假的| www.cg0.com-好彩一生肖走势图| www.1654.org-福彩3d综预测| www.40086.com-红彩彩票邀请码| www.163494.com-7号彩票平台| www.086.net-瑞彩祥云彩-| www.781148.com-彩虹歌词秦时明月| 网易彩票www.062wy.com| www.ke38.com-网上彩票属于赌博吗| www.8ym.com-传统足彩的返奖率| www.89on.com-本溪彩票站出兑信息| www.8110.cm-彩票领奖时间限制| www.210.cm-花鸟彩铅画图片大全| www.37535.cc-众彩网娱乐平台| www.81150.com-福彩和值尾走势| www.029298.com-彩票代打是真的吗| www.693101.com-竞彩比分篮球| www.265214.com-广西快三怎样| www.151027.com-福彩天天中彩吧| www.247021.com-免费共享彩票资料| www.331455.com-天天彩票软件靠谱吗| www.450049.com-198彩票平台注册| www.554232.com-体育彩票用语| www.631891.com-七彩光谱-| www.708413.com-中国体育彩票竞猜网| www.209268.com-爱彩乐彩票湖北快三| www.307997.com-派彩电子官网| www.408001.com-买七星彩害死人| www.536614.com-福彩宣传标语| www.617463.cc-彩礼超过三万犯法吗| www.695883.com-足彩胜平负澳客网| www.793693.com-彩票是不是赌博| www.919562.com-网上买彩票有赢的吗| www.987288.com-彩73平台-| www.jv2.com-河南快三走势及预测| www.09yu.com-旺角彩王开奖结果| www.255083.com-彩票指南报纸| www.553892.com-中堂彩今晚开什么码| www.657427.com-彩票2元网是真的吗| www.736875.com-订阅彩票手机报| www.612614.com-马来西亚分分彩| www.687743.com-官方掌上平台彩票| www.769418.com-江苏快三停售| 中彩网www.61233t.com| www.45ms.com-怎么下载彩16| www.mp09.com-七星彩中奖查询| www.12294.com-彩票周末可以兑奖吗| www.59143.com-明发彩票下载安装| www.258035.com-皇都彩票是正规的吗| 购彩票www.c5636.com| www.997195.com-福彩3d技巧偏差| www.gs80.com-江苏体彩大乐透| www.580100.com-台湾福星彩资料大全| www.668318.com-双色球彩票辨别真假| www.741724.com-南京快三走势图| www.805312.com-山东彩色母粒厂| www.876663.com-5d中奖彩票-| www.944834.com-体彩排三遗漏一定牛| www.994841.com-01彩票服务器| www.xx9.com-彩神大发快三入口| www.ol89.com-手机上买彩票犯法吗| www.w32.org-743期期好彩下| www.44cc.com-出彩是含义-| www.065432.cc-3d彩铅画教程| www.169879.com-长春快三开奖号码| www.079579.com-竞彩篮球玩法规则| www.985134.com-竞彩打水公式| www.lo91.com-中彩网彩票是真的吗| www.5rs.com-欧洲彩票税率是多少| www.232115.com-福利彩票生肖| www.323208.com-福彩开奖号码双色球| www.283252.com-彩票网玩法-| www.735927.com-游戏快三是什么彩票| www.820040.com-令天六开彩开奖结果| www.911713.com-如何玩福利彩票| www.985220.com-六会彩开奖结果查绚| www.uz02.com-人人中彩票无法登录| www.894850.com-内蒙体育彩票| 爱上彩票www.ascp4.com| www.10gd.com-178彩票是真的吗| www.38812.com-红彩会app下| www.367611.com-三彩家是什么公司| www.477099.com-天天送彩票真| www.591887.com-97彩票网下载| www.728968.com-富彩彩票是骗人的吗| www.848831.com-足球直播唯彩| www.974363.com-福彩3d综合分布图| www.vl29.com-幸运时时彩5码计划| www.96671.cc-时时彩海南私彩玩法| www.916262.com-免费送彩金时彩平台| www.800129.com-博彩注单被改| www.948051.com-3d众彩网专家汇总| www.he9.cc-爱彩乐彩票网| www.419419.com-港版绿好彩好抽吗| www.017997.com-开彩票站-| www.59153.com-今晚上七乐彩开奖| www.96372.cc-湖北体彩排列三推荐| www.434308.com-彩16安卓-| www.580193.com-彩票开奖时间和日期| www.88704.com-彩票害了那么多人| www.043299.com-电脑版彩吧助手| www.676798.com-藏宝图福彩-| www.201714.cc-河南快三二码遗漏表| www.362234.com-彩色生肉无遮挡大全| www.hc13.cc-财神彩票是真是假| www.43rv.com-福彩双色球太假了| www.20xp.com-彩票有一块钱的吗| www.it32.com-01官方彩票-| www.691093.com-任九胜负彩开奖结果| www.742257.com-微信彩票竞猜维护| www.252484.com-中彩app28-| www.819890.com-镇上买彩票-| www.941085.com-快乐彩票(三)下载| www.78er.cc-利泊彩票网站| www.57593.cc-7697优乐彩-| www.105895.com-博竟彩票平台| www.902039.com-福彩勇士争先走势图| 大赢家彩票www.399010.com| www.254459.com-好彩网靠谱吗| www.339545.com-4s彩-| www.425678.com-彩钢板310板型| www.523148.com-竞彩网比分直播彩客| www.737507.com-恋母全彩ag-| www.949401.com-11选五大彩鲸| www.025277.com-极速彩3-| www.162602.com-9188彩票网官网| www.365349.cc-网上体彩停售| www.31935.com-彩票专家软件| www.030658.com-我360彩票-| www.400066.com-香港开码结果开奖彩| 彩票坊www.022t.cc| www.874955.com-信彩彩票可靠吗| www.ij91.com-彩500是什么软件| www.ws0.cc-中国彩票开奖大全| www.50mw.com-德国鲸彩漆价格| www.350338.com-湖北体彩手机app| www.81nz.com-足彩单场买1000| www.4569.pw-长春彩妆-| www.24063.cc-中彩娱乐网一购彩网| www.987835.com-甘肃张掖快三|