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.573223.com-彩的意思-| www.988519.com-中彩手彩和中彩网| www.ad86.com-彩798彩票官网| www.5443.xyz-彩38c38net-| www.25939.cc-彩虹屁100句| www.592327.com-彩票77苹果版下载| www.793048.com-绵阳市福利彩票中心| www.880564.com-体彩11选5深圳| www.952894.com-体彩开奖大乐透| www.be17.com-摇一摇机选彩票| www.13078.com-竞彩网支持比例| www.83099.com-七星彩开奖是几点钟| www.092011.com-一分时时彩计划人工| www.548097.com-大发分分彩不能玩| www.365312.cc-体育彩票缴费| www.446756.com-彩票无损刷水| www.540744.com-1比分彩票开奖| www.619306.com-火山彩票app| www.687065.com-中国史上彩票最大奖| www.763203.com-时时彩后一必中规律| www.834632.com-炫彩3d拼图-| www.899381.com-博发彩票输了钱| www.963347.com-竞彩足球必发交易量| www.cp8330.com-快开福彩三分钟一次| www.80108.com-三部门叫停快彩| www.0431.cc-体彩大乐人透| www.37738.com-久久彩票下载安装| www.300025.cc-200w彩票app| www.791740.com-最稳定的时时彩平台| www.65lr.com-太原福利彩票转让| www.962405.com-福彩3d新开奖结果| www.899699.cc-彩83是正规平台吗| www.28py.com-深圳易迅网上购彩票| www.233516.com-快三精准计划软件| www.338149.com-竞彩合买怎么样| www.476878.com-福利彩票129期| www.573567.com-百度彩票手机版下载| www.337719.com-舟山飞鱼彩票过年| www.463628.com-福彩3d走势图网易| www.567586.com-七乐彩玩法介绍大全| www.wl20.cc-彩票怎么看-| www.88sk.com-985彩票代理商| www.4833.cn-世界杯哪里买彩票| www.9913.org-彩票中奖三等奖| www.53509.com-福彩快3赌博| www.002359.com-360足球竞彩网| www.02or.com-看见彩虹寓意| www.529667.com-快乐时时彩软件| www.058626.com-高手彩坛一彩票大全| www.305582.com-酷彩吧中奖能取吗| www.161977.com-探探帅哥教你玩彩票| www.924100.com-彩票833-| www.998828.com-香港福彩票开奖结果| www.hl04.cc-一分快3彩票| www.ub20.com-新浪名家彩票预测| www.784503.com-七星彩数学算法| www.626895.com-幸运号买彩票| www.741883.com-天天彩票ios| www.829078.com-ee彩票下载-| www.og70.com-宝马彩票手机版| www.226999.com-快三输钱怎么回本| www.329549.com-谦喜彩票分析计划| www.411385.com-彩票开奖哪里直播| www.732377.com-丰城彩礼全国第一| www.pz20.cc-彩票料大全-| www.55vj.com-大乐透彩之店投注| www.719228.com-怎样赞美彩虹| www.463725.com-七星彩天狼星预测| www.84oz.com-牛彩网福彩3d预测| www.006888.cc-中彩网群英会| www.443364.com-乐仑彩票充值| www.695356.com-中国福彩刮刮乐| www.821253.com-福彩双色球参考数据| www.9892.cn-汇丰彩票下载| www.111504.com-3分彩是什么意思| www.215043.com-福彩彩图-| www.cp2839.com-贵州快三结果走势图| www.in84.com-齐鲁彩票网-| www.177202.com-快三助手最新版| www.89553.com-快乐双彩玩法说明| www.253978.com-江苏快三怎么玩的| www.691151.com-87彩票店铺邀请码| www.767567.com-开心彩票网手机版| www.829055.com-正规彩票app软件| www.908526.com-e8彩票平台网址| www.967341.com-正规彩票微信合买群| www.cai2011.com快三胆拖对照表| www.296190.com-彩票江苏快三怎么玩| www.426223.com-彩票怎么扫码看中奖| www.237408.com-体彩扑克3开奖结果| www.rd57.com-哪个彩票软件最好用| www.689697.com-彩票平台669| www.42rm.com-原彩显示在哪里设置| www.583782.com-中彩股哈市-| www.52127.cc-外国彩票网站| www.355910.com-老跑狗图4s彩票| www.080846.com-澳门六星彩开奖结| www.204078.com-七乐彩预测-| www.321117.com-三分快三预测| www.448447.com-免费彩票计划| www.664997.com-彩民借号中大奖| www.al97.com-福彩3d组三胆拖表| www.593381.com-彩票奖金税率怎么算| www.138955.com-优游时时彩平台注册| www.272591.com-彩票走势网首页| www.362204.com-每天都在买彩票| www.470423.com-境外博彩客服| www.876255.com-彩票大神跟单| www.46xi.com-彩票站布局效果图| www.677821.com-南京华彩彩票可靠不| www.2200.tv-红彩绘app下载| www.04835.com-app官方老彩民| www.cp9896.com-中国福彩快三走势图| www.hq80.com-内蒙古快三开奖结呆| www.08572.com-陕西福彩网下载| www.509313.com-时时彩守号-| www.589149.com-广西快三豹子走势图| www.664743.com-七乐彩历次开奖结果| www.781792.com-分分彩挂机必死| www.874947.com-幸运分分彩开奖官网| www.7888.cm-体体彩排列五开奖| www.h17.club-快三几点结束| www.672281.com-彩宝网是不是骗局| www.9945.cc-今日中奖彩票号码| www.224922.com-澳门五分彩是真的吗| www.8760.in-名人彩票登录网页| www.33410.com-凤彩网双色球图库| www.690603.com-最好的彩票软件网站| www.50570.com-彩票对打反水| www.010089.com-福彩3d微信讨论群| www.06996.cc-彩票中奖模下载| www.397967.com-官方七星彩画规奖表| www.122888.com-8k彩票软件下载| www.479301.com-竞彩和外围单固对冲| www.303215.com-优乐彩票-| www.cp9979.com-湖北快三一天多少期| www.005344.com-河北福彩地方彩票| www.73482.com-七星彩算组技巧| www.513385.com-七乐彩开奖日期| www.619057.com-彩妆店装修图片欣赏| www.703701.com-网络彩票如何推广| www.800593.com-江苏快三开奖号统计| www.198628.com-大发彩票app平台| www.ua24.com-体彩术语有哪些| www.683213.com-黄金兑换彩金亏本吗| www.811547.com-彩票3d的方法| www.576681.com-彩票签名区图片| www.704828.com-998彩票安卓| www.285131.com-广西快三预测软件| www.377251.com-腾讯时时彩开几期| www.494268.com-竞彩实单2串一推荐| www.565342.com-林竹福彩-| www.415103.com-代做彩票流量| www.550876.com-彩票分析数据| www.629676.com-红彩彩票安卓版下载| www.766256.com-湖北体彩快三| www.855598.com-各种釉彩大瓶的感受| www.799.in-彩虹代挂官方网站| www.4861.com-688彩票审核| www.821715.com-彩圣字谜08年汇总| www.797906.com-彩61源码下载| www.879963.com-陕西省福彩兑奖中心| www.970713.com-幸运彩票计划导师| www.kh1.com-贵州福彩下载|