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天

知道了
9彩注册 亚洲彩www.68568c.com| www.897828.com-彩票搞笑段子| 天天彩票www.1035t.com| www.jm45.com-广东快三自己控制| www.655765.com-七星彩中三个连号| www.758883.com-微彩软件官方下载| www.835782.com-好彩一八解什么数字| www.934319.com-智博微彩城网址下载| www.991231.com-肥强竞彩12课堂| www.at30.com-山东福彩网-| www.vc79.com-幸运彩二视频| www.36594.com-澳博彩票有限公司网| www.121649.com-福彩窝案怎么发现的| www.760.cx-福彩双色球去哪兑奖| www.408137.com-七星彩真的有规律吗| www.al88.com-福利彩票快三下载| www.067158.com-黑彩信誉排名| www.652044.cc-福彩每周开奖日期表| www.919778.cc-彩票ps软件手机版| www.70225.com-长城彩票官网下载| www.622570.com-福彩中福在线怎么玩| www.8862.com-彩票学院-| www.12422.cc-博大彩票欢迎您| www.178011.com-十分快三是国家的吗| www.9858.bid-故宫彩画-| www.23832.com-七星彩怎么玩法赚钱| www.820460.com-彩钢房顶寿命| www.922331.com-约彩ios-| 彩票500万www.cp500.biz| www.ey56.com-瑞彩祥云邀请码分享| www.zm2.cc-福彩快三遗漏数据| www.e46.loan-七乐彩票app| www.015.cm-宇宙彩票网-| www.971052.com-福彩数字规定| www.078026.com-中彩网广西福利彩票| www.210965.com-七乐彩开奖号码| www.336110.com-福彩快三骗-| www.566536.com-北京和彩放题哪家好| www.887778.com-靠谱的彩票平台网址| www.36lr.com-全民彩票官网首页| www.34708.com-福利3d开门彩今天| www.525098.cc-我要查看福彩彩票| www.13sg.com-福彩好彩1开奖走势| www.333683.com-彩票中奖离婚| www.4027.cm-sb博彩公司全称| www.576041.com-c777彩票官网| www.939380.com-今日头条飞来福彩吧| www.00ov.com-彩民3d开机号介析| www.721239.com-福彩开奖号吗| 购彩在线www.66332l.com| www.98622.cc-重庆腾讯5分彩| www.397322.com-私彩举报-| 500彩票www.374277.com| www.590358.com-18k彩金手镯| www.729376.com-666彩票下载安装| www.381421.com-彩彩大咖直播间| www.505535.com-牛彩网3的字谜总汇| www.in04.com-重庆时时彩新规| www.116588.com-网上彩票买是真假| www.2297.shop-体彩双色球中奖说明| www.352271.com-黑彩平台靠什么赚钱| www.262250.com-卓易彩票最新| www.011005.com-昨日体彩开奖结果| www.162625.com-福彩3d组三走式图| www.315190.com-彩票分析软件排行榜| www.4669.biz-彩票一般买什么彩票| www.98758.com-免费时时彩源码论坛| www.979275.com-好彩蓝莓多少钱一包| www.243550.com-彩票数字3单式开奖| www.cp5662.com-快三游戏下载| www.026209.com-黑客攻击黑彩| www.31979.com-易彩堂买彩票可靠吗| www.72735.cc-百度545彩票| www.gq80.com-江苏快三宝典下载| www.1088.cn-足彩让负怎么才赢| www.11400.cc-本月足彩对阵表| www.9635.cn-排列五走势图彩经网| www.38655.cc-彩运宝下载-| www.757435.com-购彩团队-| www.9180.com-我要查看七乐彩彩票| www.973.live-够力彩票规律表| www.7569.shop-中国最大的彩票公司| www.183851.com-宁夏福彩宁夏体彩| www.444556.com-小米日历加彩票开奖| www.970302.com-上期七彩开什么奖| www.842665.com-开体彩好还是福彩好| www.997088.com-网上购买足彩app| www.9129.loan-近10期七乐彩开奖| www.152.cm-羽泉彩虹-| www.9503.org-海南私彩包码单码| www.565386.com-彩票应用软件排行| www.763708.com-吉快三走势图带连线| www.82qo.com-澳门五福彩资料| www.994053.com-福彩三地图迷总汇九| www.405781.com-七星彩走势图口诀| www.862546.com-双色球网易彩票网| www.8785.top-移动端彩票-| www.006474.com-好彩1871薄荷烟| www.099888.cc-南方彩票app| www.890630.com-立彩彩票官方版| www.964639.com-网络彩票破解方法| 大赢家彩票网www.544090.com| www.151663.com-多乐彩票-| www.368618.com-体彩开机号码| www.663144.com-凤凰彩票网怎么登录| www.153637.com-江苏快三可以玩吗| www.672370.com-七星彩19025| www.297985.com-上海快三历史开奖号| www.8468.org-2012年七星彩| www.7919.cn-同乐网彩票吧| www.053561.com-福彩跨度走势| www.264918.com-吉林快三推荐号码| www.358620.com-mega彩票规则| www.449688.com-福彩023期中奖号| www.198612.com-彩神l-| www.788657.com-足彩足彩开奖| www.864608.com-网络黑彩报警有用吗| www.931414.com-高兴彩票app| www.984665.com-彩虹8app-| www.ku6.com-怎样玩分分快三赢钱| www.pr68.com-体彩助手二维码| www.y64.cc-网上怎么买福彩| www.087929.com-hk百彩网资料| www.035942.com-幸运快三的技巧| www.273859.com-希望手游三分快三| www.43911.cc-香港今日赛马派彩| www.1697.top-彩富365-| www.6679.shop-体彩任九怎么看结果| www.297018.com-彩票用k线表示| www.911677.com-瑞彩网彩票可靠吗| www.cp6782.com-268彩票app-| www.rg21.com-168彩票提不出款| www.38002.com-网上彩票购彩哪个好| www.00fd.com-体育彩票今天开奖| www.361.in-迷彩虎军情-| www.376875.com-彩宝贝彩票网官网| www.50vk.com-福彩3d和吉林快三| www.332211.com-10选五是啥彩票| www.367808.com-彩谜天地-| www.973680.com-快三开奖走势图软件| www.713021.com-彩票大全网-| www.719108.com-彩虹的变化过程| www.469099.com-时时彩个位是第几位| www.719339.com-彩吧下载地址| www.849518.com-浙江体育彩票6| www.988008.com-彩51彩票平台好吗| www.929599.com-蛙牛彩票17500| www.994121.com-请问天天彩票正规吗| www.jb73.com-怎么推广快三| www.01qd.com-lg彩票是什么意思| www.210086.com-最全的彩票网站| www.02gz.com-彩虹简笔画图片涂色| www.09822.com-齐鲁风七乐彩玩法| www.692636.com-6678彩-| www.095330.com-福彩格式-| www.174362.com-快三哪些省份是真的| www.19515.cc-腾讯时时彩计划| www.012176.com-我想下个福利彩票| www.533167.com-澳彩现场开奖结果| www.17jk.com-彩票书籍免费下载| www.034299.com-旭辉研彩软件下载| www.675678.cc-旧版噢百万彩票| www.765119.com-500彩票走势图表| www.655748.com-双色球彩票生成器|