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.468036.com-猜冠军彩票网站| www.625543.com-想开个彩票平台| www.722002.com-118彩票软件大全| www.803655.com-牛彩藏图正版藏机图| www.881008.com-博彩可靠的平台| www.nb2.com-湖北今日快三预测| www.tn56.com-福利彩票选三开奖| www.13ad.com-亿购彩下载-| www.91as.com-彩票二等奖奖多少税| www.3464.cn-瑞祥彩云二-| www.9761.cc-默彩-| www.87127.com-最大的快三平台| www.055015.com-沉迷彩票怎么办| www.158243.com-新加坡天天彩赕讯绪| www.256728.com-中彩网快三一分快三| www.339134.com-腾讯分分彩外接计划| www.434200.cc-最新的彩票代购平台| www.539268.com-真有人中彩票吗| www.666565.com-万达网彩票-| www.752653.com-乐购彩票网-| www.861526.com-腾讯时时彩网页计划| www.939672.com-玩彩哪个好-| 彩虹8www.ch8922.com| www.ef00.com-福彩快三开江| www.xu38.com-也买彩是正规彩票吗| www.26bv.com-长春溢彩洗浴| www.1215.cn-彩票汇app-| www.8809.shop-幸运分分彩开奖号| www.87049.com-宁夏福彩中奖号| www.051020.com-3d福彩字谜总汇| www.154853.com-怎么看足彩结果| www.253335.com-宝马彩票登录平台| www.332565.com-彩票送礼金网站大全| www.420388.com-福彩三d走势图2元| www.529271.com-彩虹糖的梦歌词| www.659045.com-财神会彩票正规吗| www.758885.com-彩宝贝3d试机号| www.845641.com-竞猜型彩票的规则| www.911913.com-9彩500-| www.978103.com-七星彩高手图规| www.ih53.com-福彩211路遗漏| www.d54.xyz-长春彩票销售| www.40gw.com-体彩七星彩奇偶| www.1111.org-竞彩绝巧-| www.8071.org-水彩画简单画星空| www.32868.com-河南太康彩礼多少钱| www.79665.cc-宁夏福利彩票微信群| www.035042.com-皇冠集团博彩| www.164412.com-彩票测试组什么意思| www.261042.cc-竞彩足球500彩票| www.340595.com-天气网首页福彩3d| www.432371.com-6118彩票-| www.530987.com-福彩最大值振幅走势| www.657025.com-93彩票网是真的吗| www.750679.com-快三彩票手机版| www.823405.com-江阴铝卷彩涂厂| www.897659.com-多彩贵州城乳胶退货| www.966532.com-有玩01彩票的吗| 淘彩票www.815266.com| www.jx51.com-吉林体彩官网| www.f68.club-国家福利彩票主任| www.41eq.com-七星彩画规律表下载| www.684.in-腾讯快三是骗人的吗| www.5269.link-几点对彩票大乐透| www.09909.cc-山东彩票官网| www.60155.com-福彩新规-| www.087188.com-体彩第19007期| www.155956.com-竞彩足球单注上限| www.255478.com-中彩在线可靠吗| www.330348.com-网易彩票竞技彩| www.400507.com-一分快三软件制作| www.548438.com-那个网站送88彩金| www.632860.com-彩票3d规则-| www.703848.com-澳超竞彩-| www.783330.com-保定体彩中奖| www.860422.com-好彩双爆什么味道的| www.930410.com-七星彩190-| www.986732.com-北京快三的玩法| www.cp3755.com-彩8是骗局吗| www.mw16.com-福利彩票游戏规则| www.4za.cc-彩乃奈奈楼梯照片| www.63or.com-手机版彩票源码| www.0838.date-支付宝足彩在哪里买| www.9002.cc-乐彩直播视频| www.44656.com-乐彩站app靠谱吗| www.91047.com-好彩多少钱-| www.049969.com-今晚福彩3d奖号| www.153550.com-竟彩蓝球360| www.240144.com-中彩娱乐网站是| www.315341.com-广西福彩选号器下载| www.386056.com-兼职帮别人投注彩票| www.529730.com-铁公鸡七星彩规律图| www.603790.com-足彩自动分析软件| www.674508.com-亚洲彩票官方网站| www.751402.com-777彩票网下载| www.812096.com-古林快三开奖| www.877538.com-r8国际彩票安全吗| www.jd33.com-中国福利彩票兑奖| www.b63.pw-5o0万彩票3d| www.29dk.com-体彩微信小程序下单| www.789.la-双色球期彩票指南报| www.4550.vip-重庆时彩时彩合买| www.9606.cn-彩票店怎么兑奖| www.80281.com-巨人彩票怎么注册| www.028746.com-百度上买彩票| www.101310.com-977彩票aqq-| www.163517.com-彩票代玩儿-| www.282613.com-时时彩五星大底规律| www.368488.com-七彩星txt-| www.454566.com-酷彩3d相册-| www.537619.com-体彩助手手机软件| www.638155.com-竞彩团队-| www.722651.com-竞技足球彩票怎么玩| www.794224.com-3d经彩网-| www.937260.com-足球彩票分析推荐| www.982694.com-梦见刮彩票中奖了| www.wm66.com-999彩票应用| www.17rt.com-彩票初几开奖| www.0667.cm-快三怎样能稳赚视频| www.7998.pw-彩宝贝三d杀号定胆| www.60394.com-彩票的理论与思维| www.025720.com-凤凰网彩票有退水吗| www.155711.com-体育彩票预测| www.255809.com-福利彩票走势| www.329249.com-双色球彩摘网字谜| www.398252.com-足彩比分预测最准的| www.537510.com-彩色近义词-| www.627895.com-大发彩票被黑| www.701728.com-时时彩票骗局揭秘| www.784188.com-奔跑吧彩球游戏| www.859779.com-彩民红高手论坛| www.920415.com-新光棍福利彩影院| 幸运彩票www.5095w.com| www.di78.com-彩票开奖预测查询| www.tt53.com-快三预测软件安卓版| www.06dg.com-福彩33期出的杀号| www.66xy.com-黑龙时时彩-| www.0730.org-360蛋蛋彩票软件| www.27011.com-两元彩票下载| www.67233.com-安阳彩票大奖得主| www.050073.com-黑彩犯法不-| www.140303.com-久久彩票进不去| www.216582.com-彩票大乐透社区| www.302924.com-彩22官网-| www.369414.com-958彩票-| www.451462.com-重庆时彩计划网页版| www.541502.com-怎么弄网址平台彩票| www.720234.com-彩票带单套路| www.791486.com-开体彩店要准备什么| www.864688.com-凤彩网登录-| 正点彩票网www.889688.com| www.jr24.com-幸运快三一分钟开奖| www.zr16.com-足彩胜负平全选| www.15oc.com-万豪彩票助手手机版| www.4452.cn-利盈平台彩票| www.9376.vip-七星彩开奖结开奖果| www.53983.cc-彩票平台列表| www.95394.com-微博怎么买足彩| www.056369.com-够力七星彩奖表6| www.200925.com-预测今晚七星彩号码| www.269039.com-彩票里面的砍龙| www.368411.com-夕阳西下彩铅画| www.451011.com-彩票店多少钱能开| www.535388.cc-买彩票要选几个数字|