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.318254.com-创意水彩-| www.862388.cc-大乐彩今天开奖| www.947537.com-福彩打票机视频教学| 万利www.32123p.com| www.891516.com-腾讯qq彩票安全吗| 亿发彩票www.801933.com| www.202176.com-福彩加盟咨询电话| www.675888.com-江苏体彩排列3预测| www.807918.com-燕赵福彩20选五| www.912742.com-彩客网是真的吗| 500彩票www.546477.com| www.777977.cc-汇彩邀请码-| www.758354.com-对刷彩票-| www.884130.com-8828彩票登录| www.cp4567.cc-河南快三复式玩法| www.584902.com-彩人网-| www.877666.cc-境外彩票诈骗| www.959049.com-掌上看家彩集| www.nj47.com-体育竞猜彩票| www.20rk.com-体彩3月16日开奖| www.843.date-时时彩前三万能四码| www.8241.net-33cc彩票网-| www.690105.com-500足彩网分析| www.2525.tv-上彩票官网-| www.660189.com-体彩票排列五| www.0424.org-助赢彩票软件苹果版| www.067580.com-搭建一个时时彩平台| www.263890.com-7k彩票-| www.518604.com-聊呗彩票计划群| www.825776.com-原彩-| www.981096.com-八八彩票平台| www.yy28.cc-惠民彩票可信吗| www.8917.biz-聚福彩票网-| www.7026.org-篮球彩票规则及玩法| www.407877.com-彩票开奖表-| www.733107.com-易彩快三大小走势图| www.869456.com-七星彩安卓手机版| www.993329.com-彩神彩票网官方端口| www.16hz.com-国家足彩培训师| www.112623.com-河北福彩3d开奖| www.0826.in-足彩不能网上买吗| www.017184.com-吉林市彩票站出兑| www.82dj.cc-上饶体育彩票招聘| www.029298.com-彩票代打是真的吗| www.035113.com-qq7彩票下载安装| 幸运彩票www.667537.com| www.400381.com-福彩三d字谜专区| www.uz29.com-481彩票官方网站| www.8098.in-玩高频彩输惨了| www.69767.com-贵港体彩中心| www.8329.com-七星彩最新规律图规| www.319673.com-彩票专家人工计划| www.700810.com-代刷时时彩兼职| www.175393.com-福建快三号码| www.61382.cc-彩票犯罪-| www.142889.com-福彩3d小小鱼图迷| www.7ct.com-宁波年会彩票| www.012129.com-v8彩票5048-| www.295653.com-分分快三时时计划| www.055385.com-网络江西快三| www.35ki.com-彩90-| www.657475.com-3月2体彩开奖号码| www.86di.com-金彩网资料-| www.2404.top-大彩鲸中奖宝典| www.6561.cn-19500彩票官网| www.29562.com-乐彩网彩票论坛| www.019458.com-旺彩app苹果版| www.113980.com-彩涂钢板板面| www.997549.com-563彩票下载| www.hx31.com-北京快三跨度百宝彩| www.k06.com-盛大彩票注册送38| www.49vv.cc-体彩排3藏机图| www.2542.vip-自己玩黑彩算犯法吗| www.781548.com-多宝彩票平台合法吗| www.74109.com-幸运之门彩票大全| www.843474.com-如何做彩票店| www.933390.com-快三56注号码| www.990813.com-双色球彩之网| www.fv6.cc-彩票大发快三技巧| www.oj59.com-吉林市福彩中心| www.11gq.com-体育彩票真实吗| www.4fw.com-彩票店没人怎么办| www.62uk.com-福利彩票乱买| www.48172.com-彩票金管家-| www.014008.com-七星彩和值尾| www.4cc.com-哪里能看体彩直播| www.116091.com-被彩票托骗了怎么办| www.608900.com-德州好彩app下载| www.717553.com-画彩铅画用什么纸| www.zk11.com-038彩票手机登录| www.83468.com-福彩三三地走势图| www.183792.com-燕赵福利彩票网首页| www.814311.com-吉林福彩快三走试图| www.3662.com-万彩吧六肖十八码| www.177668.com-内蒙古快三开奖情况| www.254588.com-快三跨度计算方法| www.28eo.com-熊猫快三-| www.357358.com-彩票六等奖怎么兑奖| www.nl11.com-足彩19046-| 500万彩票www.357876.com| www.301326.com-福彩三d出号走势图| www.728012.com-竞彩足球比分完整版| www.863936.com-166彩票下载| www.955510.com-日本彩票loto6| www.oj60.com-江苏快三今日推荐号| www.39sh.com-彩虹的形成原因42| www.d90.cn-正规网购彩票网站| www.3721.cx-购彩xr礼金兑换码| www.15550.cc-河北快三规则及奖金| www.272627.com-分分彩技巧与公式| www.364018.com-福彩藏机布衣图| www.481355.com-幸运2分彩计划| www.974215.com-彩铅画花卉图片| www.321420.com-足球彩票预测分析| www.404146.com-彩陶王酒价格及图片| www.909941.com-3d彩票规律-| 中国福利彩票www.33588b.com| www.27991.com-彩票网址哪家好| www.61800.com-牛蛙彩票图库| www.005402.com-福彩双色球几点封盘| www.096568.com-体育竞彩app| www.093320.com-网上快频彩是什么| www.773184.com-下彩票送38-| www.qb75.com-2019年彩票开奖| www.e41.net-马来分分彩人工计划| www.99zu.cc-三彩彩计划-| www.426686.com-中国福利彩票做假| www.275603.com-168彩票提现| www.73638.com-竞彩彩票骗人| www.111292.com-彩吧图库第一版开| www.205125.com-喜乐彩-| www.297262.com-分分快三能赢钱吗| www.378785.com-昨晚体育彩票中奖号| www.510716.com-彩虹屁小作文| www.715815.com-亚洲彩票怎么样| www.786600.com-海南彩票海彩开奖| www.928717.com-来自旺彩社区人民钱| www.981168.cc-福彩快三彩票可信吗| www.ja0.cc-1分快三怎么玩稳赚| www.223618.com-福彩有幸运快三| www.293651.com-彩神通内部四码| www.358383.com-靠彩票翻身-| www.908551.com-数字型彩票中奖技巧| www.9361.vip-乐城彩票违法| www.574404.com-关于703彩票| www.030349.com-谁有淘彩票邀请码| www.ff89.com-117彩票-| www.08zj.com-掌上彩票手机版下载| www.018091.com-傲赢彩票app| www.193059.com-今日多乐彩走势图| www.96an.com-黄渤彩票号码| www.3143.cn-成都体彩店-| www.8033.top-儿童水彩晕染画| www.280561.com-重庆时时彩只买单双| www.5925.in-买网络亿购彩票后| www.78522.com-3d八仙过海牛彩| 非凡彩票www.77210h.com| www.786022.com-大赢家时时彩app| www.872170.com-福利彩票双色球字谜| www.945257.com-爱彩网首页-| 梦想彩票www.33112j.com| www.go54.com-体彩26期6-| www.797045.com-神州乐彩靠谱| www.896055.com-吉林快三开乐彩购|