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.651627.com-永利彩票是真的吗| www.380639.com-当天的彩票几点停售| www.3540.xyz-彩票偏态-| www.0050.com-体育彩票店装修图片| www.9689.cm-七里彩开奖i结果| www.731440.com-易彩堂主页搜不到| 500彩票www.602470.com| www.181610.com-好彩app合法吗| www.786273.com-彩票查询结果大全| www.85427.com-福利彩票35选7| www.199080.com-吉林快三一分钟| www.40059.com-田伟足彩解盘分析| www.672022.com-被人追杀买什么彩票| www.86976.cc-悠悠彩票客户端下载| www.335930.com-体育彩票可以网上买| www.352629.com-开台湾福星彩现场| www.3029.com-三d丹东p3彩图| www.114514.com-时时彩怎么拉人最快| www.1698.mobi-彩票代理诈骗| www.80606.com-中国足彩网怎么样| www.511648.com-彩票撕破了能兑奖吗| www.727317.com-快3福彩开奖号| www.5bh.cc-查彩票双色球怎么查| www.059813.com-吉林福彩中心官网| www.pj57.cc-彩票计划手-| 福利彩票www.99677p.com| www.292628.com-长春福彩中心官网| www.456365.com-青岛福彩中心招聘| www.584783.com-47彩票-| www.675007.com-韩国二分彩网站| www.02mp.com-福佳彩官方网站下载| www.153.live-神州数字三彩票| www.242160.com-新2彩票下载软件| www.448408.com-老杜讲彩票-| www.nx51.com-福彩快三网是真的吗| www.xy65.com-中国彩票机选中奖| www.44ih.com-98彩票官方-| www.0253.cn-555彩票下载| www.620593.com-七星彩基本走势图图| www.813047.com-哪家手机彩彯合法| www.977730.com-豪彩vipapp| www.ly65.com-彩之家下载苹果| www.670265.com-325彩票-| www.lp95.com-中彩网钱提不出来| www.242486.com-广西快三不同推荐号| www.330160.com-3d牛彩网彩搜网| www.410489.com-七彩球视频-| www.522478.com-我乐时时彩计划软件| www.6351.wang-深圳天天悦彩正规吗| www.031052.com-全民彩票靠谱吗| www.163522.com-易彩网是合法的吗| www.38163.cc-福彩无纸化投注| www.037345.com-中大奖彩票软件| www.035.link-中兴彩票靠谱吗| www.cb86.com-千万彩票app平台| www.62oi.com-怎么能网上买彩票| www.111096.com-彩票中奖小说排行| www.245001.com-易彩彩票下载软件| www.377035.com-福利3d彩票试机号| www.604546.com-詹天佑福彩今日点评| www.809043.com-彩票中奖感言| www.987403.com-77彩票安卓-| www.vd38.com-智慧彩票预测下载| www.322.live-色彩风景临摹| www.8877.hk-黑彩流水返点| www.92839.com-立彩预测中奖助手| www.156792.com-好运福彩官网| www.295293.com-3d彩报图-| www.576543.com-彩02彩票平台正规| www.704444.cc-黑彩大小双单| www.812834.com-七乐彩跨度走势| www.934577.com-江苏快三人工计划网| www.pf03.com-河北快三技巧宝典| www.41ze.com-胜负彩复式表| www.8842.hk-19049足彩推荐| www.039395.com-百姓彩票网址| www.255523.com-江苏福彩快三是什么| www.425621.com-众赢彩票今日盈亏| www.622907.com-全讯彩票官网| www.760148.com-福利彩票站中奖提成| www.933538.com-时时中彩票下载安装| www.cai7144.com彩票高手计划app| www.yh88.cc-足彩竞猜结果查询| www.1079.wang-天天彩票高手论| www.493077.com-北京七星彩开奖直播| www.574.net-2元胜负彩500万| www.173772.com-快三官网网站| www.266981.com-时时彩走势app| www.358944.com-体育彩票多少个号| www.572967.com-江西快彩乐-| www.680725.com-淘彩票注册邀请码| www.789233.com-南阳结婚彩礼多少钱| www.888576.cc-互联网彩票最新进展| 爱上彩票www.ascp7.com| www.79392.cc-如意彩票正规吗| www.092663.com-福建福彩乐透型网| www.19172.cc-福利彩票兑奖了好吗| www.73125.com-长沙福利彩票| www.061115.com-新浪彩票双色球预则| www.146249.com-足彩网官网-| www.276323.com-七乐彩兑奖表| www.29qw.com-水彩星空鹿图片| www.1610.cc-玛骓彩票游戏| www.8692.loan-江苏快三网易杀号| www.52911.cc-绿好彩烟-| www.93266.cc-福利3d彩票-| www.71145.com-福彩领奖地址| www.361030.com-彩票学堂-| www.403826.com-彩礼多少钱-| www.ub32.com-网上买彩票合法| www.185062.com-彩9官方下载| www.280199.com-重庆时时彩走势分析| www.383269.com-彩票今晚是多少| www.628304.com-七彩国际美容华联| www.803704.com-吉林快三单双走势图| 9号彩票www.80767l.com| www.s31.in-七彩星奖开奖结果| www.90mn.cc-博彩公司利记| www.7578.pw-华彩生活官方下载| www.004428.com-三彩官方旗舰店毛衫| www.125431.com-福彩公益行是真的吗| www.223333.cc-97彩票下载手机版| www.478062.com-聚彩彩票靠谱吗| www.587886.com-彩色复印机效果| www.751491.com-足彩14场胜负指数| www.883893.com-365天天彩票| www.lw02.com-广东36选7好彩3| www.84ge.com-12选5快乐彩下载| www.7273.net-星期六有什么彩票买| www.49881.com-神计划彩票聊天室| www.001.cn-非凡彩票走势图表| www.dt97.com-天天溢彩-| www.005821.com-奥客彩票wan| www.821798.com-聚彩彩票官网| www.185030.com-珠江彩票合法吗| www.qd49.com-有哪些老彩票app| www.421539.com-竞彩胜平负预测推荐| www.555778.com-至尊专业彩票平台| www.608257.com-竞彩推荐公司收费| www.668350.com-3d彩票定时器| www.740454.com-澳门分分彩开奖官网| www.cai5244.com江苏快三遗漏| www.a09.net-新浪彩票官方app| www.960995.com-福彩快三单双| www.il19.com-139彩票下载安装| www.27ph.com-博都彩票-| www.2144.vip-彩票36选5是哪个| www.17930.com-聚星彩票-| www.056521.com-合肥体彩中心| www.173271.com-极速快三怎么玩稳赚| www.409398.com-1000彩票app| www.082981.com-宝马彩票手机登录| www.220723.com-彩票店快三电视软件| www.438996.com-营业中的彩票店| www.604443.com-彩票票样怎么看| www.857991.com-福彩快乐彩作假| 大赢家彩票平台www.109075.com| www.02fp.com-国家体彩总局| www.141605.com-排列三彩吧助手| www.mn94.com-时时彩漏洞在哪里| www.80md.com-体育彩票可信吗| www.6442.vip-豪彩投是什么意思| www.42542.com-搜狗彩票官网| www.97123.com-彩36下载安装|