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天

知道了
亚洲28 www.676656.com-福彩3d马后炮太湖| www.808459.com-彩票分析大师客服| www.889915.com-彩票标语图片| www.963404.com-十五选五彩乐乐预测| 500彩票www.653182.com| www.oa22.com-福彩快三豹子守号表| www.24pl.com-手机钢化彩膜壁纸| www.0110.tv-博彩排名-| www.7481.cn-彩02软件正规吗| www.32144.com-哪个软件可以买体彩| www.83914.com-农村天价彩礼谁来管| www.050353.com-极速快三怎样买赚| www.179979.com-江苏快三最高多少倍| www.266288.com-彩票套路-| www.364062.com-彩虹世界网络连接| www.468163.com-广州福利彩票刮刮乐| www.562326.com-3d福彩论彩吧| www.635569.com-彩宝首饰品牌有哪些| www.808332.com-侯彩彩票app软件| www.880943.com-人人彩票怎样提现| www.cp3116.com-新快三街机游戏| www.pg66.com-福彩走势图app| www.12ra.com-统一彩票骗局| www.90uy.com-917彩票下载| www.3263.top-安装e77乐彩登陆| www.9340.cn-福利彩票官员| www.71804.com-彩票天天彩选四开奖| www.040685.com-篮球博彩规则| www.133089.com-快三输了很多能回血| www.220058.com-重庆快三彩票| www.300692.com-118彩票电脑版| www.376931.com-东北娶媳妇彩礼钱| www.537590.com-彩色的东西都有什么| www.629611.com-188彩-| www.707037.com-虚拟足彩进球数| www.790296.com-炫彩词语-| www.872189.com-千万彩票得主| www.972474.com-优彩网app下载| www.tl10.com-体彩试机号对应码| www.09ws.com-云彩店哪里下载| www.87ur.com-福彩选三选四| www.2732.me-中彩网3b开奖号码| www.8720.cc-极速快三玩法简介| www.65598.cc-彩票自选器-| www.028395.com-稳的彩票台子| www.110596.com-河北福彩快三推荐号| www.185068.com-彩票66安卓-| www.262366.com-福彩3d购买-| www.382386.com-创名彩票推荐码| www.509657.com-2118官方彩票| www.585932.com-118彩票官方版| www.662166.com-彩票齐中网高手论坛| www.778889.com-苹果彩票是不是真的| www.861501.com-赢彩助手排3开机号| www.930910.com-福彩六加一玩法| www.988972.com-福气快3彩票网| www.c5.tv-好彩app合法吗| www.of74.com-福彩开奖七乐彩| www.87.cm-晶彩拍照手机| www.72ll.com-彩美365-| www.1332.live-亿游彩票网注册帐号| www.9896.bid-澳洲五分彩什么意思| www.58817.com-菠萝彩论坛网址| www.020764.com-体彩基诺游戏| www.092717.com-问题彩民投机| www.162345.com-五分快三概率| www.271583.com-好彩一开奖预测| www.358952.com-博彩注册送59| www.448336.com-双色球老杨说彩| www.542365.com-公益彩软件-| www.652558.com-精彩大乐透频直播视| www.728991.com-南方南方双彩网| www.801694.com-彩云自然酒店佛山| www.871566.com-什么彩票推荐软件好| www.977473.com-彩妆免费代理| www.hz2.com-体彩名词-| www.pk37.com-91彩票计划-| www.85.cx-下载7k官方彩票网| www.70kb.com-欢迎来到旺彩游戏| www.1080.cn-足彩负胜什么意思| www.9356.xyz-七星彩1元中多少| www.63313.cc-胜负彩19055| www.038728.com-新大陆彩票网站| www.144404.com-好彩堂跑狗图彩报| www.254443.com-中原彩票下载| www.333736.com-彩票可以随机选号吗| www.465424.com-什么彩票玩法最简单| www.573289.com-饰彩的是怎么解释| www.650522.com-海南彩票开奖直播| www.791743.com-博京娱乐时时彩| www.874811.com-7k彩票app下载| www.980926.com-彩788预测-| www.ns28.com-时时彩平台官方网| www.00dy.cc-全国彩票开奖查巡| www.74ws.com-彩票如何能中奖| www.1830.vip-摇一摇福彩双色球| www.09465.com-彩39网-| www.972161.com-湖北彩票换球案| 凤凰彩票网www.303766.com| www.226870.com-大众彩票是正规网吗| www.311102.com-中彩堂新址-| www.424944.com-彩乐乐可靠么| www.539446.com-福彩发展-| www.852038.com-说彩传媒-| www.948271.com-多彩网时时彩| 盈彩www.yc7701.com| www.kb65.com-41c彩票网站| www.h41.com-七星彩领奖-| www.45br.com-福彩门户资料图库| www.0921.top-彩票合买机会多吗| www.9933.vip-七乐彩中奖率| www.57926.com-汇彩网网站-| www.024833.com-河南福彩客服电话| www.140318.com-快三到几点-| www.279853.com-彩乐乐走势图| www.377392.com-体彩七星-| www.509390.com-福彩双色球预测频道| www.639441.com-彩票站买假刮刮乐| www.760122.com-七乐彩一等奖多少钱| www.864568.com-彩克网-| www.918622.com-u9官方彩票平台| 趣彩网www.qucw8.com| www.ci09.com-吉林快三害死我了| www.ws37.com-网易彩票时时彩| www.28wq.com-星耀国际彩票群| www.0967.vip-风采与风彩区别| www.7816.cc-足彩博冷技巧| www.26112.cc-彩虹羽泉mv-| www.74984.com-体彩有几种-| www.055251.com-吉林快三会不会作弊| www.150111.com-广东体彩中心地址| www.242368.com-快三的玩法技巧| www.316056.com-竞彩店查询-| www.392920.com-人物彩铅画图片大全| www.547199.com-锋彩直播最新破解版| www.649111.com-七彩椒种子催芽| www.751435.com-燕赵福彩快三遗漏值| www.832320.com-七彩在线彩票| www.920868.com-福彩15选5开奖| www.970421.com-天天乐彩下载| www.nn46.com-竞彩篮球投注app| www.n54.club-经彩网走势图| www.37gi.com-七星彩杀号360| www.0001.space-大同体育彩票站点| www.5890.vip-体彩中心在哪里| www.06809.com-3d通福彩软件| www.47184.com-男方不给彩礼| www.87245.com-五星乐彩下载| www.033003.com-体育彩票打票教程| www.102201.cc-彩神8安全吗| www.161777.com-洛杉矶国际快三| www.323091.com-马来分分彩计划软件| www.386097.com-威力彩最新开奖号码| www.505152.com-中国福利彩中奖结果| www.568191.com-盈众彩票网靠不靠谱| www.657101.com-竞彩销售时间| www.847020.com-足彩大神推单的软件| www.910620.com-快三走势图贵阳| www.970338.com-河北福彩三d字谜| www.rk5.cc-红旗彩票快三靠谱吗| www.no49.com-免费彩票选号软件| www.02mk.com-放彩虹屁-| www.68xq.com-世界有名的博彩公司| www.2228.cm-网上兼职投彩诈骗|