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天

知道了
1分快三 www.788267.com-今晚足彩14场分析| www.684225.com-彩八app真的假的| www.801120.com-c099彩票网-| www.171.hk-足彩外围网站九州| www.0751.net-获取网站彩票数据| www.312005.com-旧版彩票33-| www.607330.com-中彩网擂台寞| www.920933.com-743彩票-| www.rf21.com-中国体育彩票怎么玩| www.36tn.com-火星时时彩计划| www.05564.com-彩61官方-| www.39444.cc-掌上彩票苹果| www.115083.com-澳洲时时彩计划公式| www.277181.com-彩色压模地坪一平方| www.881049.com-今晚私彩开什么| www.ce53.com-优彩社区正版| www.vr89.com-3d福彩专家预测| www.884299.com-福彩3d和值2元网| 大赢家彩票平台www.225863.com| www.0775.gg-福彩双色球高手论坛| www.6235.xyz-极速快三规则| www.39723.cc-彩票店20万转让| www.8443.in-七星彩澳客-| www.698253.com-嘉兴体彩-| www.dp20.com-快彩王软件下载| www.k10.online-3d今日推荐好彩网| www.63yw.com-福彩3d通选和包选| www.1274.vip-查询七乐彩开奖信息| www.904176.com-彩票彩宝-| www.365384.cc-福彩6码遗漏| www.065448.com-油性彩铅画教程| www.843844.com-彩票加盟电话号码| www.855105.com-a98008爱彩-| www.961904.com-彩乐乐p3走势图| www.833388.com-体彩二维码时效性| www.667122.com-中国铁杆彩民大鱼号| www.797119.com-彩猫彩票正规吗| www.923111.cc-108娱乐彩票下载| www.745389.com-大彩网合法吗| www.05057.com-彩一彩票开奖| www.854635.com-大乐透开门彩杀号| www.cai8700.com今天上海快三开奖号| www.670906.com-竞彩哪家卖得好| www.419889.com-赢彩票平台安全吗| www.246158.com-盛典彩票快幸运快3| www.512844.com-福彩3d杀尾天齐网| www.824920.com-福彩3d和值跨度| www.911012.com-快三群里的图怎么发| www.978103.com-七星彩高手图规| www.bq66.com-哪家彩票赔的倍数高| www.191969.com-快彩app-| www.467056.com-足彩比分最准预测网| www.103277.com-广东福彩好彩36| www.181705.com-安徽快三基本走势| www.42zl.com-福彩7乐彩奖金| www.285339.com-彩票中的数学问题| www.jv03.com-17500彩票论坛| www.69pw.com-微购彩官网下载| www.997748.com-利彩网-| www.434646.com-江西福彩20选五| www.654032.com-玩九九彩票-| www.833669.com-没税标无嘴好彩| www.183669.com-延边福利彩票快3| www.024054.com-福彩票3d黄金杀码| www.177565.com-河南快三彩票走势图| www.8424.xyz-星彩代挂网-| www.63683.cc-175500乐彩网| www.zb6.com-江快三开奖结果今天| www.wh87.com-彩票曲线图怎么看| www.781.me-神采神牛彩票| www.5013.vip-盛京彩票-| www.05909.cc-吉祥购彩平台| www.367712.com-最近彩票-| www.7790.top-众发彩票是真的吗| www.33716.cc-小米天天红单彩票| www.77273.cc-上海快三中奖号码| www.528234.com-彩巴图孑3d-| www.735929.com-体育彩票分析师| www.563605.com-q彩注册邀请码8位| www.625836.com-福彩快乐8网址首页| www.696981.cc-竞彩足球分析预测| www.766387.com-3d福彩藏机图今天| www.828311.com-春天彩票是真的吗| www.379954.com-彩票平台怎么运营| www.765257.com-七星彩票论坛加急版| www.325544.com-福彩3d豪华版下载| www.1500.me-高级彩虹屁文案| www.479400.com-竞彩有加奖吗| www.559317.com-彩票机器人能用吗| www.633393.com-福彩首页-| www.63117.com-河南结婚彩礼新规| www.ks48.com-90彩票快三-| www.585.cn-福彩毒胆专家预测| www.258.cm-重庆时时彩合买大厅| www.081771.com-天马彩票快3| www.vp02.com-福利彩票投注站地址| www.93ei.com-博彩对赌套利靠谱吗| www.32339.cc-彩色纸箱包装价格| www.080928.com-福建31彩票走势图| www.314565.com-竞彩网计算器比分| www.578983.com-qq30秒彩票-| www.719589.com-体彩七星彩开奖规律| www.817452.com-23彩票安全吗| www.832167.com-七星彩走图表电脑版| www.916758.com-彩铅画教程图片| www.999837.com-福彩专业走势图| www.wo2.cc-福彩快三河北开奖| www.259077.com-广西彩票选号助手| www.332889.com-河南福彩网幸运之门| www.2458.vip-中国体育彩票| www.784445.com-神马彩票-| www.62ny.com-阿里彩票注册网址| www.52155.com-彩票聚合资讯门户| www.026254.com-快三攻略-| www.110131.com-乐透啦彩票跑路了吗| www.586108.com-谦喜彩票app下载| www.654503.com-手机高手彩票网| www.911879.com-天天彩票论坛网址| www.977733.com-体彩世界杯竞猜网| 博友彩www.951912.com| www.89247.com-白菜赌博论坛送彩金| www.778359.com-釉上彩一定不安全吗| www.7812.pw-竞彩知识-| www.8685.biz-东营福彩机器申请| www.322813.com-七星彩几点开奖| www.884348.com-彩票有走势规律吗| www.975084.com-彩控网pk10-| www.ps3.cc-快三派彩手机走势图| www.wm38.com-买彩票如何看走势图| www.986209.com-体彩p3开奖-| www.68060.com-彩票条码秘密| www.ua51.com-彩票微信名字| www.9cp.com-中国4d彩票-| www.170.me-时时彩真的我输怕了| www.86zv.com-彩票网上可以买吗| www.9602.xyz-神马彩票网页| www.1177.com-体彩最多买多少倍| www.8821.loan-澳彩网下载-| www.001485.com-福利彩票位数| 大赢家彩票平台www.105886.com| www.95ff.com-80选20彩票规律| www.43384.com-派彩每日推荐走势图| www.076883.com-山东体彩订票系统| www.665292.com-七乐彩历史对比器| www.qi82.com-好彩1怎么玩| www.03bq.com-2015年彩库宝典| www.720621.com-新浪彩票电脑版老版| www.900090.cc-22彩票苹果手机版| www.999086.com-乐汇彩网站-| www.275.bid-加盟什么彩妆| www.036698.com-彩票开奖360| www.84366.cc-足彩必发凯利500| www.026227.com-青海福彩快三app| www.34040.com-彩吧网彩报图库| www.449331.com-山东彩票网下载| www.869981.com-彩票k线图卖点| www.370227.com-彩票摇奖作假视频| www.006241.com-59彩票-| www.151360.com-多乐彩十一选五官网| www.661031.com-亚投彩票用户注册| www.805398.com-中国福利彩票推荐号| www.920597.com-掌游彩下载专区| www.996587.com-哈尔滨福利彩票| www.ok0.cc-甘肃福彩-|