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.795675.com-彩票试机号今天3d| 惠民彩票www.hm3988.com| www.201710.cc-福彩3d胆拖计算器| www.36753.com-全国快三投注技巧| www.yr64.com-福彩快三跨度走势| www.204950.com-最专业彩票选号软件| www.756458.com-彩票打码员是什么| www.926858.com-数字达人社区彩票| www.982935.com-新盈彩官方平台| www.42ei.com-七星彩排列五群| www.288352.com-湖北快三爱乐彩| www.66ek.com-爱尚彩染发焗油| www.211866.com-澳客彩票网电脑版| www.955117.com-易记彩票破解| www.98kn.com-微信群黑彩-| www.510435.com-彩虹的约定歌谱| www.cp5339.com-内蒙古快三网上投注| www.057592.com-福彩图纸今天图| www.075740.com-五福团购彩票骗局| www.215328.com-瑞彩祥云彩票网站| www.354110.com-竞彩球队身价| www.39vw.com-成都结婚彩礼多少| www.177246.com-uu快三平台-| www.494900.com-老快三网站-| www.382256.com-买彩票中奖的人结局| www.120673.com-足彩兑奖时间限制| www.000311.com-快乐彩票抢红包| www.502072.com-093彩票代理| www.651999.cc-弘兴国际彩票| www.852355.com-官方彩票购买软件| www.972334.com-福彩3d胆码最准| www.gn43.com-蚂蚁致富团队彩票| www.40ja.com-下载香港彩一马生肖| www.1434.cm-zg彩票网app| www.006652.com-北京5分彩计划| www.1658.pro-彩票大师软件合法吗| www.343503.com-有一个彩票软件赚钱| www.901756.com-体彩店主吃票判刑| www.826234.com-官方彩票一分赛车| www.929612.com-六合牛娃彩票| 快彩在线www.kc19.com| www.hx15.cc-今日彩奖头条| www.n64.cc-爱投网彩票客服电话| www.090006.com-时时彩代理怎么做| www.888518.cc-金沙国际时时彩平台| www.8333.org-菲律宾时时彩代理| www.1539.cn-福彩三地绝杀六码| www.686873.com-上海大乐透彩票大奖| www.796119.com-彩票怎么选择号码| www.bh28.com-神州彩票怎么样| www.wc64.com-内蒙古快三杀号| www.47tn.com-彩铃设置-| www.1130.vip-比赛中断竞彩怎么算| www.814990.com-天天买彩票app| www.933967.com-福彩动物总动员诀窍| www.996601.cc-黑河福彩网-| www.332565.com-彩票送礼金网站大全| www.348308.com-下载福利七乐彩票| www.576726.com-体育彩票手机在线| www.670014.com-彩中网-| www.759889.com-在线人工时时彩计划| www.876338.com-福彩3d断组论坛| www.980314.com-广西体彩官方网站| www.mw69.com-66微彩票下载安装| www.70eb.com-七k彩票网十分彩| www.3708.vip-休彩排三2元| www.696652.com-双色球彩票推荐号码| www.15898.com-体彩大乐透手机投注| www.548859.com-94彩票下载安装| www.623839.com-胜负彩推荐app| www.707700.com-竞彩篮球误差值| www.792233.cc-福利彩票44期3d| www.582572.cc-福彩问户-| www.xq03.com-体彩十一选五专业版| www.050499.com-最新彩票报纸| www.970262.com-ag彩數據-| www.tw7.com-爱彩乐大发快三套路| www.088203.com-北京足彩单场计算器| www.166939.com-三分快三是什么| www.026830.com-体彩481开奖号码| www.3061.cm-大发快三开奖| www.ez0.cc-快三数字杀头尾| www.751.live-时时彩猜数字规律| www.7290.vip-彩虹电影台源| www.21655.com-彩票客户端如何挣钱| www.57871.com-下载全球彩票| www.209312.com-快三哪个平台正规| www.67656.com-c48彩票官方网站| www.00bc.com-青蛙彩票开彩结果| www.94fp.com-火前彩票app| www.268923.com-彩王争霸下载地址| www.356842.com-体彩复式怎么玩| www.451215.com-淘彩票八位邀请码| www.563023.com-9a彩票app下载| www.654042.com-cc12彩票-| www.xc17.com-福彩排列七奖金| www.85806.com-5504彩票网站| www.052628.com-体彩兑奖规则| www.807504.com-陈赫包贝尔买彩票| www.642469.com-重庆福彩抽汽车结果| www.510375.com-彩票合并公告| www.72767.cc-彩运无限可靠吗| www.177044.com-河南电视快三走势图| www.808084.com-登录优彩网主页| www.896897.com-周口彩票店转让信息| www.954855.com-瑞彩祥云富强彩票| 博乐彩票www.35918y.com| www.688674.com-广东体彩软件下载| www.790030.com-青海省福彩中心电话| www.209546.com-黑彩庄家怎么定罪| www.328285.com-乐彩3d字谜总汇| www.434855.com-竞彩中奖后兑奖| www.970755.com-彩票能中五百万吗| www.cp407.com-甘肃快三的预测号码| www.tp39.com-安徽快三遗漏走势| www.cp263.cc-江苏福彩快三开奖| www.885250.com-唐龙说彩近期| www.356.tv-国外高频彩票| www.9189.biz-新加坡天天彩资纲| www.60831.com-青岛福彩养老院电话| www.581561.com-幸运彩票怎么领彩金| www.652967.com-澳彩网客户端下载| www.712266.com-河南信阳彩礼多少钱| www.773397.com-福彩3d过滤程序| www.831627.com-彩票网络接单| www.885646.com-爱心彩票网-| www.956065.com-彩票上分是什么意思| www.995579.com-北单和竞彩对冲| www.ak71.com-快三app平台| www.wj32.com-大发时时彩预测软件| www.16tw.com-怎么开设彩票服务器| www.870318.com-河北快三第一期几点| www.946646.com-全部彩种免费计划表| www.993775.com-什么是3d彩票| www.ki23.com-体彩投注网站| www.r24.com-福彩通app注册码| www.966669.com-体彩3d前三走势图| www.257989.com-彩先知10码10码| www.793309.com-彩票跟赌博-| www.261610.com-六开彩-| www.293468.com-彩票软件过滤分析| www.911600.com-乐彩商城app| www.54358.com-时时彩破解教学| www.1711.bid-中彩彩票怎么买| www.128354.com-快三红号有多少个| www.6658.hk-彩吧图谜鸿铄| www.153336.com-福利彩票蓝号有几个| www.234145.com-如何戒除彩票| www.005735.com-彩票计划9cb| www.689146.com-网络彩票下载| www.781311.com-微彩平台骗局揭秘| www.882573.com-重庆5分彩开奖号码| www.989852.com-三d太湖字谜多彩网| www.691.in-体育七星彩几点停售| www.4971.cc-乐发彩票平台| www.883716.com-彩票送彩金排行榜| www.30465.com-大连体育彩票网址| www.591058.com-好彩v2.1.15| www.03184.com-掌优彩票下载安装| www.786086.com-北京福彩快乐3开奖| www.113501.com-四川快三查询结果| www.567656.com-全民乐彩下载| www.16938.com-幸运快三走势图下载| www.456995.com-体彩排列3图迷画迷|