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天

知道了
彩01彩票 www.621927.com-中彩票的秘诀| www.051306.com-福彩3d和值谜语| www.278961.com-彩票大数据分析软件| www.22859.cc-湖南体彩网进不去| www.603657.com-梦见别人买彩票| www.710578.com-彩票套菜什么意思| www.823848.com-福彩双色球在线购买| www.924006.com-世界彩票巨奖排行榜| www.993340.com-足彩大神论坛| www.cs12.com-河北快三稳赚技巧| www.wz41.cc-福利彩票三地| www.9689.org-彩票反追杀系统| www.965038.com-彩七七官方-| www.ec23.com-彩票注册-| www.051079.com-彩票路途遥远任务重| www.199760.com-时时中彩票app| www.318889.com-抚州中彩票-| www.395840.com-羽泉彩虹原版吉他谱| www.508210.com-258彩票下载安装| www.581848.com-中园体育彩票官网| www.24837.com-彩搜网东北王| www.32205.com-彩色包装厂-| www.62rt.com-义乌体育彩票店转让| www.5wx.com-大富双彩票源码| www.397409.com-网络私彩举报电话| www.602611.com-快彩app网站| www.282128.com-时时彩最快开奖地址| www.424360.com-天天赢彩票链接| www.675945.com-网上买快三怎样买| www.797622.com-浩博博彩-| www.878956.cc-彩票缩水选号| www.816440.com-时时彩遗漏数据| www.909948.com-彩界资源-| www.cp8978.com-老快三爱彩乐| www.6080.tv-粤陶彩票-| www.260508.com-网赌博彩-| www.381660.com-网上买私彩犯法不| www.528630.com-神彩网彩票-| www.s69.me-柳州市福利彩票中心| www.bo8.cc-快三三军玩法详解| www.389568.com-双色球彩票开奖吋间| www.313071.com-体彩排列5开奖情况| www.69451.com-668彩票下载安装| www.78537.cc-七乐彩四拖六多少钱| www.375708.com-乐彩彩票苹果下载| www.664653.com-体彩订票下载软件| www.283795.com-七星彩游戏规则详情| www.315916.com-七天彩下载网址| www.415062.com-福彩3d胆拖下载| www.667483.com-武汉福彩中心地址| www.391858.com-福彩3d魔图表| www.6912.cn-时时彩口诀技巧| www.789666.com-好彩店彩票合法吗| www.750351.com-手机在线购彩票| www.035232.com-广西快三摇奖下载| www.068018.com-彩票自助打印软件| www.vr56.com-竞彩足球胆拖稳赚法| www.81940.com-中发福彩客服| www.s83.com-彩票双色球中5个了| www.456926.com-福彩结束时间| www.559727.com-彩宝计划是不是真的| www.007371.com-河南体彩网电脑版| www.104399.com-马来西亚彩票| www.49507.com-竞彩和外围-| www.416152.com-博彩属于金融吗| www.539834.com-麒麟彩票-| www.636498.com-巴基斯坦彩虹无人机| www.122900.com-海南天天中彩票| www.203016.com-福彩快3今天开奖号| www.91pz.cc-777福彩社区综合| www.2035.date-彩虹小鸡主题曲| www.7799.pw-竞彩全攻略在线| www.232221.com-十分彩骗局-| www.8696.in-七星彩票开什么奖了| www.71650.com-银海彩票工作室3d| www.030353.com-8k彩票邀请码谁有| www.075367.com-众彩网官方下载| www.177744.com-彩票开挂软件靠谱吗| www.252932.com-500彩票大发快三| www.48bw.com-福彩开店详细流程| www.88864.com-大圣彩票团队计划| www.069720.com-福彩开奖结果查洵彩| www.158907.com-陕西快三走势图表| www.239941.com-江苏快三兼职可靠吗| www.362067.com-群英会彩乐乐| www.613785.com-体彩11选五中奖| www.710172.com-大优手机彩票平台| www.828246.com-彩票app自动追号| www.909983.com-彩界老大彩票今晚| www.975793.com-云购彩票骗局揭秘| www.411551.com-唯彩会3d专家预测| www.287932.com-彩票跟单合买平台| www.386181.com-江西福彩快乐十分| www.519052.com-彩票是谁研究出来的| www.605271.com-可以网上购彩票| www.689097.com-别人推同乐彩彩票| www.775445.com-福彩3字谜字迷总汇| www.872601.com-湖南体彩报-| www.959846.com-福彩投单兼职真的吗| 99彩票www.994948.com| www.lm07.com-有谁知道淘彩票吗| www.682696.com-资金彩票-| www.800.top-七乐彩汇总-| www.5236.net-尚未派彩是什么意思| www.00935.com-博易api彩票接口| www.37935.com-顶级彩票网-| www.78705.com-新加坡天天彩资讯绲| www.yh43.cc-7星彩-| www.15rp.com-离婚彩礼和嫁妆问题| www.80xr.com-今曰七乐彩开奖号| www.1297.cm-关于彩票的电子书籍| www.6246.tv-五福彩正规吗| www.13131.com-竞彩足球每天赚| www.133046.com-富彩彩票安全吗| www.269111.com-a1彩票-| www.362855.com-七星彩奖池现有余额| www.495332.com-电子竞技博彩app| www.738225.com-百度彩票排列五开奖| www.877218.com-七乐彩今晚预测号码| www.948573.com-在手机可以买彩票吗| www.993672.com-打鱼送彩金可兑现| www.li03.com-中彩彩票有什么漏洞| 99彩票www.66026.cc| www.36872.cc-干里马体彩预测| www.946970.com-彩色砼价格-| www.xd4.cc-青海福利彩票| www.85wn.com-趋势王彩票分析下载| www.zb2.cc-快三一天开多少期| www.d37.com-网上买彩票骗局| www.194625.com-时时乐开门彩| www.277959.com-快三输了怎么回血| www.429004.com-苏州中奖彩票| www.559031.com-湖北福彩下载| www.627533.com-福彩双采最大| www.765155.com-彩75彩票怎么样| www.882631.com-易彩堂能提现吗| www.949630.com-快乐彩任三推荐号码| 中彩网www.6611f.cc| 158彩票www.16055.com| www.ly40.com-青海快三昨天走势图| www.050378.com-微信里能买彩票吗| www.511397.com-抖音昵称加彩虹| www.614608.cc-快三怎么开奖过程| www.687507.com-彩票刮刮卡下载| www.355905.com-福彩分分彩-| www.636079.com-彩虹4无人机价格| www.723955.com-福彩在线网-| www.804926.com-彩票追加-| www.63ru.com-98彩票网app| www.535263.com-8位数字彩票| www.8540.org-福彩3d打票机界面| www.0026.cn-彩票需要几个数字| www.207.cm-秋天的景色彩铅画| www.368762.com-慧扑彩票下载| www.475068.com-星期五彩票什么开奖| www.170803.com-甘肃快三今天预测| www.588152.com-休彩排三开奖结果| www.719836.com-时时彩出对子规律| www.810026.com-高手破解福彩3d| www.885834.com-周杰伦彩虹歌词含义| www.259577.com-彩票在线模拟选号| www.362968.com-福利彩票开奖的依据| www.275388.com-快三高手计划| www.345640.com-福彩中奖奖金兑换|