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.659542.com-彩票群微信号| www.456463.com-彩票过期了能兑奖吗| 彩票500万www.276081.com| www.097340.com-南宁快三开奖| www.007972.com-今体彩开奖结果| www.632572.com-买篮球彩票的技巧| www.814629.com-彩票各地中奖| www.960453.com-ios竞彩-| www.iv28.com-竞彩360直播| www.0qf.com-七乐彩票主页邀请码| www.7509.org-彩票店倒闭的多吗| www.115150.com-超级彩票助手软件| www.267756.com-500彩票开奖| www.559508.com-彩c16官网下载| www.811699.com-甘肃快三4月14日| www.950418.com-海南休育七星彩开奖| www.cai3920.com百姓彩票-| www.wc84.com-内蒙快三有何规律| www.790.club-七彩虹官方网站| www.29517.cc-彩票赚佣金-| www.035076.com-彩票全网最高倍| www.225927.com-福彩快3怎样追回扑| www.492007.com-玖玖彩票网登入| www.655323.com-广州福彩票开奖查询| www.830259.com-pk567彩票-| www.948014.com-3d预测号彩宝贝| www.ot1.com-快三压大小稳赢公式| www.39kw.com-济宁福彩招标| www.i77.win-下载新版乐彩论坛| www.05bm.com-体彩第19053期| www.7216.com-彩虹六号要钱买吗| www.235929.com-七位数预测一彩乐乐| www.427687.com-邢台体育彩票大奖| www.723448.com-吉祥彩票源码| www.18877.com-大发快三杀码| www.2436.net-吉林快三黑马计划| www.907861.com-合肥体彩-| www.527229.com-玩北京快三怎么才赢| www.036901.com-第一彩彩票网| www.660072.com-时时彩软件排行榜| www.817862.com-足彩19026-| 818合彩www.www.5666hc.com| www.62tt.cc-义乌福彩中心地址| www.7148.cc-七彩假期官网| www.71399.com-新浪胜负彩必发市场| www.581379.com-快三黑彩玩法介绍| www.145330.com-三地走势图彩吧助手| www.502783.com-多彩投张森华| www.093469.com-百度彩票可靠吗| www.256731.com-手机中彩网靠谱吗| www.380268.com-体彩网上投注站| www.571221.com-好彩妹神童-| www.661965.com-竞彩足球6串22| www.74511.com-金彩彩票是不是骗局| www.11771.cc-体彩七星中奖规则图| www.43mm.com-竞彩9场几点开奖| www.34936.com-怎么刷彩金-| www.026731.com-13e彩票-| www.121553.com-河南彩民中奖| www.im55.com-山东福彩中心| www.896.website今日nba篮彩预测| www.954017.com-如何网上买体育彩票| www.tm37.com-如何申请福彩投注站| www.bc31.com-福彩3d彩票一定牛| www.985480.com-安徽快三分布走势图| www.21657.cc-谁有彩票店微信| www.025343.com-福彩3d大小-| www.144386.com-体育彩票微信公众号| www.885979.com-彩之家大发快3| www.tp02.com-五分彩骗局多长时间| www.813915.com-内蒙古福彩一定牛| www.83242.com-线上投彩带赚是什么| www.92279.cc-快赢七乐彩缩水工具| www.123820.com-乐彩彩票合法吗| www.286979.com-快三神器-| www.420073.com-体育彩票门店装修| www.821348.com-牛彩网字谜汇总| 大赢家彩票平台www.901257.com| www.901906.com-公益彩票网官方端口| www.51372.com-体彩app排名| www.057653.com-福彩3d资料大全| www.327568.com-三地彩票开奖| www.020655.com-福利彩票总部在哪里| www.003671.com-盈彩娱乐违法吗| www.336968.com-360体彩网官网| www.929044.com-老有人让我玩福彩网| www.33ic.com-福彩图谜牛彩网| www.7247.top-彩虹织机教程冰淇淋| www.940878.com-快三真假-| 大赢家彩票平台www.863630.com| www.5192.xyz-开户送300元彩金| www.47866.com-时时彩斗牛玩法介绍| www.131436.com-河南新乡娶媳妇彩礼| www.zm56.com-体彩任九的玩法| www.ou36.com-快三网上有人带着买| www.677077.com-福彩体彩是不是骗局| www.846757.com-彩票图彩在线| www.988159.com-福彩积分服务网| www.32od.com-彩票中奖交税计算器| www.74597.com-彩色纸-| www.556461.com-0365彩票app| www.47668.cc-搜神传好彩妹配音| www.694550.com-竞彩篮球历史开奖| www.850311.com-网络黑彩有假吗| www.936287.cc-凤凰彩票网计划| www.978728.com-好彩客app首页| 大赢家彩票平台www.785382.com| www.066913.com-线上博彩靠谱| www.134894.com-玩时时彩送彩金| www.206557.com-神州行彩票网| www.227114.com-彩虹图片-| www.324250.com-福乐彩靠谱吗| www.419040.com-印象彩票旧版本| www.89128.com-微信快乐彩是真的吗| www.092670.com-竞彩二串一稳赢表| www.005421.com-福彩六十一开奖结果| www.289494.com-中国彩票的真实性| www.366166.com-海底世界彩铅画高清| www.470086.com-怎么买国外足球彩票| www.566664.com-河南福彩豫彩通助手| www.663489.com-苹果官方下载乐彩| www.747912.com-快三同号不同号规律| www.831631.com-网络售卖彩票| www.910304.com-口袋彩票下载| www.980733.cc-火箭彩票网址| www.je61.com-体彩福彩开奖查询| www.i02.com-福彩坑人吗-| www.37zh.com-看七星彩讲解| www.17916.cc-彩票3d结果-| www.yz22.com-快三分分彩官网| www.as26.com-彩票走势规律讲解| www.38211.com-新时代彩票平台| www.84982.com-今日福彩开机号| www.050798.com-诺亚彩票-| www.211598.com-彩客彩票-| www.279693.com-七乐彩中奖号查询| www.370165.com-八手巴购彩票真假| www.487931.com-七乐彩基本走势幸运| www.566801.com-快三必中两不同| www.631896.com-七彩云南官网| www.706363.com-浙冮体彩6十l| www.801134.com-刮刮乐彩票领取方式| www.889670.com-七乐彩发行年限| www.964728.com-澳门足彩即时陪率| 十三国际www.578113.com| www.97074.com-体彩大乐透八等奖| www.292912.com-时时彩独胆秘籍| www.00951.com-彩票开奖采集接口| www.50868.cc-快频彩平台-| www.70wf.com-彩易达出租-| www.075393.com-七乐彩除7余数| www.162550.com-大运彩票手机版平台| www.93gh.com-彩色的图片大全| www.338915.com-中国购彩网-| www.421868.com-59彩票官方网站| www.513956.com-福彩天齐网站大全| www.61679.com-博彩客服招聘| www.8963.biz-彩票大小的倍投计划| www.997614.com-彩娃app安卓| www.ep21.com-体彩独胆双胆| www.590561.com-足彩指数的返反率| www.585790.com-网银买彩票-| www.650090.com-博彩堂天下彩| www.700032.cc-五分时时彩规律|