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.341848.com-体育彩票有中奖的吗| www.221240.com-彩票助赢计划网页| www.414129.com-劈波挂彩-| www.6231.pw-甘肃快三电脑版| www.44494.cc-淘彩网是不是正规的| www.422263.com-彩铃网-| www.487700.com-佛山福利彩票加盟| www.678774.com-福利彩抢红包| www.808703.com-彩票头等奖怎么领奖| www.922827.com-彩票站可以投诉吗| 世彩堂www.5854p.cc| www.ps78.com-黑龙江哈尔滨快三| www.89ry.com-篮球一定牛竞彩推介| www.086826.com-七乐彩最高奖金社区| www.611517.com-长春纹彩刺青地址| www.651.website黑桃k彩票注册| www.eh87.com-众彩网程远预测| www.456222.cc-安全登录旺彩游戏| www.070836.com-3168彩票-| www.185957.com-快三高手-| www.306892.com-q彩下载-| www.399858.com-永盛彩票ios| www.583822.com-开黑彩判刑几年| www.043547.com-七星彩开奖结七果| www.99288.com-足彩靠谱的app| www.073238.com-全民快三是诈骗吗| www.194603.com-快三彩票的玩法| www.282636.com-第一快三门户网站| www.651005.com-水彩森系古装少女| www.735762.com-福彩3d高概率秘籍| www.816499.com-吉林快三系统故障| www.902479.com-鸿运党和彩-| www.965338.com-uu彩票是不是假的| 500万彩票www.566385.com| www.jw50.com-福彩开机号查询| www.85660.cc-七星彩app下载| www.055791.com-天津快三怎么玩| www.506893.com-体彩足球彩票怎么打| www.582242.com-冠彩彩票官网| www.688781.com-彩83官网-| www.773983.com-英国皇彩官网| www.52788.com-好彩投988-| www.059348.com-今日湖北快三推荐号| www.03zv.com-北京体彩销售站点| www.230599.com-彩运8网站合法吗| www.200100.com-智慧彩票预测| www.13ia.com-足球竞彩最新对阵| www.185585.com-玩快三有什么诀窍吗| www.323091.com-马来分分彩计划软件| www.465173.com-彩票3d多少钱一张| www.593361.com-七彩国际平台| www.927379.com-天天体彩下载| www.980859.com-网上七彩是骗局吗| www.ak10.com-网上彩票骗局揭秘| www.yh65.cc-76858彩票-| www.8571.top-惠民乐彩票下载| www.338589.com-彩票跟投兼职| www.525166.com-圣地彩开奖结果| www.597161.com-福彩图库大全| www.753462.com-彩票12网址-| www.860139.com-手机上的时时彩票| www.905251.com-有个伯爵彩票网站| www.cai7055.com中彩网江苏快3| www.451856.com-足球人宝贝体彩绘图| www.27cu.com-买彩票中10万| www.878340.com-3d预测牛彩网小微| www.78574.com-大赢家竞彩实体店| www.91fm.com-彩票站老板跑路| www.3888.biz-福彩和值尾2元网| www.8835.vip-谁有福彩通邀请码| www.532099.com-彩票念咒-| www.621338.com-红旗彩app下载| www.707219.com-易彩账号登陆| www.787874.com-新浪手机彩票开奖| www.857908.com-e体彩足球竞猜| www.915847.com-开彩票店多少钱| www.974134.com-双色球杀号唯彩| www.se5.cc-彩票代打群-| www.yh24.com-甘肃福彩双色球预测| www.537523.com-明日之后彩色字体| www.512101.com-红枫叶彩铅画| www.606804.com-福彩三d毒胆王预测| www.640887.com-中国体育彩票标志| www.297563.com-帮ip代玩彩票| www.389889.com-福利彩票所有特等奖| www.565053.com-3d胆码彩家网| www.688094.com-福彩3d天天中彩票| www.841617.com-福彩内部号是真的吗| www.962013.com-福彩计划软件app| www.d39.bid-106官网彩票苹果| www.82bp.com-体彩的大乐透玩法| www.427087.com-旭彩首页-| www.390565.com-熊猫彩票不能提现| www.424311.com-七彩云的寓意| www.5533.live-万彩吧彩票双色预测| www.558115.com-菲律宾网络博彩| www.987798.com-福彩30选5走势图| www.1057.wang-体彩双胆独胆| www.024893.com-澳门快三真实性| www.456619.com-广东福利彩票发行| www.870935.com-怎么购买双色球彩票| www.31911.com-竞彩篮球唯彩| www.097870.com-河南体彩玩法种类| www.666078.com-海南彩票万字表格式| www.38ww.cc-彩库宝曲最新开奖| www.17632.cc-彩票送彩金群| www.024190.com-彩票往期查询结果| www.270001.com-567彩票网-| www.422542.com-如何申请卖福利彩票| www.99781.cc-香港有几种彩票| www.00tz.com-为什么玩彩票总是输| www.tm1.cc-上快三爱彩乐| www.202800.com-福彩精华布衣天下2| www.057627.com-彩神帝怎么下载| www.224479.com-快三遗漏速查| www.790446.com-福彩3字图迷汇总九| www.735667.com-五分彩有规律吗| www.260345.com-彩票平台算是赌博吗| www.112701.com-时时彩亏损返现平台| www.390508.com-能抢红包的彩票网站| www.549586.com-足球彩票哪里能买| www.660947.com-彩票社区白菜社区| www.784200.com-新浪乐彩是真的假的| www.888565.com-安装网易彩票软件| www.990078.com-互联网售彩何时恢复| www.ig91.com-彩票预测软件| www.0it.cc-世界上最真实的彩虹| www.681265.com-福利彩票3d第彩吧| www.223553.com-足球彩票怎么玩| www.403372.com-七星彩软件有哪些| www.515400.com-哪个网站能买七星彩| www.593966.com-武汉七波彩国际贸易| www.663265.com-3g彩票中心-| www.741688.com-免费送彩金可提款| www.806666.com-易彩票攻略-| www.871789.com-贵阳福利彩票| www.cp9787.com-青海快三开奖详情| www.555193.com-上海快三奖池奖金| www.730881.com-麒麟彩票网站| www.871794.com-利彩彩票-| www.989582.com-全民彩票瑞祥彩云| www.64gt.com-网络彩票封号| www.2345.vip-时时彩复式计划网| www.944809.com-如意百姓好网彩| www.644.cc-大数据彩票双色球| www.65yq.com-天下彩资料-| www.925482.com-旭彩网是骗局吗| 鸿运彩票www.hy0038.com| www.he50.com-01彩票破解-| www.318046.com-中国福彩钱怎么分配| www.61278.com-网络售彩开放有哪些| www.866621.com-三分彩是全国开奖吗| www.646964.com-足彩12转9算法| www.738409.com-体彩五d历史开奖| www.836356.com-雄鹿快三计划软件| www.931782.com-买彩票念什么咒语| 全民彩票www.53539.cc| www.6082.vip-彩票中的轨迹三吗| 新盈彩www.xinyc2.com| www.oa76.com-广西福彩门户网站| www.75.net-hk百彩网开奖包中| www.jk56.cc-手机刷彩是什么| www.4772.top-福利彩有没有规律| www.71267.com-快三最高中奖纪录|