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.550805.com| www.1889.site-福彩3d福星高照| www.22455.com-七乐彩票推荐号| www.79348.com-e球彩怎么玩的| www.031335.com-爱乐彩app倒闭了| www.666565.com-万达网彩票-| www.841352.com-竞彩如何和外围对冲| www.949273.com-今日彩票3d图纸| www.769882.com-好彩18036网址| www.896751.com-彩票投注软件怎么做| www.118266.com-168彩票7168| www.250507.com-中彩彩票能玩吗| www.884087.com-8828彩票线路检| www.96365.cc-福利彩票常识| www.111452.com-致胜团队彩票计划| www.525684.com-福彩三的走势| www.910418.com-乐彩网电脑下载| www.989900.com-天天时时彩小助手| www.11ky.com-国家婚姻彩礼规定| www.142780.com-爱彩乐双色球遗漏| www.092502.com-彩九c9com平台| www.770464.com-打黑彩怎么做庄| www.835825.com-一举成名赢彩知| www.903561.com-星光彩票官网| www.104863.com-黑龙江体彩网中心| www.974241.com-分分快三漏洞| www.ss60.com-双色球最新彩民乐| www.39193.cc-2018117彩票| www.590563.com-七星彩接单图片大全| www.675344.com-彩票58app-| www.749888.com-弘鑫娱乐彩票| www.813174.com-如意彩票技巧| www.888349.com-七星彩解梦码| www.954570.com-61彩票开奖结果| 500彩票www.26299g.com| www.of24.com-河北27号快三开奖| www.752738.com-玩彩票软件是什么| www.845204.com-打什么彩票-| www.911882.com-天天彩票集团| www.988578.com-体彩站点怎么申请| www.fl00.com-彩票奖金-| www.139811.com-合法足彩app| www.131929.com-彩礼超2万-| www.962333.com-精英彩票app| www.ef33.com-易盈彩票-| www.xt61.com-买彩票回本了| www.78909.com-福彩3d中奖绝招| www.576680.com-手机体彩山东| www.639209.com-彩票分析系统靠谱么| www.712789.cc-快三平台是不是赌博| www.781412.com-约彩彩票合法吗| www.850866.com-腾讯分分彩独胆技巧| www.909617.com-彩报3d怪字图今天| www.968556.com-彩票倍投计算器网页| www.cp647.com-彩神x是真的吗| www.68tx.cc-乐8彩快3下邀请码| www.83111.com-体育竞彩软件| www.5707.xyz-福利彩票选三| www.3037.org-花逸彩-| www.811222.com-彩票科学分析讲座| www.02662.com-百乐门彩票能挣钱吗| www.321342.com-35彩票官网-| www.560353.com-内蒙体彩官网| www.730673.com-足球竞彩计算器玩法| www.38913.cc-一分赛车彩票技巧| www.373318.com-鼎盛彩票平台下载| www.009989.cc-福彩六码遗漏| www.276100.com-爱彩是合法的吗| www.191265.com-河北快三预测一定牛| www.744435.com-极速彩票游戏下载| www.899075.com-快三是不是很害人| www.ya39.com-四川福彩-| www.2770.pw-快三缩水工具超强版| www.23520.cc-彩神争霸88czj| www.636388.cc-彩虹无人机是哪国的| www.212780.com-彩票黑平台-| www.432432.com-红利系统彩票| www.676281.com-彩票榜的网址| www.882357.com-网络彩票买大小骗局| www.6yh.cc-中奖彩票撕了| www.420.net-竞彩工作室-| www.54685.com-红中彩票平台客户端| www.071412.com-人人彩票怎么给封了| www.397542.com-体彩排三正版天庚| www.986500.com-中国体育竞猜彩票| www.60810.com-福运彩官网-| www.427813.com-87彩票怎么换店铺| www.662969.com-123体育彩票| www.84630.com-彩色水泥价格和图片| www.150507.com-家彩网3d试机号| www.775.biz-陕西有快三吗| www.x44.in-国乐彩苹果下载| www.vd97.com-快三彩民心得| www.w43.net-神彩网快3-| www.268004.com-湖北快三260计划| www.0347.cn-附近有中国福利彩票| www.26ez.com-中国体彩即开8| www.8494.cm-易点彩票网一手机版| www.43843.com-软件玩彩票-| www.003717.com-彩经彩票破解软件| www.y88.org-皇家快乐彩开奖记录| www.654951.com-霞光溢彩的含义| www.740208.com-长期买彩票的人| www.850807.com-彩云追星七星彩最新| www.926924.com-31竞彩吧下载| 688彩票www.688dl.com| www.451006.com-彩票亏钱怎么追回来| www.653967.com-金龙彩票安卓版下载| www.757067.com-全民彩乐汇-| www.199402.com-河北省快三遗漏提示| www.277774.com-国外高频彩平台| www.04736.cc-中国体彩3d走势图| www.9654.vip-开发个彩票软件下载| www.508241.com-彩铅上色教程| www.596022.com-买彩票算-| www.656444.com-彩神争霸米聊| www.800836.com-福彩3d是每天开吗| www.6749.com-095彩票邀请码| www.851560.com-手机购彩365| www.948723.com-高频彩票直播网| www.997648.com-斯洛伐克彩开奖网| www.wd2.com-彩宝网排列三首页| www.yz57.com-吉林快三型态走式图| www.96iq.com-彩虹播下载-| www.2290.net-今下午体彩三句话| www.9138.wang-竞彩海报-| www.65387.com-青海省体彩中心在哪| 乐彩网www.3416n.com| www.56sy.com-下载七星彩直播开奖| www.mq31.com-掌上中彩可信吗| www.722239.com-彩铅画火锅-| www.861673.com-体彩7星-| www.927373.com-体彩数字-| www.977908.com-多多中彩票-| www.002933.com-河南福彩幸运彩奖金| www.2454.top-大玩家彩票兑换什么| www.096.date-帮博彩收款-| www.168217.com-湖北快三今天必出号| www.26637.cc-七星彩手机机选| www.661713.com-竞彩8串1真难中| www.96593.cc-模拟彩票摇奖机| www.119673.com-快三最长遗漏多少期| www.55wv.com-彩票什么比较好| www.2282.site-彩民乐数图-| www.958519.com-网络福彩是不是骗局| www.lz1.cc-辽宁快三-| www.di9.cc-五分快三怎么玩| www.581083.com-中国福彩广西快三| www.728321.com-福彩网点查询| www.793699.com-网上购彩算不算赌博| www.974754.com-七星彩特区论坛论| www.cp250.com-兰州快三开奖走势图| www.917.online-中国福彩积分查询| www.86sb.com-国家会禁止彩票吗| www.781005.com-好盈彩票app下载| www.5150.website高彩钢围挡-| www.241744.com-有人破解过彩票吗| www.372344.com-网上彩票举报| www.bt5.cc-彩票砍龙什么意思| www.a71.net-彩种大厅360彩票| www.9120.xyz-七乐彩新浪复式机选| www.502669.com-多彩云众筹和多彩投| www.82qk.com-七星彩开奖今晚结果| www.20608.com-新345彩票-|