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.261198.com-竞彩任9开奖结果| www.579155.com-柬埔寨五分彩| www.yi9.cc-快三开奖今天| www.aj2.com-银川福彩快3| www.866050.com-易讯彩票app| www.964937.com-中国体彩客户端下载| www.fr71.com-百盈快三计划网| www.d19.net-七星彩开奖网易| www.cp8119.com-易彩堂官方平台| www.wk83.com-彩879软件下载| www.381528.com-礼拜五彩票开什么奖| www.055123.com-彩色的梦教学反思| www.189482.com-时时彩胆码技巧规律| www.350007.com-彩色笔画-| www.3559.la-世界上彩票最小奖金| www.32372.cc-彩色纸箱图片大全| www.98824.com-彩票代销证多少钱| www.087395.com-五百万彩票软件下载| www.177171.com-福彩快三中奖经验| www.xe63.com-分分钟彩票app| www.583212.com-彩色的梦教学设计| www.669697.com-网上哪里卖海南私彩| www.770522.com-重庆时时彩被停原因| www.880967.com-黑彩充值漏洞| www.957489.com-体彩排列五走势| www.019650.com-双色球彩迷图下载| www.173929.com-神彩8-| www.978899.com-苏式彩画图片| www.wc66.cc-我要查一下福利彩票| www.863213.com-新浪彩票双色球竞技| www.947840.com-竞彩彩票下载| www.al8.cc-河北快三最大遗漏| www.th58.com-湖北快三现场开奖| www.yq28.cc-竞彩半全场规则| 大赢家彩票www.599749.com| www.vv53.com-中信积分兑彩票| www.01745.com-上海快三100走| www.969700.com-排列三乐彩网首页| www.cy83.com-一分江苏快三下载| www.810413.com-足彩竞技风暴新浪网| www.896225.com-体彩天下江苏快三| www.965397.com-悟空彩票是合法的吗| 500彩票www.330637.com| www.qo93.com-玩彩输了还能上岸吗| www.272556.com-河北福彩快3遗漏表| www.189178.cc-乐彩网3d走势图| www.337754.com-购买江苏快三app| www.0715.net-体彩移机申请怎么写| www.8760.org-名人彩票娱乐| www.655212.com-重庆时时彩网投博金| www.940987.com-如何买分分快三| 500购彩www.500go.com| www.ea25.com-快三官方开奖| www.vy23.com-河北体彩票开奖查询| www.15eq.com-时时彩有中过大奖吗| www.91py.com-好运彩票网是真的吗| www.2305.org-3d彩吧全图迷| www.9829.loan-快三和值跨度| www.71621.com-3d天天彩吧-| www.089609.com-中国体彩票图标| www.670236.com-天天彩选4彩票真伪| www.840258.com-皇冠足彩推荐| www.532510.com-机选7星彩投注| www.661571.com-足彩半全场漏洞| www.856207.com-福彩3d详情和规则| www.979081.com-九万彩票app安卓| www.ga97.com-浙江快乐彩-| www.04gv.com-彩铅画蓝色玫瑰教程| www.1234.top-快三有多少个黑号| www.61900.com-开心彩票论坛吧| www.006100.com-快三选号计算器| www.120658.com-彩票qq群拉手| www.234573.com-彩票软件哪个正规| www.427228.com-快三和值预测| www.530422.com-时时彩五星玩法| www.605873.com-吉林福彩中心电话| www.676361.com-明天体彩开奖号码| www.747926.com-怎样才能中彩票| www.809728.com-好彩客官网充值| www.876769.com-500彩票是真是假| www.955660.com-福网彩-| 博亿彩票www.696by.com| www.949513.com-江苏快三杀号软件| www.rt47.com-新浪竟技风暴彩票| www.835530.com-福利彩票高频彩漏洞| www.221205.com-瑞彩祥云导师微信号| www.637955.com-彩八仙人工计划验证| www.698001.com-腾讯时时彩规则介绍| www.556300.com-亿游网彩票平台| www.816391.com-一分钟开大小是什彩| www.960497.com-app刷彩网赚| www.ko8.cc-十分快三是什么彩票| www.235817.com-河南快三猜一个号码| www.w35.cm-彩票256在线玩| www.958269.com-福彩快3查询| www.017973.com-彩71彩票官网| www.37333.cc-珐琅彩蛋-| www.713839.com-旭彩网是不是骗人的| www.an28.com-贵州快三推荐结果| www.081919.com-在线彩票计算器| www.088483.com-黑龙江省体彩中心| www.251652.com-登录亚彩会-| www.563870.com-今日彩吧水果图一板| www.9544.vip-天涯社区海南彩票| www.295561.com-七乐彩走势图带坐标| www.598770.com-第19035期体彩| www.860001.com-时时彩是不是诈骗的| www.363011.com-福彩端真假-| www.553256.com-53彩票下载安装| www.757493.com-泰安中彩票-| www.65029.com-相亲网上玩竞彩| www.234609.com-福彩3d综合版的| www.894883.com-彩票投注时间大乐透| www.cp1234.com-内蒙福彩快三| www.088783.com-福彩门户地址| www.926620.com-五福彩票下载地址| 梦想彩票站www.43131t.com| www.991480.com-彩民之家首页| www.120719.com-福彩3d专家选号| www.380065.com-彩票js-| www.460848.com-天空彩开码开奖结果| www.15258.cc-博众时时彩注册网址| www.46nm.com-246好彩图片| www.03222.cc-台湾彩券-| www.513397.com-洛阳市福利彩票| www.66310.com-排3最大值彩经网| www.p41.cc-香港快三有什么技巧| www.im92.com-手机怎么买3d彩票| www.2442.pw-盈彩网是什么意思| www.27711.com-画画彩铅图片大全| www.798761.com-盛世彩票下载| www.978677.com-天天福彩在线收听| www.ga30.com-迷彩兔官网-| www.41432.com-彩票谜语大全| www.061040.com-彩票赚钱模式| www.83pv.com-彩票号要几位数| www.268399.com-三彩服饰-| www.81se.cc-足球竞彩双平怎么买| www.095200.com-体彩福彩合并的建议| www.152370.com-兼职彩票投注可信吗| www.432135.com-彩票收益法律法规| www.899506.com-彩虹6号必买干员| www.82522.com-时时彩走势助手| www.190565.com-快三推荐号甘肃预测| www.043124.com-更新七星彩票| www.210081.com-买彩票就这几招| www.89794.com-竞彩新政看法| www.169726.com-快三图表大全| www.916648.com-大平台彩票有哪些| www.526082.com-足彩总进球-| www.986206.com-彩票注册送30红包| www.012950.com-七星彩还未开的号码| www.699725.com-福彩三地玩法介绍| 星际www.910xj.com| www.xw72.com-彩6软件-| www.832287.com-七彩影院ios下载| www.087337.com-9851彩票-| www.71917.com-彩猫彩票app| www.388615.com-彩票牌照2019| www.0671.wang-彩票点几点开门| www.96467.com-购乐彩票是正规的吗| www.895032.com-体彩投资-| www.957431.com-彩01彩票软件下载| www.6310.me-36o彩票导航|