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.lt5.com-人人彩票是不是骗局| www.356418.com-安装一定牛彩票网| www.539825.com-福彩3d毒夸公式| www.260008.com-彩票不用票怎么兑奖| www.38159.cc-七星彩准确头尾信息| www.625373.com-一号店彩票客服电话| www.zw19.com-玩599时彩的人| www.753101.com-吉祥8彩票平台| www.518936.com-正规投注足彩app| www.283292.com-七星彩中二个| www.622999.cc-体彩大乐透网上机选| www.772241.com-百分百快乐彩计划网| www.62900.com-彩1彩票下载安装| www.534446.com-最新够力七星彩| www.134654.com-旋子彩画小样图集| www.451106.com-幸运分分彩在哪开奖| www.604569.com-九千万彩票邀请码| www.677889.com-快三必出号码| www.024202.com-赛车彩票-| www.276375.com-gc彩票网-| www.550713.com-福利彩票360杀号| www.671406.com-彩独2绘图09| www.759732.com-亿彩app是真的吗| www.051357.com-pk彩吧-| www.031759.com-下彩网登录-| www.816853.com-什么样的人会中彩票| www.670498.com-今天七星彩预测号码| www.027086.com-国家高频彩有哪几种| www.614747.com-tt彩票vip专属| www.y23.club-体彩排列三遗漏数据| www.3518.wang-微彩站安卓版app| www.38596.cc-爱尚彩app下载| www.062302.com-福彩三d连线走势| www.226229.com-凤凰彩票导师微信号| www.22732.cc-cpcp彩票-| www.369140.com-彩票潘攀-| www.619124.com-新浪彩票首页官网| www.2886.top-更多精彩游戏| www.50240.com-500彩票旧版| www.459934.com-彩世界开奖下载| www.1834.vip-八彩吧-| www.008190.com-天天彩选四走势图| www.272829.cc-pc蛋蛋是正规彩票| www.532231.cc-如何申请自助彩票机| www.860904.com-大星彩票走势图表| www.2033.vip-彩虹六号ela本子| www.962466.com-下载500彩票软件| www.9253.org-足球彩票的四大优势| www.709750.com-老时时彩遗漏数据| www.558647.com-彩28-| www.915380.com-淘宝有卖彩票的吗| www.508298.com-福彩体彩开机号| www.701636.com-众赢彩票网站| www.957745.com-乐点时时彩-| www.505899.com-体育彩票排列3直播| www.226801.com-创彩网是合法的吗| www.065006.com-彩票入款优惠2| www.10xd.com-彩票代买兼职| www.68464.com-趣彩网骗局揭秘提现| www.150168.com-手机彩票投注| www.392575.com-搜狐竞彩-| www.is.cc-广西快三开奖查询| www.r48.org-福彩3d丹东全图谜| www.3440.xyz-苏州吴中彩票店转让| www.69392.com-哪个网上可以买彩票| www.099468.com-宝丽彩票-| www.272193.com-五快三良好-| www.402778.com-乐购彩票靠谱吗| www.850540.com-彩票机选器工具| www.b39.org-澳门彩票有限公司| www.8740.loan-速赢彩官网app| www.187048.com-私彩代理判几年| www.267839.com-北京福彩快3分布图| www.965255.com-中宏彩票邀请码| www.17tf.com-彩娃彩票打不开| www.5421.org-腾讯分分彩在个网买| www.838473.com-足彩下盘是什么意思| www.0580.bid-福彩3d图迷第一版| www.850427.com-最新胜负彩奖金| www.139557.com-彩之家下载苹果版| www.008230.com-体育彩票开奖今天| www.52my.com-江苏宿迁结婚彩礼| www.7648.vip-体育彩票logo| www.384809.com-黑客入侵彩票平台| www.314438.com-彩票攻略大全集| www.236875.com-足彩今日稳胆| www.lp3.com-福彩快3群-| www.144803.com-nba竞彩预测| www.567147.com-福利双色球彩票下载| www.903139.com-香港高频快三娱乐| www.vt88.com-大发快三怎么回血| www.792805.com-彩票中奖符怎么用| www.193631.com-快三怎么算中奖| www.2741.xyz-中国彩票网策划| www.625703.com-9手机彩票-| www.821169.com-体彩十一运夺金玩法| www.971869.com-印尼五分彩开奖| www.977047.com-河南要彩礼吗| www.156423.com-好彩堂资料-| www.006493.com-河内五分彩官方开奖| www.294441.com-三土苏福彩快3| www.zz35.cc-够力七星彩开奖直播| www.054848.com-安徽快三多少分钟| www.226658.com-彩迷视频-| www.3442.cc-彩神5分快三| www.186715.com-福彩快三平台登录| www.80cn.com-彩票能相信吗| www.225559.com-百合网彩票女| www.953804.com-犀牛彩票平台怎么样| www.0rq.com-七乐彩票是骗局吗| www.4522.biz-七星彩35期推荐号| www.025006.com-智慧彩票预测准不准| www.117232.com-体彩官网首页电脑版| www.267344.com-北京快三走势图形态| www.680081.com-二元彩票网-| www.6174.vip-牛彩3d字谜汇总| www.252058.com-6768彩票-| www.463626.com-天天好彩之奇觉四象| www.832712.com-彩票77旧版本| www.95717.com-竞彩返还率是多少| www.308005.com-派彩网首页-| www.858067.com-百博网投海南七星彩| www.eq38.com-炫乐彩票官方网站| www.82088.com-福利彩票图迷总汇| www.33349.cc-福彩双色球中4个号| www.326411.com-彩宝网新版走势图| www.255283.com-福彩网快三大小单双| www.125286.com-特区彩票论坛开| www.838857.com-9亿彩票平台下载| www.210079.com-今天甘肃快三| www.491902.com-天天tt彩票-| www.78uy.com-台湾5分彩app| www.43138.cc-乐点快三是不是假的| www.084111.com-彩票托的经历| www.509291.com-上诲快三开奖| www.274285.com-快三心得-| www.542049.com-东森彩票客户端| 梦想彩票站www.43131b.com| www.973478.com-唯美彩虹壁纸| www.748995.com-彩虹101-| www.918926.com-体彩假票-| www.67723.com-抚州体彩中心地址| www.102833.com-28时彩-| www.331302.com-彩神和值大小| www.jp02.com-火箭彩票vip分身| www.508732.com-自己开个网站博彩| www.cp3453.com-易彩快三破解器| www.53od.com-怎样玩彩票能稳赢呢| www.051715.com-足球体育彩票怎么玩| www.ok00.com-彩界看胆人-| www.086053.com-彩票娱乐聊天室| www.381057.com-跟彩票有关的群名称| www.85612.cc-湖北快三走图片| www.006982.com-分分钟快三有规律吗| www.630086.com-3d北海福彩-| www.731370.com-足彩竞彩专家预测| www.862143.com-体彩排列三直选遗漏| www.984549.com-飞翔国际彩票骗局| www.883127.com-足彩胆拖规则| www.350.cm-体彩中心地址| www.56405.com-彩吧骗局-| 盛大彩票www.c6823.com| www.525905.com-qq快三群甘肃| www.878653.com-有彩神通代理会员吗|