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.796247.com-大发时时彩技巧稳赚| www.dx52.com-彩神8注册-| www.3326.cm-彩色装饰画图片| www.f95.pw-海南四星彩开奖| www.982529.com-彩票对打平台坑人| www.777470.cc-澳客赢家彩票苹果| www.45755.cc-足球彩票平台哪个好| www.121273.com-彩尊登录-| www.60191.com-分分彩挂机方案吧| www.471228.com-招财猫彩票app| www.13003.com-体育彩票公益金| www.30zy.com-彩虹自助下单源码| www.8823.pw-360足彩竞彩混合| www.048746.com-贵州彩票开奖查询| www.211010.com-网上彩票代理犯法吗| www.416100.cc-a7娱彩注册-| www.762068.com-贵阳彩色复印机租赁| www.29929.cc-亿彩票老板是谁| www.565906.com-智能彩票预测| www.vc86.com-河南帝彩快3| www.386816.com-凤之彩票-| www.703022.com-福利彩票模拟下单| www.909044.com-彩神帝怎么下载| www.ih41.com-中国体彩app下载| www.320349.com-利博彩票app| www.192125.com-308彩票app-| www.567659.com-七彩山鸡养殖成本| www.845003.com-福彩初创时期| www.89758.cc-七星彩是怎么摇奖的| www.69872.com-百盈时时彩规律| www.878636.cc-双色球彩票规则玩法| www.218281.com-有正规的网络彩票吗| www.424324.com-七彩语文杯作文大赛| www.626780.com-彩财网-| www.991881.com-大发快三如何赢钱| www.rs96.com-香港贵宾中彩网资料| www.29375.cc-()()溢彩-| www.75dg.com-怎么可以中彩票3d| www.37926.com-六禾彩开奖结果记录| www.63623.com-福彩三天计划的| www.dk29.com-我的彩票开奖号码| www.336200.cc-开彩妆加盟店| www.552722.com-彩票一张可以买几注| www.284101.com-霸气彩票网名| www.55ta.com-湖南体彩赛车奖金| www.8649.loan-竞彩乐群英会app| www.35tq.com-最新信博彩票官网| www.211426.com-廊坊快三走势图| www.114260.com-大发彩票手机登录| www.237055.com-浙江体彩手机版官网| www.356391.com-年终奖中彩票| www.932377.com-致富彩票下载| www.263.cm-快三和值10多少钱| www.36847.com-幸运彩是不是黑平台| www.xu0.com-玩彩票有上岸的吗| www.193576.com-福彩快三长买必输| www.487376.com-最新七新彩走势图| www.803736.com-体彩排列三数字累加| www.953462.com-牛牛彩票网官网| www.cv74.com-快三彩票网站| www.15sl.com-星空幸运彩网址| www.4323.biz-江苏体育彩票中心| www.47214.com-好彩1绝招-| www.116206.com-买彩票的走势图| www.305609.com-没钱也敢买彩票| www.466947.com-福彩几个中奖| www.631293.com-好彩1生肖表| www.71zw.cc-买啥彩票中奖率高| www.1905.vip-多彩贵州绘画比赛图| www.107817.com-彩票平台开挂提现| www.211907.com-彩客站是什么| www.350365.com-鑫易贴彩膜系统软件| www.10828.com-567时时彩-| www.875943.com-省份快三是什么彩票| 博友彩www.927233.com| www.983489.com-彩9彩票下载| www.10tv.com-时时彩票是真的吗| www.960598.com-注册送33彩票| www.bb54.com-新浪数字彩票3d| www.7vp.com-合买彩票中奖| www.197532.com-彩界毒王-| www.97546.com-福彩快3开奖福建| www.097870.com-河南体彩玩法种类| www.185907.com-今日快三走势图江苏| www.266440.com-河北省福利彩票| www.4869.top-专注彩票-| www.188105.com-福彩快3图表| www.318681.com-七星彩论坛社区图规| www.469469.com-3d福彩915预测| www.243689.com-湖北福彩官方网站| www.19754.com-快三规则推算| www.028111.cc-彩678可以挣钱吗| www.230761.com-彩票风控是真是假| www.454945.com-皇冠彩票捷豹| www.550403.com-中国福彩查询| www.669007.com-棋牌彩票qq群| www.992744.com-江苏快三可以玩吗| www.tf41.com-彩票3d神器-| www.32ip.com-长沙福彩中心电话| www.769876.com-好彩18036-| www.926166.com-用手机怎么买彩票| 网易彩票www.068wy.com| www.441316.com-彩钢板镀锌厚度| www.610076.com-中国体彩微信购买| www.757891.com-亿佰彩票是真的吗| www.969152.com-天天彩票还可以买吗| www.qv2.com-快三稳赚不赔的技巧| www.674509.com-双色球彩票开奖历史| 500万彩票www.972283.com| www.qr85.com-福彩发行原则| www.80dv.cc-腾讯分分彩大底号码| www.3308.net-2元彩票有哪些| www.16561.com-福彩兑奖规则表| www.79966.com-快三446-| www.072077.com-cp彩票网-| www.161598.com-体彩领导-| www.301008.com-免费送彩金棋牌游戏| www.390033.com-新加坡鸿乐彩网站| www.sh53.cc-亚彩会登陆最新| www.83rj.com-惠彩网络科技| www.5522.hk-彩票平台倒闭名单| www.36391.cc-福彩高频彩合法吗| www.021836.com-福彩3d水果图正版| www.140579.com-中国福彩主任| www.262893.com-河北省快三遗漏值| www.m27.in-分分钟时时彩网站| www.369246.com-福彩三d似几号| www.470373.com-境外博彩支付宝代收| www.610307.com-盈盈彩彩票合法吗| www.712114.com-快三是有人控制嘛| www.26970.cc-天天乐彩票正规吗| www.041341.com-彩票网站168| www.505899.com-体育彩票排列3直播| www.622119.com-五福彩票真的吗| www.745927.com-福彩中心站怎么样| www.079965.com-乐艺彩票997网址| www.217338.com-快三线上-| www.166540.com-广西快三开奖结果| www.286826.com-大发粤淘彩票注册| www.387451.com-手机彩膜打印机| www.541758.com-盈利彩票app| www.674515.cc-49l彩票com-| www.761848.com-福彩3d中奖坑人| www.3nd.com-彩铅笔手绘图片大全| www.301.biz-买彩票带来的官司| www.7569.vip-崔永元谈彩票完整| www.72568.com-买体彩的中奖概率| www.077077.com-彩48app-| www.151947.com-福彩字谜牛材网| www.706342.com-福彩3d酷图-| www.786259.com-体彩大赢家旧版| www.871416.com-福彩藏机图今天破解| www.961673.com-彩友网bhcyw| www.cai7499.com百宝彩开奖-| www.567012.com-陕西中彩票的| www.06727.com-中国福彩3b彩涂| www.77953.com-福彩012路走势图| www.622205.com-五福彩正规吗| www.708271.com-六彩票-| www.799939.com-彩票代玩是真的吗| www.pj95.cc-北京福彩快3遗漏| www.42gh.com-小学生广播七彩阳光| www.754449.com-天津时时彩彩票| www.fa4.com-江苏快三怎么玩赢钱|