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.47qx.com-广西彩票在哪里领取| www.4869.com-第二人生彩票| www.43174.com-中彩网的彩票能买吗| www.82557.com-足彩19021任九| www.066176.com-彩票免费领彩金论坛| www.2364.shop-七彩神仙鱼论坛| www.00892.com-电脑版乐彩论坛| www.54168.com-广西福利彩票中奖| www.019737.com-湖北精彩十分玩法| www.428682.com-足彩310软件| www.551219.com-新浪彩票购彩大厅| www.651551.com-永利彩票网址是多少| www.027594.com-正规彩票平台排名| www.108486.com-微彩娱乐app登录| www.293434.com-福彩微投资-| www.510077.com-幼儿彩虹的约定视频| www.99453.com-体育彩票7位数玩法| www.099719.com-百亿时彩票-| www.365634.cc-请问竞彩胆拖怎么打| www.vd87.com-彩神通论坛-| www.171607.com-福利彩票5d-| www.265342.com-彩票信息-| www.367208.com-彩铅手绘星空的画法| www.502621.com-自贡市中国福利彩票| www.586528.com-糖果派对掉彩金图片| www.614499.com-双胜彩什么意思| www.565950.com-联合投彩票-| www.388158.com-老挝博彩打工可靠吗| www.074443.com-金彩网是真的吗| 爱购彩票www.843552.com| www.x99.space-彩云宝螺-| www.2386.cc-上福彩网-| www.25439.com-彩虹的名字含义| www.027141.com-256彩票官网| www.d41.com-重生之彩票狂人| www.84hq.com-吴师玩赚彩票| www.544666.com-彩票注单修改器| www.8843.net-彩票z-| www.172456.com-怎样看懂快三走势图| 惠民彩票www.hm6655.com| www.99569.com-5分彩不定位胆| www.996770.com-中彩网富坛免费资料| www.xb74.com-彩票921下载| www.215822.com-七星彩复式玩法规则| www.025920.com-百胜彩票网站打不开| www.201458.com-体彩七星彩兑奖表| www.544835.com-时时彩杀号工具在线| www.796799.com-足彩最新对阵表| www.948663.com-福彩公益金分配原则| www.378049.com-肥乡抵制彩礼| www.184669.com-北京福彩快3千期图| www.276731.com-买彩票输的倾家荡产| www.10977.com-体彩排列3开奖号| www.043216.com-春节哪里可以买足彩| www.096358.com-开体彩与福彩哪个好| www.008655.com-体彩大乐透16| www.961445.com-查福彩3d丹东全图| www.by18.com-体彩竞猜-| www.50iv.com-职业彩民的生活| www.212509.com-加盟体育彩票投注站| www.397556.com-猜福彩谜语-| www.525639.com-彩票税费怎么算| www.632648.com-七彩云盒子破解| www.738468.com-关于彩票的朋友圈| www.842934.com-福彩与慈善总结| www.b15.pw-高频彩改时间| www.77141.cc-体彩大乐透百度贴吧| www.5601.org-网购彩票靠谱吗| www.284401.com-好听的彩票名字| www.645606.com-买竞彩心得-| www.370654.com-神彩软件官网| www.29408.com-1516的彩票网址| www.49077.com-福利彩票15选5| www.197892.com-彩票开奖公告l| www.199903.com-河南快三走势图彩票| www.963224.com-竞彩足球必发的作用| www.nu80.com-头奖彩票-| www.678280.com-福利彩票乐彩论坛| www.212477.com-加盟彩票店要多少钱| www.569783.com-彩票中几亿的真的吗| www.661201.com-彩票522计划| www.963901.com-500彩票公司地址| www.zp74.com-体育足彩-| www.48ua.com-广州快乐十分彩乐乐| www.962.cm-快的华文彩云字| www.027356.com-一分彩怎么玩| www.636178.com-北京彩票大厅| www.739624.com-天天快彩安卓版下载| www.829944.com-c8com万彩旧版| 七彩www.53900j.com| www.mb43.com-福彩打码快三app| www.8655.org-七星彩当前遗漏| www.763092.com-摩羯竞彩足球app| www.av81.com-体彩排列三开奖号| www.221184.com-博牛彩票app下载| www.490859.com-那些网站可以买彩票| www.019745.com-彩人帮专家专栏| www.569580.com-福彩三地但马图| www.483327.com-即开彩票种类| www.86115.com-彩利工具-| www.080996.com-競彩-| www.188648.com-12快乐彩-| www.257237.com-彩票开挂-| www.643355.com-无锡福利彩票| www.19666.cc-时时彩计算函数公式| www.5043.com-中国禁止民间彩票| www.01520.cc-网易彩票直播| www.440923.cc-重庆体育彩票兑奖| www.551773.com-购彩网是什么东西| www.627958.com-3d跨度走势图大彩| www.703118.com-竞彩足球比分技巧| www.026103.com-财神十分彩开奖结果| www.791040.com-彩票怎么自己选号码| www.868657.com-易彩彩票可靠吗| www.934478.com-快三是真的么| www.979918.com-彩票互动区-| www.en1.com-吉林快三买豹子技巧| www.4533.biz-六壬金口诀测彩票| www.16359.com-体彩七星彩的走势图| www.66291.cc-排列3彩经网预测| www.713160.com-香港160彩票| www.791849.com-梦想彩票首页| www.868395.com-七星彩的对数| www.927378.com-如何买体育彩票| www.974843.com-南京彩票店吧| 幸运彩票www.774808.com| www.hc91.cc-彩运8平台-| www.70263.com-亚洲彩票大发快3| www.024196.com-福彩六加一生肖规则| www.8966.vip-旺彩双色球怎么购买| www.ol80.com-双色球中彩网走势图| www.656766.com-六亿彩票可靠吗| www.487645.com-彩神uv机-| www.567261.com-彩虹6号第三季票| www.626682.com-数字彩票竞彩网| www.686091.com-七星彩直播网易| www.751349.com-彩票投注站利润分析| www.804746.com-大通彩票网源代码| www.865234.com-天下彩彩友网| www.908768.com-彩票倍投方法多少钱| www.958446.com-破解福利彩票| www.996677.cc-乐盈彩票手机版下载| www.cn26.com-福彩三d双彩论坛| www.200417.com-新华彩票推荐| www.382078.com-彩票平推是什么| www.637598.com-彩虹六号卡盟| www.705270.com-现福彩中心主任是谁| www.855874.com-新西兰快三怎么样| www.932271.com-下载荣博彩票| www.987470.com-彩票客户端手机投注| www.cp3380.com-甘肃快三彩经网| www.220929.com-手机中彩网直播| www.803349.com-u588发发彩票网| www.18194.com-北京福彩新快三振幅| www.038.cm-兼职彩票代玩| www.765875.com-优彩网大发快三| www.876718.com-彩票和波段-| www.9ls.com-七星彩1011| www.tb43.com-官方彩票有哪些彩种| www.784.date-彩虹宝宝歌曲英文版| www.8880.pw-足彩主和什么意思| www.63755.com-足彩什么叫单关| www.122714.com-大发快三怎样作弊| www.557950.com-彩虹伞游戏-|