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.p86.cc-乐彩网骗钱-| www.466633.com-七乐彩中六个好| www.1294.vip-乐彩任选六怎么玩| www.83em.com-拉萨彩票中心| www.355934.com-时时彩源码出租| www.290177.com-好彩客app合法吗| www.57ya.com-邯郸银行员工买彩票| www.82at.com-竞彩足彩盈亏指数| www.1022.tv-c68彩票官方网站| www.393007.com-万博彩票代理反点| www.529744.com-如意彩票专家计划| www.787798.com-彩客集团-| www.946975.com-彩色耐磨混凝土做法| www.dr88.cc-快三苹果下载app| www.616013.com-深圳市福彩兑奖地址| www.732470.com-彩票595万无人领| www.924440.com-四亿彩票送41| www.wt52.com-快三安徽形态走势图| www.99bj.com-卓越博彩论坛| www.958583.com-云南七星彩中奖情况| www.245975.com-易彩快三能赢到钱吗| www.503399.com-绝密赢彩-| www.981911.com-七星彩开结果奖时间| www.76fy.com-七乐彩中奖在哪领奖| www.195108.com-快乐彩走势图| www.200027.cc-腾讯时时彩开奖公告| www.673759.com-中外彩画-| www.868288.com-五分彩万位公式| www.360715.com-合创彩票平台| www.507893.com-刚力彩芽武井| www.587869.com-彩票开奖彩票| www.662066.com-射阳县城西竞彩足球| www.25qm.com-华彩联合支付宝团队| www.cai1766.com福彩快三彩票| www.415.tv-彩票八喜中奖| www.358142.com-微彩国际-| www.11rs.com-搭建一彩票网站费用| www.87748.com-怎么戒掉网上玩彩票| www.973493.com-温州体彩兑奖中心| www.56800.cc-经典时时彩龙虎口诀| www.k44.bid-快三群号微信| www.1147.org-彩银熊猫纪念币| www.23404.com-认可的彩票app| www.39925.cc-彩票巴巴载下| www.822222.com-5oo彩-| www.20fj.com-马竞尤文足彩| www.733160.com-全民中彩网-| www.849638.com-3分时时彩计划软件| www.27398.cc-体彩实体店微信出票| www.152365.com-有能买彩票的软件吗| www.07862.com-中彩那天板书| www.555622.com-重庆时时彩讨论| www.625923.com-今晚彩票3d开奖图| www.689884.com-66彩票网6516| www.46727.com-彩票站可以过户| www.750034.com-排三双彩论坛| www.199970.com-11选3体彩-| www.78992.cc-51时时彩网-| www.812857.com-六会彩开奖结果| www.672612.com-惟默彩宝-| www.799397.com-体彩终端机死机| www.927400.com-app彩票合法吗| 多乐彩票www.411515.com| www.uu46.com-上海时时乐彩票查询| www.k60.cn-北京七波彩加盟骗局| www.516166.com-尤师彩票-| www.594578.com-优乐彩不能提现| www.693856.com-彩77彩票怎么样| www.217038.com-省份快三有假吗| www.310158.com-亿网彩票怎么样| www.397494.com-足彩竞猜网结果| www.512610.com-秋天树林道路彩铅画| www.585002.com-足球竞彩可以赚钱吗| www.657441.com-时时彩代理判刑新闻| www.719094.com-双色球彩票开| www.791435.com-福彩3d丹东图谜| www.870322.com-网上买彩票大小单双| www.739040.com-彩经彩票微信群| www.836633.com-九州彩票是合法的吗| www.922148.com-山西各地彩礼价目表| www.984064.com-杀姐姐看彩p3| www.sf6.com-吉林快三是啥意思| www.156792.com-好运福彩官网| www.k56.cc-期期好彩app| www.507075.com-彩票分为哪几种| www.599640.com-酷彩吧中奖有用吗| www.680693.com-搞彩票输的倾家荡产| www.773784.com-中国福到彩票| www.871867.com-丰彩真石漆-| www.963472.com-彩铅风景画教程图解| www.bm07.com-如意彩票官网| www.yo21.com-网恋教玩彩票| www.30yk.com-干彩票站挣钱吗| www.1047.live-彩票数据分析师| www.9420.cc-还有华人彩票网站吗| www.967201.com-即时开彩现场| www.fe35.com-盐城彩票中一亿| www.fd33.com-全天幸运快三计划| www.c06.top-星彩娱乐-| www.042399.com-彩票单选是什么意思| www.473076.com-迪士尼彩乐园手机版| www.10980.com-ok网彩票-| www.59385.cc-彩票软件那个好| www.062391.com-天天乐彩app| www.100023.com-充值10送18彩票| www.722459.com-微信快三-| www.792213.com-体彩中奖了怎么领奖| www.857543.com-唯彩会app-| www.906387.com-彩票游戏送彩金| www.959849.com-彩票电子注册送28| 福彩www.16878r.com| www.hw77.com-中国体育彩票手机版| www.139.link-彩虹屁模板夸朋友| www.689553.com-王世辉彩票回血| www.421566.com-网上购双色球彩票| www.933595.com-福建体彩31选七| www.4057.cm-粤彩实战报纸彩图| www.733761.com-彩票双色中奖查询| www.2264.shop-今日福彩通知| www.272179.com-广西快三44遗漏值| www.233912.com-快三团队靠什么盈利| www.f90.xyz-海南彩票四码定位| www.sh49.com-老彩票app-| www.288595.com-网络彩票计划员工资| www.40768.com-彩票一号平台登录| www.086813.com-溢彩-| www.183638.com-手机购彩app下载| www.8522.xyz-澎湃彩票真的假的| www.60245.com-网络江苏快三黑彩| www.8889.online808福彩前后关系| www.970712.com-1991年彩票-| www.441852.com-快三北京快3| www.567821.com-中国有哪几种彩票| www.698845.com-画彩铅工具-| www.795195.com-福彩3d哪里兑奖| www.900358.com-500彩票靠谱么| 澳客彩票www.106ak.com| www.866.net-体育彩票为玩法| www.892922.com-全民彩官网下载苹果| www.9229.site-众彩是国家正规的吗| www.51839.cc-赢彩彩票冻结账号| www.79535.cc-卖彩票图片-| www.811035.com-幸运彩票旗下| www.899110.com-足彩让球怎么算的| www.14qh.com-欢乐彩app苹果| www.3908.vip-七星彩计划软件下载| www.2vg.cc-极速时时彩必赢| www.226922.com-最快彩票开奖结果| www.6385.org-雅迪米彩二代60v| www.65968.cc-下彩触屏版-| www.109065.com-七星彩那天来| www.182219.com-快三单式中奖规则| www.826644.com-网上彩票又恢复了| www.8657.cm-七星彩梦码-| www.98906.com-时时彩如何科学倍投| www.081114.com-7星彩怎样才算中奖| www.171256.com-河北快三智能推荐号| www.370638.com-四季彩网页登录| www.277755.com-彩票3d论坛中彩网| www.968732.com-南方乐彩-| www.am12.cc-神州数彩票软件下载| www.92zh.com-345彩票直播秀| www.22681.cc-网赚彩票犯法吗| www.220102.com-百盈快三稳中计划|