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天

知道了
58福彩 www.826789.com-盛兴彩票改数据| www.80yj.com-体育彩票场次| www.27442.com-新浪杨震足彩预测| 彩票8www.cp8001.cc| www.w47.club-百乐彩平台是真是假| www.91ts.com-福彩快三是骗人的吗| www.221600.cc-安徽快三走势图跨度| www.18od.com-十一选伍彩票| www.080061.com-什么时候适合买彩票| www.170409.com-青海快三电视走势图| www.278172.com-中彩网双色球手机版| www.635263.com-七彩假期评选方案| www.69262.com-9场胜负彩销量查询| www.781643.com-福彩新规则-| www.873996.com-中国福利彩票总部| www.947918.com-官方购彩平台有哪些| 福彩www.2109h.com| www.06810.com-福彩3d万能6码| www.59958.cc-百彩影院-| www.34821.com-红旗彩票官网快三| www.568624.com-约彩彩票·apk| www.290012.com-内蒙古体育彩票站| www.385121.com-彩票大平台有那些| www.11865.cc-6678彩-| www.55544.com-点点彩票可信吗| www.97076.com-刮彩票有中大奖的吗| www.1118.site-竞彩足球奖金| www.7430.in-苏州市竞彩网点查询| www.237900.com-派彩快乐十分走势图| www.78031.com-竞彩单场奖金| www.997447.com-重庆福彩自助精灵| www.31it.com-竞彩大神免费推荐群| www.126763.com-8k彩票网是真的吗| www.56651.cc-体育彩票平台| www.797715.com-3d字迷新彩吧| www.937227.com-易彩民彩福地| 500万彩票www.500cd.com| www.3678.org-6合万彩开奖直播| www.pj53.com-中国体彩竞彩店图片| www.554572.com-全民汇彩app| www.5359.pw-七星彩二十八日预测| www.48576.com-3d福彩字谜今日| www.014375.cc-新浪七星彩-| www.83052.com-快三对子中多少钱| www.180372.com-昨天快三开奖号码| www.607702.com-七乐彩周五走势图表| www.009415.com-999彩票软件| www.561719.com-双赢彩票骗子| www.655685.com-爱彩乐大乐透助手| www.cp9569.com-中彩网软件合法吗| www.995889.com-买竞彩足球的app| www.030503.com-c8cn万彩吧下载| www.328522.com-微彩吧是正规| www.691575.com-豪彩烟-| www.794488.com-577彩票网登录| www.906936.com-中国福彩双色球规则| 体彩网www.3890s.com| www.999538.com-9188彩票网官网| www.07217.com-福彩票有精准吗| www.632903.com-立彩助手闪退| www.817810.com-聚福彩票安全吗| www.936988.com-七乐彩单式-| www.cp56.com-彩票开奖结果彩票| www.t49.org-坦洲福利彩票投注站| www.96132.cc-名人彩票一测速| www.6239.top-快乐十分中奖彩票| www.11qh.com-五分钟时时彩靠谱吗| www.ht24.com-北京体彩开奖结果| www.f20.com-下载国乐彩-| www.597721.com-88彩票十一选5| www.760164.com-香港福星彩-| www.726205.com-爱乐透彩票软件下载| www.631269.com-彩票平台源码的优质| www.710422.com-彩票大乐透专家预测| www.014602.com-七星彩app平台| www.292961.com-彩吧图库331期| www.9268.cc-乐彩客怎么样| www.32272.cc-八爪鱼代表彩票| www.34512.com-福彩三d今晚开奖吗| www.143339.com-谁有福利彩的邀请码| www.945148.com-体彩论坛体彩三句话| www.57vh.com-美国大学彩票| www.064322.com-入侵私彩数据库| www.172527.com-彩票快三下载| www.025926.com-8号彩票兼职| www.459758.com-体彩排列3d断组| www.968737.com-现实中的彩神| www.cy03.com-时时彩平台怎么搭建| www.2001.vip-49彩票网站连| www.5819.top-体彩是怎么买的| www.758.la-彩票之家apk| www.56720.com-中国福利体彩排列五| www.cp5341.com-北京快三开奖时间| www.332632.com-热购彩票登陆| www.464605.com-重庆足彩在哪儿领奖| www.317026.com-香港全部彩票网站| www.564366.com-越南时时彩人工计划| www.659451.com-彩之星是正规的吗| www.734008.com-福彩3d2006-| www.798931.com-彩天堂平台安全吗| www.862733.com-买私彩犯法吗| www.925621.com-金彩网可信吗| www.977851.com-足球彩票在哪买| www.cp0806.com-快三规律破解技巧| www.kp03.com-乐成彩票app| www.f81.org-3b彩票图谜汇总| www.28fq.com-腾讯彩票娱乐有托| www.123740.com-ag和高频彩-| www.216286.com-体育彩票玩法规则| www.300062.com-快三20分钟一期| www.7627.net-新浪爱彩店-| www.23878.cc-有计划群的彩票软件| www.000.cx-彩神8是真是假| www.041682.com-吉林快三app| www.200878.com-一定牛彩票网手机版| www.400076.com-全民彩票500网| www.533552.com-举报明发彩票| www.906620.com-福彩p62开奖结果| www.404179.com-王刚讲故事彩票大王| www.974231.com-go彩砍龙团队| www.786005.com-xr关原彩-| www.q42.net-广西福彩快三手机| www.46lg.com-彩票网赚平台靠谱吗| www.519670.com-256彩票登录| www.56158.cc-中彩在线华彩| www.020967.com-全天三分彩在线计划| www.102988.com-彩票105官方网站| www.212091.com-彩票加盟-| www.255837.com-体彩山东手机在线| www.881047.com-黑客洗劫私彩平台| www.025537.com-重庆市福彩官方网站| www.d63.org-亚博阿里彩票| www.097563.com-彩票公益金申请书| www.252074.com-中彩网彩票是真的吗| www.327100.com-国际五分彩开奖官网| www.30065.com-华夏彩票靠谱吗| www.79896.com-能用微信支付的彩票| www.058580.com-彩界神通独胆| www.537169.com-境外彩票平台名字| www.538380.com-国彩网合买彩票受骗| www.615486.com-彩票二进制定位| www.967862.com-588彩票网官方| www.65018.com-中国竞彩网混合过关| www.022627.com-彩世界苹果版| www.365857.cc-彩网上哪个可靠| www.926587.com-快彩3计划-| www.997841.com-中国竞彩胜平负| www.ge08.com-福彩七乐彩没人买| www.g46.bid-内蒙福彩双色球中奖| www.38cl.com-福利彩票摇奖机几套| www.895296.com-华彩赢家彩票靠谱吗| www.998392.com-快三90彩票-| www.aq89.com-683彩票-| www.zj04.com-九号彩票客户端| www.36ah.com-七星彩开奖号码图纸| www.06gs.com-彩浩纺织-| www.067939.com-河北福彩快3下载| www.186016.com-玩快三的软件| www.6486.xyz-大财神彩票网址| www.7nz.com-怎样合伙买彩票| www.55ps.com-山西运城体彩| www.963415.com-乐彩快三开奖结果| www.089040.com-休彩排列五走势图| www.828765.com-洛阳快三彩票|