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.337558.com-够力七星彩官网| www.506714.com-3d久久彩吧-| www.586965.com-竞彩哪里买好点| www.667337.com-分分彩买两种稳赚| www.740338.com-福彩天下是正规的吗| www.049157.com-福彩3d专家推测| www.132617.com-2018世界杯足彩| www.616594.com-长春体彩对将地址| www.0093.cm-好听点的彩票店昵称| www.104831.com-时时彩5星缩水技巧| www.133212.com-彩钢板尺寸规格| www.81kh.com-竞彩足球双平高手| www.688752.com-彩39购彩-| www.791070.com-福彩机选软件| www.877903.com-磁县彩票中42万| www.951052.com-竞彩足球即时指数| www.tr5.com-江西快三预测三同号| www.331167.com-彩神争霸官网登录| www.132564.com-18054期足彩| www.227380.com-快三大小规律怎么看| www.303258.com-7彩娱乐注册| www.264008.com-地方彩票开奖公告| www.500566.com-宏盛彩票下载| www.571214.com-红快三360-| www.638269.com-体彩店转让须知| www.707511.com-快三软件骗人吗| www.781665.com-福彩开店哪里申请| www.856898.cc-gc国彩投注网下载| www.921368.com-彩票中奖图片大全| www.978169.com-工地彩钢瓦围栏图片| www.bu7.com-彩票99-| www.np12.com-福彩3d手机版预测| www.wx03.com-彩票开奖排列五开奖| www.202707.com-贵州省福彩快3| www.790424.com-天天中彩吧3d图迷| www.905996.com-竞彩足球此分直播| www.cp2700.com-江苏快三彩票合法吗| www.6126.com-世界杯彩票怎么玩| www.66129.com-彩票选号怎么选的| www.39813.cc-速赢彩用户登录| www.268637.com-彩神争霸有效邀请码| www.370227.com-彩票摇奖作假视频| www.536295.com-哪种彩票更容易中奖| www.111542.com-手机大发时时彩计划| www.544506.com-易彩一分钟规律| www.631623.com-体育七星彩开奖直播| www.719282.com-写彩虹的优美句子| www.cai515.cc-福彩快三下载安装| www.m15.website江苏快三两同号推荐| www.77ro.com-彩票五行属火还是金| www.5203.xyz-云南福彩中心| www.68703.com-彩票要选几个号| www.035172.com-立彩彩票官方版| www.658178.com-彩票投注站用电视| www.28476.com-888彩票真的吗| www.91709.com-139彩票网正规吗| www.072760.com-四川福彩3d杀六码| www.144734.com-竞彩足球单场分析| www.226014.com-优乐彩-| www.295346.com-快三半顺-| www.367121.com-58彩开奖论坛| www.270128.com-132彩票手机版| www.522901.com-博彩打水-| www.619792.com-老牛足彩博客| www.733623.com-中福十分快三| www.827357.com-华阳彩票网页| 500彩票网www.61655v.com| www.52lo.cc-彩沙涂料-| www.733558.com-福建体彩兑奖流程| www.kn51.com-8k彩票是否合法| www.899813.com-大赢家彩票ios版| www.980626.com-海南彩票官方网站| www.mu9.com-彩票走势图大全表| www.ri73.com-开门彩预测-| www.01zv.com-战狼彩票精准计划群| www.72qw.com-福彩天下网址是多少| www.231857.com-u9彩票平台合法吗| www.37759.com-宏盛彩票软件怎么样| www.092067.com-下载彩票之家软件| www.197226.com-马来西亚彩票官网| www.286962.com-9购十分彩江苏快三| www.373933.com-语文故事中彩那天| www.653667.com-中国体育彩官网| www.48ll.com-三国里的星彩是谁| www.169056.com-河南快三走势图今| www.56200.com-下裁投彩网-| www.557664.com-福利彩票等级| www.309618.com-31选7私彩-| www.444753.com-彩票大数据杀号| www.80654.com-恒大彩票是不是真的| www.096722.com-众彩网程远预测专家| www.166145.com-快三开奖号码| www.233505.com-北京快三注册平台| www.166340.com-全网最大快三| www.230230.com-网上的二分彩是骗局| www.362869.com-2019体彩店出路| www.481848.com-快赢95彩票靠谱吗| www.558141.com-309彩票-| www.173841.com-福利快三官网下载| www.267832.com-七星彩梦册-| www.419815.com-彩票设备-| www.065432.com-简单彩铅画教程| www.537026.com-春秋彩票是不是正规| www.1314.host-彩乐汇的规律| www.819516.com-彩票吵群技巧| www.949038.com-中彩股份快三走势图| www.w37.net-福彩怎么追号| www.86dk.com-中彩国际是合法的吗| www.8554.in-中彩网天吉论坛3| www.217575.com-自助彩票机加盟| www.397514.com-体彩迷图总汇| www.496729.com-机选彩民中奖的故事| www.059342.com-微信彩票小程序| www.880552.com-七乐彩开奖今天| www.943868.com-彩_壹万-| www.984860.com-手机彩票做号软件| www.jm0.cc-上海快三是什么彩票| www.qh60.com-好彩1871红-| www.0rm.com-天津体彩玩法| www.503161.com-体育快开彩票中奖| www.573695.com-中兴彩票app下载| www.638126.com-足彩网点-| www.694401.com-运盛彩票网-| www.770218.com-彩控app-| www.827565.com-竞彩足球结果| www.883412.com-彩票彩金大全| www.939116.com-699彩票网页版| www.982280.com-六福彩香港正挂牌图| www.cp4649.com-甘肃快三助手app| www.390738.com-0365分分彩-| www.485907.com-105彩票合法| www.547329.com-福建体彩休假| www.610276.com-在淘宝怎么买彩票| www.622009.com-80cc彩票-| www.87678.com-彩票定位胆怎么玩| www.209070.com-福彩快三怎么举报| www.307110.com-快三控制住能赢钱吗| www.391844.com-体彩扑克3中奖规则| www.281354.com-中体彩网走势图| www.491100.com-5000万彩票平台| www.790911.com-环彩网触屏版| www.cp9598.com-中彩江苏快三下载| www.225600.com-导师带你买彩票骗局| www.844422.com-澳洲三分彩计划个位| www.99182.com-大发时时彩稳赚计划| www.86167.cc-闲情好彩新粤彩报纸| www.501977.com-十大正规的彩票软件| www.243300.com-福利彩票奖金多少| www.485505.com-篮球彩票分析技巧| www.93815.com-快三跨一的号有哪些| www.155226.com-体彩足球单关纪录| www.246843.com-快三彩票免费送彩金| www.450361.com-7k彩票网分分彩| www.4862.xyz-梦到彩票站-| www.236483.com-竞彩足球比分360| www.115649.com-大发彩票开奖| www.90393.com-杏彩提款多久到账| www.12124.cc-u9彩票登陆-| www.222463.com-彩票长龙一般多长| www.522421.com-易彩官方彩票网站| www.467605.com-几点后不能买彩票| www.83289.com-甘肃快三下载图官网| www.279856.com-胜负彩500w-| www.151597.com-彩77是正规平台吗|