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.688083.com-九州彩票正规| 福彩www.16878z.com| www.183563.com-上海快三开奖直播| www.270863.cc-彩六下载安装| www.362592.com-高智商买彩票| www.207940.com-亚投彩票-| www.308157.com-福彩8软件安全吗| www.182110.com-彩票选号器-| www.093293.com-宝赢彩票软件破解版| www.762121.com-福利彩票快三官网| www.586224.com-七乐彩杀号网易| www.724701.com-彩票股票-| www.804008.com-易彩计划软件手机版| www.878487.com-体育彩票哪个靠谱| www.2010.org-和彩放题爆光| www.kk63.com-易彩快三下载| www.863928.com-买彩票输了三万| www.cd33.com-中国体育彩票排5| www.25tc.com-微信上的彩友是什么| www.191802.com-3d彩经网走势图| www.941235.com-彩票套利是什么| www.86008.com-今天3d福彩双采图| www.617090.com-冒领彩票构成什么罪| www.hb70.com-彩运8鼎盛-| www.836737.com-727精彩彩票首页| www.150292.com-彩票分析服务| www.66879.cc-彩票扫码查询| www.gx75.com-新彩票走势网| www.761574.com-福利彩票的种类| www.951394.com-500彩票aqq-| www.oc19.com-360彩票购彩网| www.63it.com-彩票自动贩卖机| www.636355.com-一什么彩虹天上挂| www.cai661.cc-贵州快三开奖| www.87606.com-竞彩结果查询| www.692042.com-高频彩平台平台下载| www.653333.com-七乐彩胆拖中奖计算| www.817662.com-彩票app哪个正规| www.131672.com-太原彩礼-| www.141258.com-福彩3d研究-| www.403178.com-7星彩票-| www.364677.com-世界杯可以体彩吗| www.24fo.com-手机膜有彩色| www.8423.cn-m8彩票平台官网| www.418578.com-牛彩大师可以用吗| www.1235.tv-博123彩票首页| www.950854.com-大发时时彩破解软件| www.bq62.com-彩71首页-| www.40rt.com-赢彩吧官方网站| www.6380.cc-r米彩通配加长版| www.343233.com-体彩时时内蒙| www.aj88.com-预测今晚七星彩号码| www.437338.com-彩票乱乱乐中奖图片| www.5842.cm-体彩排列三直选| www.659220.com-丰富多彩中彩的意思| www.807528.com-什么彩五分一期| www.414565.com-竞彩m串n一场延期| www.581187.com-怎么看福彩走势图| www.656468.com-派彩网陕西快乐十分| www.745904.com-红彩会手机登录| www.812603.com-七乐彩走势带连线| www.888458.com-亿乐彩靠谱吗| www.999196.com-一分快三平投技巧| www.kr14.com-上海福彩银彩通| www.028204.com-奔驰彩票客户端| www.04272.com-彩票预测必中下载| www.70957.com-彩金群-| www.3289.xyz-福利彩票彩宝贝汇总| 39彩票www.3933o.cc| www.720565.com-幸运七星彩预测| www.831069.com-黄鹤楼28的迷彩烟| www.902378.com-彩票站黑彩-| www.962675.com-彩票计划网址| 吉利彩票www.80075h.com| www.ev47.com-旺彩网官网下载安装| www.111880.com-快三和值技巧教程| www.192806.com-快三河北开奖结果| www.122900.com-海南天天中彩票| www.748598.com-中彩娱乐平台| www.36471.com-澳彩app免费下载| www.62891.cc-竞彩混合投注合买| www.lf11.com-中彩官网app下载| www.0ba.com-彩票7乐彩预测| www.501826.com-k彩登陆浅路测速| www.676185.com-仲博彩票登录平台| www.611866.com-福彩投注站点查询| www.728766.com-京东福彩-| www.811758.com-3d家彩网断组| www.1503.wang-彩虹屁夸男生| www.518970.com-有就快的彩票网站吗| www.589644.com-最准的足彩预测专家| www.657660.com-智彩11选5-| www.756684.com-全民乐彩票安全吗| www.822191.com-全国福彩3d预测| www.884876.com-彩神网可靠吗| www.958636.com-彩588app下载| www.999421.com-彩票137中彩网| www.av66.com-福彩开奖走势图| www.289266.com-彩票大小和单双技巧| www.470404.com-微购彩官网-| www.42gw.com-唯彩双色球预测下载| www.9uq.com-中国体育彩票微博| www.195375.com-上海彩票店-| www.283598.com-七星彩连中五个号| www.357286.com-中彩票夫妻怎么分| www.134934.com-7的彩票-| www.201175.com-七星彩开奖走势图表| www.5ba.cc-玩快三输了三万块钱| www.111763.com-五亿彩票官方网| www.49898.com-3d彩票图库-| www.012011.com-58期体育彩票奖号| www.119481.com-发彩网app能下吗| www.770652.com-彩46彩票手机版| www.974201.com-141彩票-| www.04ee.com-手机快三的案件| www.0954.date-玩彩需要什么心态| www.114.name-彩票567骗局| www.yn84.com-微信上的彩票导师| www.365947.cc-彩铅不好叠加颜色| www.451991.com-时时分分彩下载| www.533487.com-瑞彩祥云挂-| www.587845.com-3d字謎牛彩網| www.653820.com-跳快三的歌曲是什么| www.718362.com-在线看彩票-| www.788930.com-手机版竞彩网| www.854205.com-最新竞彩258下载| www.911248.com-k彩手机客户端| www.966767.com-南方双彩网3d| 凤凰彩票www.77803m.com| www.fl06.com-体育彩票中奖对照表| www.um22.com-3d彩经网走势新版| www.27.org-中国彩票主任| www.59sn.com-福利彩世界怎么样| www.ye68.com-大发快三假的| www.74al.com-私彩拉人犯法么| www.5284.xyz-派彩网违法吗| www.31057.com-有多少人彩票中奖| www.504206.com-兼职代买彩票被骗| www.20086.cc-新时时彩官网平台| www.85037.com-今日彩圣字谜总汇| www.23374.com-彩票讯息网-| www.010558.com-凤凰私彩平台| www.387005.com-足彩总进球数玩法| www.527658.com-足彩8串9怎么中奖| www.706939.com-微信买彩票软件| www.857282.com-彩之源彩票如何赚钱| www.984721.com-谁有福利彩的邀请码| www.im39.com-手机快三能玩吗| www.18qo.com-体彩周五开奖| www.610040.com-网上人叫你玩时彩| www.892591.com-旺彩预测下载| www.bw46.com-甘肃福彩3d走势图| www.497902.com-博彩提现骗局| www.607281.com-广州福利彩票投注站| www.677664.com-今晚足彩推荐| www.739134.com-竞彩比分赔率| www.799026.com-刺客研彩网-| www.863554.com-彩票采集器修复教程| www.932227.com-海南七星彩结果| www.998881.com-洛杉矶快三-| www.fh71.com-彩票注册秒送28元| www.109610.com-红牛彩票计划群| www.96632.com-彩票积分如何兑换| www.108698.com-28高频彩-|