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.686195.com-彩钢板厚度-| www.736362.com-福彩3d精准计划| www.886999.com-福利彩票3d往期| 大赢家彩票网www.83033s.com| www.rj72.com-各种釉彩大瓶观后感| www.487333.com-彩票代打输了| www.cp063.com-江西多乐彩开奖结果| www.302440.com-福彩快三一天开几次| www.75958.com-彩票有折痕能兑奖吗| www.kp58.com-福彩快三概率| www.69983.cc-盛世彩票ss-| www.055011.com-彩票购买软件| www.721979.com-老快三开奖经果| www.576472.com-唐山福彩中心招聘| www.682808.com-个人微信售卖彩票| www.582955.com-吾音彩次克-| www.7qw.com-浙江年会中彩票| www.154307.com-彩票滚雪球数字选发| www.521508.com-重庆时时彩号码统计| www.152522.com-5分快三是谁开的奖| www.813311.com-玩彩微信交流群| www.966344.com-福彩帮投兼职导师| www.585820.com-中国体彩竞彩规则| www.695522.com-竞彩足球合买| www.821673.com-湖北快三倍投计划表| www.917426.com-必赢彩票软件下载| www.991999.com-体彩是几位数选6| www.fw89.com-时时彩正规网站| www.r87.me-广西快三是合法的吗| www.490828.com-宏达彩票购买中心| www.637231.com-3d质合走势大彩网| www.151527.com-彩票缩水的意思| www.254582.com-七星彩专区高手论坛| www.c93.vip-吉林快三预测网址| www.41211.com-彩票99官网-| www.202908.com-福彩3d开奖查询| www.528032.com-内蒙古破解时时彩| www.346926.com-3d两元彩票网| www.d18.com-七星彩机选投注| www.89np.com-依安彩票出兑| www.197765.com-吉林今日快三开奖号| www.411917.com-随州论坛快三论剑| www.197532.com-彩界毒王-| www.281988.com-中国快三线上平台| www.373885.com-360竞彩混合过关| www.480005.com-足球胜负彩容易吗| www.581790.com-凤凰快三内部| www.125365.com-彩皇-| www.09055.com-好彩1生肖对表| www.45436.com-时时彩彩票投注平台| www.011674.com-关于彩票的相关知识| www.972338.com-彩票智能分析| www.691277.com-河南福彩跑马| www.879133.com-天天福彩当天重播| 幸运彩票www.675066.com| www.pi55.com-彩金鲨鱼游戏机修改| www.87ys.cc-彩票009app-| www.1080.pro-福彩三d高手论坛| www.533248.cc-体育彩票说明| www.t47.net-i8cp彩票网-| www.63817.com-足彩竞猜胜负任9| www.936295.com-聚宝盆app福彩| www.996185.com-北单胜负彩开奖结果| www.kf17.com-辽宁唯一体彩网| www.300012.cc-快三走势图带连线| www.96515.com-海南发展彩票| www.7578.org-新浪爱彩重庆时时彩| www.703022.com-福利彩票模拟下单| www.827995.com-小站宝彩票ios| www.oy92.com-银川市福利彩票中心| www.759562.com-app中华彩票| www.22754.com-41彩票网公式| 豪彩VIPwww.qin618.com| www.53589.com-保时捷彩票网| www.012313.com-下载算局七星彩奖表| www.62599.cc-盛兴彩票v1登陆| www.163771.com-5080彩票下载| www.268015.com-精彩十分3d正视图| www.62ob.com-手机上哪里买彩票| www.2318.cn-彩票中奖感受| www.tz62.com-体彩术语大全| www.71gw.com-时时彩无牛共多少注| www.1221.space-华彩1到3级-| www.102731.com-福利彩票119| www.by13.com-今天河北快三开奖| www.11.me-快三源码玩法| www.1112.vip-彩票长龙判断| www.jy83.com-黑龙江有快三吗| www.25736.cc-竞彩容错怎么投注| www.104242.com-竞彩足球支持比例| www.7341.top-60彩票靠谱吗| www.47073.com-秒速时时彩精准计划| www.91938.cc-广东彩王图-| www.975915.com-太康彩礼-| www.ud73.com-福利彩票三位数开奖| www.393324.com-多肉初级彩铅画教程| www.008689.com-彩票选号必中神器| www.326976.com-关于彩票高频新政策| www.392383.com-集资竞彩足球合买| www.483853.com-七天彩票网上够买| www.026369.com-怎么攻破私彩平台| www.199702.com-体彩481开奖查询| www.237908.com-派彩广西快3| www.092219.com-我找到分分彩漏洞了| 乐彩网www.648668.com| www.872554.com-湖南福彩下载安装| www.961155.com-哈尔滨快三走势图| www.cp5958.com-福彩快三助手破解版| www.od70.cc-香港版彩票论坛| www.956783.com-彩泥图-| www.cai5508.com甘肃快三遗漏| www.43214.com-中彩啦买彩票行吗| www.954491.com-通博彩票官方网址| 大赢家彩票平台www.726703.com| www.hp45.com-新浪彩票频道| www.712019.com-彩票站可以过户吗| www.923478.com-怎么举报彩票店吃票| 豪彩VIPwww.808912.com| www.51pf.com-博彩游戏网站| www.10096.cc-乐彩sdv709-| www.195208.com-重庆时彩下注平台| www.100072.com-快彩北京11选5| www.i01.com-福彩神牛七乐彩预测| www.627030.com-彩九下载-| www.789987.cc-西宁福利彩票领奖处| www.864086.com-九亿彩票软件| www.923189.com-江苏福彩快三app| www.976546.com-采彩票开-| www.cp9777.cc-青海西宁快三下载| www.114984.com-彩票顶呱刮软件| www.222405.com-盈彩网下载安装| www.652068.com-pk彩票手机版下载| www.a88.com-简单水彩画-| www.42jn.com-37彩票怎么下载| www.9818.pw-福彩149期结果| www.5168.website双机彩票站转让信息| www.52533.com-好彩店彩票苹果版| www.000860.com-安徽快三奖励| www.709185.com-网络彩票诈骗立案| www.3922.com-3dvip彩票推算| www.106571.com-下载彩票77-| www.214348.com-人人彩票网提现| www.641033.com-天空彩票金彩网| www.750123.com-最专业彩票销售软件| www.828071.com-排列3预测彩吧网| www.916543.com-老时时彩360彩票| www.986398.com-今晚足彩专家推荐| www.gd65.cc-街机快三是什么游戏| www.r36.org-彩票开奖查询接口| www.03789.cc-彩票应不应该买| www.17pk.com-彩鸾归令的意思| www.696562.com-新浪爱彩首页| www.816851.com-重庆时时彩遗漏查询| www.444556.com-小米日历加彩票开奖| www.76071.com-彩票纸有毒吗| www.978234.com-成都彩钢夹芯板厂区| www.771315.com-丰大彩票登录| www.853873.com-北京时时彩赛车网址| www.930895.com-南洋彩开奖号码| www.975713.com-长葛彩礼一般给多少| www.il41.com-足球彩票软件| www.417135.com-彩虹6号游戏介绍| www.859929.com-时时彩票下载中心| www.309595.com-买体彩七位数的技巧|