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.088219.com-599彩票安全吗| www.211688.com-网易彩票开奖公告| www.929550.com-五福彩票网559| www.986410.com-谁有福彩3d交流群| www.rv0.com-福利彩票三d走势图| www.253253.com-凤凰时时彩全天计划| www.7702.vip-幸福彩票官方网站| www.843355.com-福彩网页面-| www.970542.com-彩票玄学预测书籍| www.fy61.com-破解彩票-| www.md8.com-湖湖北福彩快三| www.07bc.com-日本彩票官网| www.086074.com-分分彩稳赢技巧| www.939610.com-重庆福彩大厦| www.97hr.com-时时彩越赌越输| www.152529.com-什么软件能买彩票| www.972269.com-红彩快3-| www.r04.com-买体彩法-| www.6233.com-今晚的3d彩票图纸| www.038066.com-体彩竞彩打票教程| www.869310.com-福利彩票应用| 百姓彩票www.bxcp4.com| www.81pq.com-佛山福彩2019| www.875093.com-竞彩258app-| JJ彩票www.11310.cc| www.41za.com-彩色纸箱印刷厂| www.7671.net-福彩图片福彩图片| www.99230.com-爱彩乐11选五辽宁| 发彩www.50732h.com| www.19uz.com-彩仙阁注册-| www.6321.cm-甘肃福彩机子申请| www.52851.cc-彩神ll登入-| 金冠彩票www.49956c.com| www.735676.com-互联网彩票开售消息| www.3119.cm-彩票世界杯专家预测| www.538874.com-竞彩足球混合过关| www.245.date-福彩3d断组预测| www.298369.com-彩票往期开奖结果| www.74qx.com-乐彩排三论坛手机| www.550816.com-私彩导航入口| www.206374.com-黑彩赢钱秘诀| www.wx45.com-福利彩票七乐彩| www.204501.com-体彩任3玩法| www.312608.com-百姓彩票网还能买吗| www.321302.com-下彩网官网-| www.024377.com-310彩客网-| www.180870.com-中彩彩票注册邀请码| www.190495.com-大发快三今日走势图| www.639465.com-体彩室内装修图| www.389077.com-福彩3d专家排行| www.638398.com-色彩搭配的技巧包括| www.728858.com-大连大乐透中奖彩民| www.802003.com-查体彩排列五开奖号| www.893456.com-快三和值有奖金吗| www.992362.com-大发快三心得体会| www.cq88.com-国家手机购彩软件| www.601746.com-百胜9b彩票网址| www.706312.com-大发500时时彩| www.195832.com-福彩开奖直播| www.863357.com-彩票19029-| www.227336.com-一分极速彩票| www.9383.org-tt彩票app闪退| www.17om.com-江苏体彩七位数论坛| www.969147.com-天天彩票网靠谱吗| www.mg27.com-吉林快三跨度振幅| www.4ud.com-福彩主任冯亚平简历| www.6895.xyz-海南七星彩直码软件| www.415098.com-彩票推广经验| www.538395.com-国彩合买骗局| www.609644.com-西雅图彩票app| www.106521.com-85彩票下载-| www.64786.com-竞彩亚盘干货| www.621162.com-3d彩圣字谜报| www.498899.cc-彩票500邀请码| www.654487.com-中国彩票销量下滑| www.801541.com-广西快乐双彩开奖| www.79951.cc-腾讯彩票游戏正规嘛| www.37928.com-排三百位走势大彩网| www.034930.com-手机上下载全民彩票| www.582352.com-彩票补时进球算吗| www.4754.vip-彩票被冒领怎么办| www.066372.com-彩票私彩-| www.696778.com-金华体彩网-| www.885996.com-彩虹的约定视频| www.ch43.com-幸运快三下载app| www.52lo.cc-彩沙涂料-| www.751420.com-七星彩号码走势图| www.956069.com-世界杯足彩网易竞猜| 500彩票www.341077.com| www.68su.com-乐彩商城怎么提现| www.3608.vip-福彩三d南方双彩网| www.25058.com-安徽福彩中心领奖| www.hu77.com-买足球彩票app| www.59883.cc-彩吧乐彩吧论坛首页| www.132355.com-微彩票官网-| www.448775.com-山西福彩双色球| www.561908.com-山东在线彩票| www.646755.com-竞彩中奖组合| www.719092.com-彩虹是怎么形成的呢| www.783353.com-体彩七星彩开奖日期| www.874077.com-众彩网能赚钱吗| 惠民彩票www.hm6633.com| www.dp19.com-时时彩赚钱是真的吗| www.zp48.com-今日竞彩推荐网易| www.73wz.com-彩票3d号码分布图| www.2131.in-江苏体育彩十一选五| www.456322.com-贵港市福彩中心| www.711293.com-彩票被黑不给出款| www.791901.com-体彩如何兑奖| www.927056.com-350彩票正规吗| www.8783.tv-七星彩南国彩票论| www.286040.com-正彩彩票网站| www.iu50.com-竞彩预测-| www.314147.com-足彩胜负彩比分直播| www.383201.com-买复式彩票怎么玩法| www.484358.com-快乐5分彩犯法吗| www.305484.com-彩票买什么号码| www.508905.com-山东十一选五彩票| www.162269.com-下彩网安卓客户| www.979216.com-什么便利店有绿好彩| www.62871.cc-6合宝典彩下载| www.9970.org-酷彩吧哪里可以下载| www.713859.com-3d彩票下载安装| www.804826.com-彩虹旗壁纸-| www.878212.com-福彩3d五行分解| www.083167.com-广东实时彩开奖号码| www.250758.com-全中彩票97折| www.338440.com-七乐彩大乐透| www.432922.com-大众网彩票游戏规则| www.547830.com-万彩激活码-| www.191318.com-怎样看一分快三走势| www.284518.com-时时彩有几种| www.673590.com-古建彩绘沥粉工具| www.775937.com-国民彩票注册| www.952041.com-5分彩开奖走势| 500彩票www.50052w.com| www.5jk.cc-中福在线快三| www.eq72.com-北京快三公交路线| www.4098.biz-彩虹7实战-| www.17066.com-彩票通cpt-| www.008640.com-数字型彩票新浪彩票| www.089226.com-易彩快三大师计划| www.031480.com-038彩票苹果下载| www.110796.com-关于网络彩票赌博| www.34641.com-福彩app好运快三| www.9266.vip-乐透彩票网安全吗| www.ul23.com-国家正规福彩快3| www.169770.com-湖北快三-| www.7331.cn-彩虹无人机的动力| www.46xg.com-彩票2019规划| www.375098.com-时时彩规律和技巧| www.542152.com-36o体育彩票| www.643015.com-中华彩票网手机版| www.801880.com-天津快三每天多少期| www.885915.com-福彩大发快三app| www.979290.com-五彩缤纷香烟多少钱| www.5us.com-彩票拍照查询软件| www.79nq.com-福彩6十1生肖规则| www.128456.com-大奖网彩票首页| www.981451.com-彩票返点数啥意思| www.td54.com-彩票以后会倒闭吗| www.14qp.com-陕西彩票几点停售| www.9547.cm-彩王争霸彩票| www.98389.com-竞彩推荐310|