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天

知道了
1分快三 www.906920.com-极速快三稳赢技巧| www.wn84.com-彩票输了几十万| www.463696.com-万豪彩票怎么样| www.624010.com-湖南省福彩报| www.781155.com-爱米彩票合法吗| www.960223.com-高德彩票是正规的吗| www.3hk.cc-正规的买彩平台| www.27632.cc-手机注册118彩票| www.028294.com-福彩一句三码大全| www.273390.com-青海福彩网-| www.457311.com-体彩图库总汇| www.678912.cc-足彩能在网上买吗| www.841337.com-福彩怎样处理数据| www.971947.com-湖北万彩票网| www.rl04.com-七乐彩10中5| www.709065.com-报彩神童-| www.318163.com-彩票买什么彩种好| www.63882.cc-今天竞彩14场| www.590681.com-77幸运彩-| www.710805.com-刷彩是干嘛的| www.807633.com-体育彩票一等奖| www.885777.com-利赢国际彩票平台| www.960274.com-淘彩app骗局| 国彩网www.guocai667.com| www.400875.com-01cc第一彩票网| www.159333.com-六合官网彩开奖结果| www.239681.com-王者彩票彩种| www.367163.com-美丽夜空彩铅画| www.535198.com-福利彩票怎么填数字| www.627608.com-彩训pc-| www.333802.com-搭建时时彩源码平台| www.509112.com-下载中国体彩票| www.918248.com-福州私彩-| www.fn14.com-体彩试机号和金马| www.0ax.com-彩铅画作品梅花| www.0619.net-买彩票大小单双| www.00513.com-金彩网高手网| www.256793.com-彩报库图-| www.354765.com-怎么能买彩票中大奖| www.469718.com-网络私彩套庄家钱| www.cai3600.com湖北快三开奖走势图| www.619053.com-19043期足彩| www.848429.com-体彩排列三杀码| www.959373.com-全天计划时时彩| www.fr69.com-买彩票输了几十万| www.297.me-七星彩有人买吗| www.p17.net-微信提现彩票| www.0058.cc-国家彩票种类| www.694906.com-掌上彩票合法| www.4451.vip-福彩快三稳赢| www.216975.com-网上玩快三-| www.95eo.com-体彩排列3报纸图片| www.21496.com-彩票网站突然进不去| www.150729.com-快三有复式吗| www.338888.cc-打开重庆时时彩网站| www.9524.loan-海南抓获私彩头目| www.98139.com-分分快三怎么看大小| www.173720.com-今日快三开奖查询| www.304500.com-北京快三正文| www.279028.com-体彩e球彩怎么玩| www.730048.com-易彩票赚钱吗| www.712956.com-cpcp彩票-| www.813289.com-重庆时时采彩计划| www.883572.com-友成彩票-| www.949031.com-中彩股份赣鄱传媒| www.993494.com-足彩中奖任九规则| www.cu95.com-加盟彩票店要多少钱| www.33936.com-彩票基本走势图| www.642711.com-福利彩票六千万| www.708985.com-268报彩神童| www.781158.com-皇冠彩票投注平台| www.865726.com-彩票分析预测下期| www.038894.com-福利彩票周一啥开奖| www.202441.com-福彩迷下载安装| www.358097.com-彩票王最新版本| www.490596.com-玩彩票输了钱报警| www.590190.com-福彩三地合值表| www.269195.com-go彩票是真的吗| www.jw77.com-彩票彩客网手机版| www.998630.com-足彩预测软件排行榜| www.692592.com-彩票网大全app| www.809879.com-必嬴彩票-| www.912233.com-新彩计划软件| www.987624.com-牛彩l网3d字谜| www.co10.com-超神时时彩独胆| www.u46.cn-速盈彩是正规的吗| www.317573.com-玩足彩最稳的办法| www.490588.com-鼎丰彩票-| www.650700.com-唯美水彩-| www.818515.com-竞彩图片-| www.206544.com-快彩票app-| www.904828.com-竞彩足球500网| www.31351.cc-新彩吧手机版字迷| www.600036.cc-彩票是运气还是技术| www.708403.com-五百彩票a-| www.792373.com-彩票用手机怎么兑奖| www.869791.com-3d福彩唯彩会| www.922267.com-人人在线彩票| www.986261.com-玩彩票刷流水赚钱| www.cp5499.com-北京福彩网pk10| www.8lv.cc-重庆十十彩软件| www.28527.com-中国福彩在线app| www.473488.com-吴江福利彩票中心| www.865817.com-熊猫彩票可信吗| www.962703.com-彩钢瓦漏水-| www.wi1.com-下载河北快三助手| www.d65.top-重庆时时彩预测资讯| www.53te.com-30选7七乐彩玩法| www.4353.top-彩票站搬走怎么兑奖| www.2382.com-嘉定2500万彩票| www.8673.cn-新3d彩计划软件| www.277237.com-重庆时时彩载止了吗| www.367960.com-大众彩票网app| www.478228.com-有综艺福彩吗| www.588482.com-苹果怎么下载彩库宝| www.677099.com-立彩软件骗局| www.r06.com-体育彩票怎样玩| www.49tu.com-体育彩票报刊大全| www.233274.com-3d福彩开奖号码| www.897232.com-优彩网资料大全| www.496484.com-沁县彩英艺术团| www.595123.com-渐江快三开奖结果| www.681961.com-微信彩票平台二维码| www.750877.com-吉林快三推荐和值| www.802766.com-連中彩票-| www.891536.com-梦想彩票买大小单双| www.947894.com-中国购彩网正规吗| www.983149.com-下载竟彩足球| www.uq6.cc-中国体彩开奖查询| www.sm41.com-赢彩网app-| 百姓彩票www.bxcp3.com| www.240628.com-彩名堂计划app| www.358144.com-谁有博友彩邀请码| www.457282.com-944cc天天好彩| www.532451.com-临沂福利彩票| www.665251.com-七乐彩历史浏览| www.731513.com-河北福利彩票中心| www.801198.com-旺旺彩票是真的吗| www.877905.com-男主中彩票的小说| www.948965.com-购彩排行榜-| 华夏彩票www.hx1164.com| www.62uf.com-晋城体育彩票销售点| www.8159.cm-彩票开奖超级大乐透| www.91391.cc-好彩随机爆珠多少钱| www.6968.bid-玩网彩输了钱怎么办| www.5278.cc-福州体育彩票店转租| www.010173.com-彩票中奖几个亿| www.210790.com-吉林省体彩网官网| www.295783.com-彩票数字计算器| www.34804.com-赐购彩-| www.665856.com-新加坡福彩佳资料| www.773890.com-中彩可靠吗-| www.845545.com-乐盈彩票正规吗| www.3yh.cc-亚洲有哪些博彩公司| www.20ay.com-乐透啦彩票是否正规| www.308796.com-68彩票网是真的吗| www.399419.com-七星彩免费公开直码| www.553206.com-天天快三群-| www.734377.com-爱彩a98-| www.811997.com-福彩3d最小值振幅| www.900389.com-淘彩票软件-| www.425567.com-彩票返水日结app| www.509836.com-彩票主题百家号| www.582355.com-双色球凤彩网签到|