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.798.bid-最近的体彩店| www.515.me-福利彩票中奖号码| www.827697.com-世界杯彩票去哪里买| www.926990.com-江苏快三结果预测| www.821376.com-济宁福彩中心领导| www.7616.net-彩票标志-| www.49aw.com-重庆7时彩-| www.238630.com-怎么在网上买彩票| www.734782.com-高频彩彩种-| www.69474.com-正规彩票软件下载| www.70sl.com-巴厘岛国际彩票官网| www.6478.vip-彩86-| www.353232.com-天彩翼飞店铺| www.929766.com-最新彩票指南彩报纸| www.21ut.com-七星彩下期杀号预测| www.516906.com-时时彩专业版星光| 彩天下www.196016.com| www.251544.com-台北快三-| www.325935.com-彩店宝彩票下载| www.d65.net-阿里彩票app下载| www.563870.com-今日彩吧水果图一板| www.722623.com-新利快三最大遗漏| www.920975.com-中国福彩网上购买| www.tz70.com-体彩基础知识| www.46691.com-时时彩盘出租| www.066776.com-百盛博彩软件有用吗| www.062695.com-河内彩最新开奖号码| www.130706.com-福彩致富团队| www.245695.com-易彩堂登录-| www.337350.com-海威彩票-| www.8098.in-玩高频彩输惨了| www.306031.com-今日彩票晒票| www.387006.com-234好彩票-| www.5238.biz-赛马结果及泒彩| www.26156.cc-彩虹是怎样形成的| www.7776.in-彩霸王高手坛| www.18dm.com-计划彩下载安装| www.610508.com-体彩868出现| www.969206.com-天天中彩票倒闭了吗| www.223515.com-快三第一门户怎么样| www.867777.cc-七星彩最新开奖号码| www.781781.com-分分彩万能挂机方案| www.891662.com-彩票微信名字大全男| www.975318.com-汇彩网违法吗| www.x72.shop-彩票投注网站有哪些| www.0733.cc-群里安徽快三靠谱么| www.449988.com-快乐中彩票靠谱吗| www.617259.com-彩票辅助器可靠吗| www.789359.com-彩妆店铺名字| www.584684.com-中国足彩天天竞猜| www.669462.com-今天体彩字谜多少| www.758432.com-福彩如何刷销售额| www.322920.com-旺彩双色球社区| www.371767.com-天下体彩的骗局| www.1466.cc-彩铅手绘古风少女| www.8827.cm-腾讯分分彩说明| www.678443.com-彩界发大财独胆| www.060314.com-高频彩分析论坛| www.76977.cc-体彩新浪彩票| www.160139.com-快开彩票陕西| www.990274.com-福建体彩购买app| www.da97.com-彩神vi下载-| www.xq41.com-彩777彩票网| 彩民村www.55cmc.com| www.339550.com-安徽快三和值玩法| www.q93.cc-yy彩票登录-| www.wx51.com-福彩三d综合版| www.9330.org-彩票老师带是真的吗| www.53381.cc-老时时彩走势图下载| www.74vd.com-多彩娱乐下载| www.qi00.com-中原彩票平台| www.05jg.com-彩铅适合多大孩子| www.88mw.com-178彩票购买平台| www.3283.biz-彩票购买平台官网| www.382454.com-创富彩票苹果版| www.769405.com-老鹰彩票电脑版| www.884186.com-乐盈彩票输17万| www.418525.com-中博国际是正规彩票| www.568808.com-狂三本子彩图百度云| www.654026.com-上饶市福彩中心电话| www.245388.com-易彩堂app登录| www.45241.com-qq彩票能买吗| www.83993.com-体彩客服主要做什么| www.606231.com-福彩杀码技巧| www.718213.com-彩票驿站是什么| www.796842.com-足彩任选九-| www.695681.com-竞彩足球在线买| www.782127.com-利用彩票大数据赚钱| www.929962.com-快三末班车-| 55世纪www.053883.com| www.17387.com-河南体彩网申请| www.303625.com-双彩图3d双采图| www.910304.com-口袋彩票下载| www.975403.com-七星彩长期包三字现| www.nq.com-福彩快三就是赌博吧| www.0435.net-体彩排列三杀码预测| www.358950.com-彩票可以随机买吗| www.552031.com-快开被限制福彩| www.651099.com-固体水彩画教程| www.909372.com-快三福彩福建| www.984365.com-买快3彩票的软件| www.bx80.com-广西快三实时开奖| www.568700.com-赛车彩票是真的吗| www.660312.com-福彩大数据分析| www.733107.com-易彩快三大小走势图| www.807523.com-陈赫演的电视买彩票| www.874232.com-博彩源码-| www.813749.com-123彩库-| 彩票大家乐www.21202d.com| www.17571.com-505彩票代理| www.131.org-彩虹的约定教案大班| www.2783.cc-彩票app送28| www.30028.com-鼎盛彩城官网| www.06759.com-彩票软件pk10| www.309235.com-陕西省体彩中心| www.83384.com-彩票分析师许可证| www.810.date-彩宝贝彩票杀号定胆| www.54yt.com-贵州福利彩票加盟| www.037345.com-中大奖彩票软件| www.292636.com-内蒙福彩官方| www.379354.com-民政部彩票大案| www.087042.com-10彩票app-| www.14139.com-七星彩数字表| www.800778.cc-福彩天天彩图| www.880467.com-360老快三开| www.947415.com-合法的网上彩票网站| 幸运彩票网www.33598r.com| www.025091.com-彩票5app-| www.117083.com-微信彩票林老师| www.723794.com-快3真的是福彩吗| www.279653.com-五分时时彩开奖记录| www.9081.vip-彩之家是骗人的吗| www.633227.com-众乐彩网6-| www.690869.com-竞彩足球比分新浪网| www.754434.com-体彩福彩彩经下载| www.557547.com-神灯彩票注册平台| www.627732.com-体彩任九中奖规则| www.699227.com-休彩排三试机| www.772197.com-正彩这个牌子怎么样| www.849515.com-1分快三玩法| www.917456.com-必赢彩票的钱怎么办| www.970729.com-高频彩票漏洞套利| 彩票5www.550284.com| www.27398.cc-体彩实体店微信出票| www.166739.com-快三官网平台| www.288914.com-中国体育彩票走势图| www.924806.com-最高额彩票-| www.022940.com-彩票源码出售| www.175987.com-原快三助手-| www.59213.com-福彩3d选号秘籍| www.550315.com-七星彩册子大全图片| www.655810.com-湖北彩条布厂家| www.743438.com-买彩票中奖概率多大| www.4rk.com-福彩快三太假| www.kh11.com-福彩中奖-| www.16eo.com-k彩戏2下载-| www.515979.com-足彩是骗局吗| www.654917.com-怎么打彩票容易中奖| www.756229.com-甘肃福彩.快三| www.505993.com-盛彩彩票网址| www.639413.com-为什么买竞彩总是输| www.284071.com-快乐时时彩五星计划| www.815726.com-双数开彩什么意思| www.931616.com-竞彩对冲套利方法|