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.uy34.com-甘肃快三彩控| www.717946.com-彩库宝典ios版| www.0549.xyz-江苏猫彩快三预测| www.126258.com-泰安体彩中一等奖| www.083269.com-20分钟开奖的彩票| www.85yb.com-老徐彩票-| www.74265.com-彩虹旗为什么禁止| www.4864.org-卓易彩票官网地址| www.429960.com-一分彩彩票网| www.587233.com-湖北宜昌快三走势| www.694998.com-竞彩返还率-| www.772396.com-福彩快三多少钱| www.86rf.com-国家体彩云平台| www.559507.com-大乐透试机号彩经网| www.023223.com-时时彩开奖结果网站| www.400604.com-七星彩第四位走势图| www.848771.com-彩光嫩肤祛痘印| 亿彩www.6832w.com| www.800785.com-福彩3d天天开吗| www.890233.com-正规官网彩票有哪些| www.978331.com-彩钢警示条-| www.cp8177.com-快三守号打法| www.qs25.com-pc蛋蛋是福彩吗| www.09xs.com-下期彩妹双色球排雷| www.118336.com-三水中国福利彩票站| www.0249.cn-福彩时时彩中奖说明| www.191085.com-甘肃快三最近遗漏号| www.728944.com-重庆快三怎么玩稳赚| www.838875.com-丹麦28彩票怎么玩| www.938956.com-网易竞彩单场专家| www.cp5959.com-福彩快乐彩开奖结果| www.yz78.com-云南快三走势图| www.30yk.com-干彩票站挣钱吗| www.577.red-竞彩网足球360| www.4731.xyz-中彩票后挥霍| www.954.in-网易彩票手机版试玩| 奔驰彩票www.29178c.com| www.05335.com-彩金值得买吗| www.242473.com-广西快三中奖号码| www.0515.tv-河南快三app| www.216305.com-彩票玩法兑奖规则| www.34947.com-彩53彩票领跑者| www.012382.com-快三带1的有| www.503844.cc-如何买彩票中大奖| www.qk60.com-立彩官网-| www.97mv.com-福利彩票3b试机号| www.8708.top-利彩注册-| www.75088.com-彩票精准计划| www.030056.com-秋天彩铅画图片大全| www.128795.com-三块彩票-| www.200438.com-华彩登录地址| www.280778.com-中国竟彩网首页| www.9019.pw-澳门时时生肖彩| www.982749.com-线上彩票福彩快三| www.pj53.com-中国体彩竞彩店图片| www.42yv.com-体彩走势图样本| www.850955.com-极速时时彩全天人工| www.957426.com-王牌彩票网-| 华彩www.71399c.com| www.234554.com-彩票站现状及前景| www.681342.com-为什么玩彩票必死的| www.507267.com-报彩神…-| www.612895.com-彩票到家店主版| www.733670.com-微信上快频彩的| www.881788.com-交友平台骗女孩博彩| www.976224.com-36800彩礼寓意| www.kw2.com-快三有没有规律| www.ta41.com-彩票一般是几位数| www.12kc.com-福彩3d预测退存| www.179896.com-山东福彩手机投注| www.119114.com-开福彩投注站赚钱吗| www.307177.com-福利彩票怎么看| www.486262.com-彩票怎么寻规律| www.620564.com-靠谱时时彩代理群| www.0182.cn-深圳国彩-| www.924939.com-丹麦快乐彩在线预测| www.981342.com-易彩手机版-| www.cp8355.com-福彩快三开奖结果| www.lh55.com-中彩彩票zc01| www.525631.com-极速时时彩计划网址| www.262626.com-河北快三跨度走| www.460909.com-禁止出售世界杯彩票| www.725691.com-福彩自助-| www.865420.com-体彩票开奖结果查询| www.6rw.com-彩票自动下单软件| www.0232.cm-福利彩票案-| www.002414.com-体彩苏州市电话| www.111630.com-时时彩毒胆秘诀99| www.807135.com-温州福彩加盟| www.903552.com-贵州快三游戏规则| www.965364.com-彩票能追妻-| 网易彩票www.07163y.com| www.4653.xyz-打彩票是什么意思| www.14747.cc-彩报中心彩吧图库一| www.396689.com-福利彩世界平台吧| www.647155.com-足彩矩阵缩水16注| www.723011.cc-168彩下载app| www.813255.com-重庆彩票投注站电话| www.138038.com-爱彩人app下载| www.6720.org-彩易网3b预测分析| www.3802.org-南国彩票4十1| www.502331.com-博彩金手指报纸官网| www.945.name-澳门5分彩下载| www.573587.com-体彩排列三玩法技巧| www.665220.com-近10期七乐彩开奖| www.759225.com-福利彩票农场方法| www.859229.com-河南福利彩票3d| www.954868.com-七彩app破解平台| www.380806.com-澳门快三彩票计划| www.38179.cc-打开中国体育彩票网| www.rs22.com-魔方快3彩票| www.125087.com-福利彩票3d口诀| www.248402.com-福彩种类-| www.317279.com-2123c9彩票-| www.380722.com-彩票休市什么意思| www.4dd.com-快乐购彩票-| www.122104.com-澳洲时时彩开奖平台| www.830327.com-彩票每年害死多少人| www.873.live-网上彩票那个软件好| www.07472.com-cp544彩票-| www.86671.cc-快购彩票登陆| www.79909.com-快三456下面出啥| www.107061.com-4593彩票-| www.254137.com-福建快三号码预测| www.365094.com-双色球基走势图星彩| www.529358.com-体彩店装修-| www.957565.com-乐透啦彩票可信吗| www.ae8.com-福彩3d中奖技巧| www.mq70.com-彩票分多少种| www.h76.club-名人彩票-| www.072254.com-豹赢彩票骗局| www.934886.com-ios买彩票软件| 大玩家彩票www.84499b.com| www.770969.com-118彩票网投平台| www.387105.com-好彩投彩票店| www.768617.com-天猫快彩是什么| www.849206.com-金鹰团队重庆时时彩| www.fc96.com-河北快三官网| www.pk97.cc-河南快三计划软件| www.377134.com-美国人结婚送彩礼吗| www.080331.com-竞彩玩法-| www.9817.space-体彩五星彩查询结果| www.657475.com-3月2体彩开奖号码| www.719709.com-河北快三彩经綱| www.61341.com-叮叮彩票-| www.110291.com-七星彩预测单双头| www.279522.com-时时彩龙虎合玩法| 大赢家彩票www.374511.com| www.13715.com-8k彩票官方网址| www.85283.com-武汉快三预测| www.954179.com-足球彩票18101| www.176503.com-安徽福彩快三结果| www.349399.com-彩票图表制作教程| www.498049.com-777福彩社区综合| www.hh88.com-u9彩票平台合法吗| www.wk09.com-上海快三最高奖金| www.00ul.com-彩票买的人越来越少| www.0471.site-亚太集团旗下彩票| www.297179.com-中国福彩中心3d| www.87wj.com-彩票店关店-| www.26131.com-mv羽泉彩虹-| www.649288.com-博发彩app下载| www.304938.com-福彩3d2元网杀号| www.975306.com-汇彩网骗局揭秘|