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.56355.cc-玖富彩票网址| www.021429.com-亚慱彩票app| www.205885.com-老版一定牛彩票软件| www.225581.com-微信彩票女-| www.344409.com-山东彩票群英会下载| www.530095.com-头彩是什么意思| www.829058.com-ee彩票app下载| www.915900.com-9万彩票官网平台| 网易彩票www.26163q.com| www.336246.com-高频彩票的赚钱原理| www.468886.com-一分彩是真的吗| www.046.pw-我要举报好运彩网站| www.5758.site-福彩快三提前开奖| www.sy13.com-七星彩中奖技巧| www.425886.com-天下彩票会员料| www.181452.com-宁夏快三的走势图| www.947469.com-福彩3d在线计划| www.as18.com-湖北福彩网中奖公告| www.847624.com-一定牛上海快三| www.953218.com-吉林快三第一位| www.fx46.com-酷彩吧可以买彩票吗| www.x13.shop-彩票一天赚500| www.328170.com-彩吧论坛首页i| www.608561.com-彩宝贝彩票| www.699653.com-五分时时彩万位计划| www.885957.com-网络彩票平投技巧| www.cai5551.com怎么看懂快三走势图| www.000038.com-体彩4十1-| www.132284.com-河南各地彩礼钱| www.262925.com-彩票微信群-| www.387788.com-天下彩app下载| www.657145.com-彩奕颂有网店吗| www.vd80.com-彩神通手机版| www.802506.com-百万彩登录官网| www.876594.com-南方彩票网预测分析| www.024196.com-福彩六加一生肖规则| www.144492.com-彩68彩票领导者| www.247633.com-大发快三吧-| www.365634.cc-请问竞彩胆拖怎么打| www.660924.com-腾讯分分彩做号技巧| www.11802.com-乐乐彩票app| www.778648.com-双色球走势彩经网| www.928298.com-高频彩哪种玩法| www.998408.com-北京彩票站转让信息| www.c91.club-爱乐透七星彩360| www.8193.wang-福彩8炫彩奖金| www.285884.com-1a彩票-| www.628532.com-浙江福彩积分扫一扫| www.318423.com-福彩、体彩开奖公告| www.484810.cc-福彩3d全图总汇九| www.582151.com-2356官方彩票| www.662006.com-竞彩2串1中奖图片| www.760508.com-三彩松鼠-| www.840014.com-竞彩足球倍投计划| www.915027.com-天天快三幸运快三| www.974269.com-蓝精灵彩报b版今天| www.cp557.com-彩票黑平台排名| www.508046.com-老杜说彩4日大乐透| www.763552.com-一定牛竞彩-| www.32ma.com-彩票要买几个数字| www.29yr.com-什么是三分彩| www.651627.com-永利彩票是真的吗| www.tv81.com-彩票合买平台贴吧| www.20eg.com-幸运彩大发快三| www.566963.com-美国兆彩怎么买| www.060979.com-河南福彩手机网| E彩堂www.43818r.com| www.579073.com-七星彩2284期测| www.650893.com-乐和彩竞彩客服电话| www.715520.com-快三单跳双跳| www.791068.com-体彩奖号app| www.860433.com-中国福彩快3平台| www.921527.com-彩神网络彩票| www.982348.com-爱乐透彩票最新版| www.ys3.com-彩票双色球中奖规则| www.sy84.com-七星彩中五个号码| www.zv32.com-旋风彩虹机-| www.552818.com-1号彩票官方下注| www.666757.com-七乐彩提现-| www.789010.com-快乐彩胆拖对照表| www.689592.com-7乐彩模拟在线摇奖| www.020740.com-江苏快三豹子| www.97922.com-即开型彩票兑奖期限| www.788989.com-竞彩投注比例官网| www.872301.com-乐彩网官方免费下载| www.965708.com-江苏快三的中奖方法| www.tm.com-福彩下载安装| www.tn43.com-安徽快三变化| www.34lo.com-体彩p3试机号码| www.3281.bid-全球彩票靠谱吗| www.166.website彩票撕破了能兑奖吗| www.7600.vip-开奖信息一福彩| www.er76.com-福建体彩网官方网| www.3112.net-上海彩票弃奖排行榜| www.05384.com-买彩票坚持一个号| www.812052.com-唯彩会彩票开奖查询| www.923578.cc-七星彩彩宝贝| 中彩网www.700345.com| www.706195.com-发彩网快三靠谱吗| www.800111.com-体彩超级大乐透计算| www.886107.com-超级时时彩-| www.965436.com-8k彩票是真的吗| www.iw47.com-体彩31选7规则| www.06dw.com-福利彩票双色球33| www.793009.com-安阳彩民-| www.881166.com-赢家彩票官网邀请码| www.958737.com-js518全彩漫画| 500彩票www.50788o.com| www.968008.com-赌场买彩票吗| www.964637.com-完场足彩比分直播| www.rt88.cc-快三彩票的网站| www.37kj.cc-竟猜足彩比分| www.603559.com-山西福利彩票网点| www.pz06.cc-最新版ee彩下载| www.72ie.com-篮彩分析预测专家| www.ll89.com-彩票12官方网站| www.58zl.com-苹果炫彩动态壁纸| www.98284.com-竞彩预测法-| www.090576.com-彩票站营业时间| www.1863.vip-d8彩票下载软件| www.99yw.com-三彩彩票是真是假| www.556.red-腾讯分分彩怎么平投| www.54599.com-足彩胜负结果分析| www.024517.com-彩福彩票官网| www.096771.com-中彩网开机号| www.162079.com-彩票遗漏-| www.697396.com-七星彩复式玩法价格| www.857117.com-菲律宾有什么彩票| www.630766.cc-彩票开奖查询25期| www.699854.com-广西快三80期| www.761482.com-快三交流qq群| www.888176.com-体彩摇奖直播| www.944390.com-体育彩票机选能尾数| www.985198.com-玩彩输了怎么办| www.cp1.com-七彩奖开奖结果查询| www.637091.com-彩虹无人机战绩| www.582958.com-彩银条一克多少钱| www.089252.com-彩6买什么版本| www.5920.vip-长春彩票中奖新闻| www.26577.com-七星彩杀号方法| www.803311.com-快三助手大彩鲸| www.532960.com-澳门ll彩票app| www.648854.com-166彩票app-| www.777255.com-ag彩票网-| www.863838.com-彩票开奖查询网下载| www.51xl.cc-彩虹伞教案反思| www.14qx.com-欢乐彩有安卓版吗| www.313232.com-快三三不同号有几注| www.621683.com-每十分钟出奖的彩票| www.764036.com-wcp玩彩票-| www.966030.com-彩发发官网-| www.ep78.com-什么是快彩-| www.449.in-乐彩网是真的假的| www.461883.com-福彩排五开奖公告| www.237804.com-福利彩票模拟选号| www.059758.com-3d福彩组三怎么玩| www.238165.com-发彩网网址-| www.498982.com-如何控制玩彩心态| www.799279.com-奔驰彩票3d-| www.910852.com-老杨说彩专家专栏| www.993872.com-竞彩半全场玩法介绍| www.ks06.cc-谁有江苏快三微信群| www.532433.com-体彩专家沂风沂俗| www.620073.com-釉上彩怎么画|