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.lo0.com-内蒙古快三二码| www.hw16.com-北京pk拾彩票平台| www.5406.me-百宝彩账号和密码| www.589502.com-南国体彩论坛41| www.381651.com-天天竞猜足球彩票| www.6366.pw-体彩排列三独胆王子| www.36981.com-好运来彩票网站官网| www.111.cm-缤果彩票网-| www.207770.com-4s彩票开奖直播| www.787992.com-李小五足彩微博| www.97753.cc-幸运时时彩60秒| www.502796.com-福利彩票加盟提成| www.577682.com-福彩3d图迷第二版| www.712411.com-齐鲁彩票站-| www.830366.com-哪个软件能查彩票| www.35513.cc-福彩3d开奖投注| www.84563.com-彩色透水混凝土工艺| www.41323.com-网易彩票能提现吗| www.7900.in-网上在哪能买彩票| www.126894.com-百度彩票开奖大厅| www.122765.com-刷彩金网站-| www.xj62.cc-湖南福彩天地电子报| www.62kh.com-阿里彩票平台注册| www.2191.xyz-迅盈彩票可靠吗| www.088290.com-红牛彩票一分快三| www.08521.com-非凡彩票是真的吗| www.447382.com-微信怎么买足彩| www.520853.com-怎么玩好大发快三| www.678842.com-彩金游戏-| www.223949.com-中国体彩网开奖结果| www.657255.com-时时彩倍投工具安卓| www.804045.com-福建体彩聊天室直播| www.948879.com-武汉体育彩票转让| www.cf99.com-yy彩票平台登录| www.24ch.com-足彩进球数奖金算法| www.2639.net-体彩七星彩周几开奖| www.61811.cc-飞天彩票是黑平台吗| www.131071.com-江苏各地彩礼一览表| www.314025.com-3d体彩开奖时间| www.865661.com-御彩轩计划时时软件| www.528263.com-中国体育竞彩计算器| www.714.me-在线下载好运时时彩| www.32122.com-彩票店员工工资| www.299727.com-今天内蒙古快三结果| www.505342.com-520cai彩票-| www.10375.com-今日足彩唯彩推荐| www.86693.cc-九州彩票害死人| www.097899.com-安装万彩吧-| www.771284.com-彩虹六号战队查询| www.ga68.com-彩迷网腾讯分分彩| www.57qg.com-福利彩票开试机号| www.c69.xyz-体彩排三专家给双胆| www.s99.biz-中国彩吧采摘网| www.503090.com-彩友多中奖了怎么办| www.267517.com-彩票倍数表-| www.464095.com-体彩平台是不是骗局| www.453558.com-分乐彩-| www.537883.com-无彩色系色彩是什么| www.603727.com-体彩排列五杀胆定好| www.678154.com-牛彩网收录彩吧| www.749603.com-117直播青娃彩票| www.33dv.com-福利彩票关注数金吗| www.06511.com-福利彩票119期| www.65217.com-福彩双色球字谜| www.273380.com-福彩初创期-| www.666633.com-乐彩网是正规的么| www.739081.com-数字三彩神通苹果版| www.88eu.com-3d黑彩平台-| www.546097.com-139彩票网页| www.118903.com-彩票追加什么意思| www.202756.com-黑彩票平台排行榜| www.307779.com-派彩为什么是负数| www.478942.com-上饶体彩在哪里兑奖| www.602027.com-彩票走势图中彩图表| www.697448.com-快三购彩大厅| www.244818.com-怎样看快三跨度| www.369108.com-周易如何选彩票号码| www.555757.cc-福利彩票三地开奖| www.778561.com-安彩高科同花顺| www.831006.com-快乐彩玩法说明介绍| www.928335.com-分分彩计算公式软件| www.998765.cc-中国体育彩票开店| www.04102.com-足彩购彩软件| www.69959.cc-盛世彩票官网app| www.058853.com-彩99安卓下载| www.190234.com-安徽体彩一定牛| www.699101.com-彩华出众双色球专栏| www.332999.com-央视曝光天天中彩票| www.669928.com-彩计划下载v2·2| 99彩票www.998349.com| www.346255.com-彩神网能赚钱吗| www.508204.com-各省快三开奖结果| www.60qz.com-非凡彩票工作室| www.8605.wang-点点中彩票下载安装| www.777625.com-彩票销售代表工资| www.7760.org-翼彩宝客户端下载| www.444197.com-竞彩足球附近网点| www.612043.com-暴风雨后的彩虹歌词| www.866985.com-彩票哪年网上停售| www.986292.com-篮彩比分直播球探| www.gh97.com-三分快三是不是假的| www.08tp.com-漯河体彩中心电话| www.175.live-优秀彩铅教师范画| www.92ul.com-新加坡金都快三| www.948056.com-众彩网排列三| www.90uz.com-体彩第19081期| www.7631.net-98彩票网站-| www.44355.cc-彩票竞猜app| www.074567.com-福利彩票80选20| www.555704.com-大华彩票网址| www.21998.cc-558赢彩-| www.021465.com-三d彩吧全图| www.89221.cc-pk567彩票-| www.549164.com-彩播-| www.316376.com-上海快三预测大小| www.wd39.com-快三网投平台| www.625018.com-福彩过年什么时候开| www.741705.com-彩宝时时彩官方网站| www.900652.com-怎样下载爱彩乐网站| www.fx.cc-上海快三怎么玩| 鑫亿彩www.031069.com| www.0179.cn-86552国彩平台| www.588407.com-福彩群英会助手| www.5859.in-彩票黑客预测| www.200100.cc-智慧彩挂机软件| www.358699.com-强力球彩票中奖规则| www.010140.com-福彩计划定位独胆| www.08218.com-中国彩票正版下载| www.196914.com-好123彩票网址| www.604868.com-七星彩机选号码软件| www.822218.com-湖北快三走试图| www.102672.com-英国三分彩-| www.55pb.com-云南彩票中奖情况| www.500414.com-222彩票注册| www.359599.com-七彩祥云是什么征兆| www.779597.com-彩票开奖江苏七位教| www.870454.com-福彩门户香港报码| www.987001.cc-幸运彩票极速赛车| www.gd1.cc-体彩玩法中奖规则| www.995349.com-英国5分彩走势图| www.zz8.com-河南福彩22大河| www.083157.com-国彩快3是正规的吗| www.609305.com-七乐彩公今公告| www.725958.com-福彩3d专家预测号| www.791817.com-彩吧3d红五图库| www.872252.com-彩24-| www.028270.com-香港赢彩官方8码| www.222259.com-彩票软件手机版| www.008286.com-七乐彩开奖时间结果| www.188242.com-江苏快三豹子规律| www.600038.cc-买彩票靠的是运气吗| www.731342.com-2元彩票2网-| www.976864.com-广西彩礼钱明细表| www.hg8.cc-安徽快三玩法介绍| www.564475.com-越南时时彩开奖时间| www.626436.com-三的组六走势图福彩| www.001674.com-金福彩票手机版| www.631576.com-七彩视界会员靠谱么| www.721952.com-山东排列三彩民论坛| www.797836.com-中彩源码-| www.864503.com-999彩票投注网| www.907978.com-七星彩好中吗| www.962648.com-银河彩票贴吧| 众发彩票www.959zf.com|