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.552747.com-彩票卖一张赚多少钱| www.810912.com-推背图测彩票| www.922566.com-体彩中心招聘| www.994796.com-好彩客怎么下载不了| www.bt59.com-快三注册平台下载| www.xm73.com-派彩助手北京快3| www.68zx.com-手机彩票怎么兑奖| www.mq39.com-极速时时彩心得技巧| www.36ib.com-七星彩书-| www.151523.com-中彩在线平台下载| www.21vu.com-超级福彩是什么意思| www.1161.top-大富彩票网平台| www.105062.com-彩票计划苹果版| www.447396.com-竞彩足球派奖时间| www.566378.com-彩虹6号加速器节点| www.745320.com-快三模拟投注下载| www.909183.com-三d彩吧第三版| www.fk26.com-福利彩票10分钟| www.441163.com-中国体育彩票杯| www.535328.com-彩票中了4位数| www.669801.com-福彩61-| www.831163.com-大彩烟多少钱一包| www.971519.com-彩票333安卓| www.ae06.com-华人彩票首页| www.ue53.com-78彩票经销商| www.21zb.com-高手彩票首页| www.97nx.com-彩票中一等奖截图| www.3484.net-彩票改单合作| www.35271.cc-买黑彩被骗能报警吗| www.795178.com-www.梦想彩票| www.966882.com-综艺股份彩票| www.gs16.com-093彩票软件下载| www.558645.com-胜负彩任九-| www.020823.com-关注福彩公众号| www.3269.biz-广西福利彩票发| www.637386.com-体彩竞彩玩法| www.209669.com-福彩快开彩走势图| www.54sw.com-彩山特曲39度珍品| www.796515.com-印尼分分彩走势| www.882200.com-90彩票app-| www.980022.cc-彩票导航9833| www.al92.com-福彩青蛙过河一等奖| www.ud17.com-821cc彩票-| www.ms74.com-内蒙古福彩网| www.4772.top-福利彩有没有规律| www.830284.com-567彩票网可靠吗| www.304359.com-快三一共多少个组合| www.662545.com-盛兴彩票v3官网| www.775002.com-彩站宝加盟费多少| www.893222.com-内蒙古彩票app| www.983285.com-体彩竞彩下载| www.hg77.cc-至尊快三外挂| www.226169.com-快三追号技巧| www.806309.com-多赢彩站-| www.0430.wang-香港快三是福彩的吗| www.50yv.com-足球竞彩腰斩怎么算| www.7482.com-上海开彩票店| www.502067.com-线上投彩带犯法嘛| www.023427.com-体彩买彩票几点截止| www.812468.com-178彩票走势图| www.962712.com-彩乐瀑合法吗| www.7337.loan-彩虹6号干员真实吗| www.9977.hk-足彩任选九奖金规则| www.31339.com-竞彩必发指数| www.14707.com-七星彩在线幸运选号| www.058240.com-粤彩实战网址| www.556147.com-体彩和福彩造假| www.583176.com-彩色简笔画人物| www.762317.com-什么软件可以买篮彩| www.874767.com-凤凰彩票三分快车| www.cp1717.com-幸运快三全天计划| www.08ck.cc-七星彩明月珰书包网| www.999582.com-福彩排列三试机号码| www.zt43.com-七彩阳光教育集团| www.2620.vip-360购彩助手| www.36576.cc-线上澳门彩票| www.108638.com-新彩彩票下载安装| www.665449.com-直播彩票app| www.751663.com-端彩祥云app链接| www.818795.com-体彩中心周末兑奖吗| www.882670.com-彩票时时乐开奖结果| www.947915.com-体育彩票哪里发行的| 天玺彩票www.382780.com| www.190413.com-安徽快三app| www.310303.com-福彩用手机怎么买| www.466110.com-丰汇稳彩-| www.555683.com-内蒙古体彩官网首页| www.693469.com-七天彩掌上购彩| 彩82www.c6770.com| www.49wj.com-手机彩票走势图| www.0467.org-亚洲五分彩是真的吗| www.920957.com-福彩网充值记录图片| www.524670.com-福彩快三每天几期| www.039291.com-大中华彩票可信吗| www.402778.com-乐购彩票靠谱吗| www.678892.com-欧冠足彩在哪买| www.983707.com-合法的彩票网站| www.73am.com-重庆彩时时彩下载| www.21617.cc-时时彩作弊手机版| www.190598.com-河北福彩夸度走势图| www.801616.com-竞彩足球让胜让平| www.486481.com-竞彩蓝球玩法讲解| www.731684.com-八爪鱼代表彩票| www.wj73.com-彩票开奖大全星彩网| www.69523.com-彩猫彩票正规吗| www.63606.com-竞彩单场推荐总绘| www.95tq.com-彩友多哪家店铺人多| www.168543.com-河北快三开奖| www.224022.com-幸运快三倍投计划表| 8号彩票www.81520t.com| www.368991.com-福彩3d综合新版| www.507047.com-体彩二元网走势图| www.592537.com-易博官方彩票网| www.695597.com-中国福利彩票造假案| www.807282.com-浙江温州福彩| www.896321.com-七星彩开奖视频结果| www.976641.com-利彩开奖排列三| www.ou55.com-彩票端客服-| www.da09.com-彩票店如何过户吗| www.87no.com-天猫彩票下载安装| www.346755.com-李彩潭龙谷-| www.570107.com-重庆时时彩是多少期| www.249868.com-大乐透大彩网下载| www.737612.com-福彩3分析app| www.850956.com-财神分分彩综合工具| www.bm1.cc-福利彩票精彩十分| www.x50.cn-周公解梦彩票解码器| www.74gb.com-体彩天气网-| www.5641.me-彩虹六号腾讯手游宝| www.139551.com-彩客竞彩下载| www.669701.com-手机玩彩票真的假的| www.839989.com-彩票开奖顺口溜| www.960528.com-558赢彩下载| www.72511.com-河北福彩票-| www.722757.com-1688彩吧怎么样| www.254818.com-快彩王-| www.392912.com-昨天体彩号码| www.513702.com-统一开奖的彩票彩种| www.588044.com-竞彩篮球比分场| www.868985.com-七星彩在线机选号码| www.593400.com-七彩股份-| www.xr36.com-买彩票该怎么说| www.72nd.com-彩票店帮买彩票| www.896097.com-体彩天下官方网站| www.966890.com-吉林快三高手群| 快彩www.81678t.com| www.06260.com-中国福利彩票走试图| www.445881.com-7乐彩开将结果直播| www.536285.com-彩票名字大全百度| www.22253.cc-最新足彩对阵| www.344958.com-澳彩风情-| www.357263.com-a8彩票下载安装| www.440263.com-37彩票平台-| www.534767.com-彩票挂机稳赚方案| www.601648.com-中彩网彩票专家预测| www.668871.com-福彩3d数字遗漏| www.838383.cc-北京福彩彩票销售厅| www.17hw.com-彩丰行眼霜-| www.98tf.com-江苏快三加奖公告| www.856773.com-中奖彩票电影| www.994942.com-彩票中奖符图片| www.al43.com-彩票投注站怎么开| www.or95.com-大发快三导师| www.849206.com-金鹰团队重庆时时彩|