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天

知道了
彩票123现在叫什么名字 www.363345.com-那个软件还能买彩票| www.677366.com-投彩彩票哪个好| www.468373.com-彩票真实吗-| www.621777.com-福彩快快乐十分钟| www.764658.com-七星彩加急版图| www.907063.com-六位数彩票一直开的| www.yq5.com-彩票推算法-| www.u52.club-澳门全博彩讯网| www.0731.pro-富盈彩票app下载| www.35007.com-彩79官网-| www.gj09.com-快三秒珍珠奶茶| www.819317.com-彩票分析师年收入| www.29274.com-网易彩票网站| www.020946.com-众彩网可靠吗| www.233387.com-快三投注网-| www.505520.cc-体彩3d星期走势| www.670046.com-台湾四星彩開獎记录| www.834484.com-日景彩烟价格49发| www.8516.biz-彩贝app平台| www.614388.com-易彩时时彩-| www.096998.com-福彩改革-| www.235046.com-中彩彩票怎么下载| www.394883.com-七彩玫瑰花多少钱| www.567649.com-66最新彩票网站| www.728698.com-浙江体彩排五走势图| www.878119.com-网易彩票平台下载| www.ck70.com-职业玩福彩快3| www.04dv.com-漳州体育彩票店转让| www.4895.vip-买足彩用什么软件好| www.877225.com-七乐彩9个号中4个| www.nb68.com-数学与彩票-| www.085091.com-8号彩票网址多少| www.389308.com-堆彩葫芦的工艺流程| www.525928.com-时时彩稳赚不赔| www.118501.com-彩票线报-| www.520575.com-彩票托是怎么工作的| www.7878.link-霍金彩票公式| www.637114.com-彩虹6号多少g| www.808690.com-足彩任9场开奖结果| www.rh70.com-d9彩票app下载| www.89ew.com-686彩票手机| www.8222.net-澳门赌彩官方网站| www.184778.com-湖北快三开奖图| www.vf27.com-买体彩输了钱怎么办| www.96xo.com-休彩排到三走势图| www.678895.com-欧冠足彩攻略| 天地彩www.4tdc.com| www.50vo.com-下载个彩票双色球| www.628262.com-赢家彩票是真的吗| www.062423.com-彩票166是真的吗| www.051368.com-时时彩飞艇-| www.155220.com-足彩19038期| www.148054.com-彩票助手追号计算器| www.338247.com-梦见买彩票中二等奖| www.0124.cc-春秋彩票是坑人吗| www.610692.com-计算器体彩足彩比率| www.1138.cm-竞彩足球怎么玩儿| www.227173.com-江西快三跨度表| www.345181.com-棋牌加彩票-| www.518310.com-发彩网官网下载| www.cp576.com-福彩快三走势图河北| www.536097.com-3d立体动画彩铅| www.3309.org-彩票店走势图样板| www.329896.com-体彩竞彩比分计算器| www.783311.com-保定望都彩票中奖| www.r77.in-江苏快三推荐两不同| www.98qo.com-财政部综合司彩票处| www.cp0968.com-易彩快三大小技巧| www.037906.com-斗牛彩票注册| www.727524.com-体彩大乐透图谜语| www.cai2744.com河北快三走势| www.153839.com-彩票两码和计算方法| www.351992.com-网络彩票可以投资吗| www.4817.org-三晋福彩3d-| www.ve69.com-一分快三追豹子技巧| www.3601.vip-南方双彩网全部版本| www.028042.com-359开奖网高频彩| www.819393.com-彩票分析软件app| www.cf31.com-赢彩网平台出租| www.912284.com-红宇体彩店app| www.829207.com-新乐彩彩票平台| www.ax94.com-彩迷下载-| www.7488.loan-彩票直通车下载| www.205173.com-内蒙古彩票快3开奖| www.707810.com-九度彩票网站| www.66ak.com-彩票中一个亿的概率| www.410666.com-希望彩票-| www.774928.com-快三购彩小帖士| www.123873.com-风彩的意思-| www.579843.com-彩票账号-| www.u69.me-博彩对澳门的影响| www.5871.vip-彩票大奖被冒领| www.361860.com-人造彩虹的实验过程| www.784211.com-南京众彩市场| www.6507.org-开彩票盘需多少钱| www.95585.cc-5oo万彩票-| www.115.tv-zc444众彩网| www.525228.com-时时彩组选60全包| www.403611.cc-四川结婚彩礼| www.595850.com-安阳福彩发行中心| www.156.in-彩虹又叫什么名字| www.148577.com-黑龙江福彩p62| www.371017.com-彩票站转让合同范本| www.723054.com-天下彩天空彩票| www.0607.cn-如何才能买中彩票| www.88364.cc-世界彩票中奖纪录| www.349883.com-买福彩多还是体彩多| www.725650.com-高频彩为什么拉人| www.cp935.com-一分快三软件下载| www.503011.com-彩票彩金平台| www.785128.com-迷彩虎app军游| www.592.com-博彩app破解| www.ea34.com-分分快三下载链接| www.4471.cn-彩票猜谜-| www.245858.com-三分快三全天计划| www.81388.com-福彩双色球奖金分配| www.27.la-彩票主任王素英| www.005462.com-45111彩民论| www.840845.com-美甲彩妆店地面砖| www.6616.host-青蛙彩开奖-| www.ob86.com-北京福彩快3坑人吗| www.261600.com-盛世彩票登录| www.505424.com-江苏老快三开奖| www.051764.com-北京快三遗漏查询表| www.807132.com-彩票可以折贴| www.23766.com-微信代打彩票兼职| www.902128.com-3d彩吧图库总汇| www.yn55.com-快三返奖率-| www.398.red-乐彩518直播厅| www.21775.cc-套彩-| www.4893.cc-全民彩是什么意思| www.794261.com-九龙国际彩票网站| www.t52.club-118彩票官方苹果| www.381259.com-七乐彩31期预测| www.243598.com-体彩网大乐透走势图| www.906009.com-搭建时时彩网| www.tt73.cc-足彩合买网站| www.1669.pw-彩票200期走势图| www.206980.com-全民彩票app| www.591616.com-男女结婚彩礼问题| www.786580.com-彩票返利真的假的| www.026398.com-私彩彩票网站出租| www.e52.club-篮彩竞猜-| www.77600.cc-彩票新政的弊端| www.408838.com-海南七星彩怎么买| www.119978.com-快三倍投方式| www.592319.com-幸福彩票平台| www.119729.com-发彩网行不行| www.608221.com-上市彩票网站| www.kf9.com-江苏一定牛快三遗漏| www.80ny.com-智投彩票合法吗| www.902375.com-南国报彩票版| www.8281.org-万博彩票下载安卓版| www.638825.com-体育彩票游泳夺金| www.977115.com-如果男方要退彩里| www.056012.com-我要买彩票怎么中奖| www.325535.com-手机上玩彩票犯法吗| www.597704.com-彩票猜谜-| www.0109.org-中彩网3d字谜总汇| www.171371.com-查一下福利彩票| www.883467.com-博友彩票app| www.60607.com-七彩乐开奖结果图表| www.222091.com-爱彩乐彩票网安全吗| www.426568.com-全民彩讯-|