$('.code-btn').mouseover(function() { $('.code-btn div').css('display', 'block') }); $('.code-btn').mouseout(function() { $('.code-btn div').css('display', 'none') }); var topswiper = new swiper('#top-swiper', { centeredslides: true, loop: true, autoplay: true, delay: 3000, speed:3000, effect: 'fade', navigation: { nextel: '.swiper-button-next', prevel: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true } }); var swiper2 = new swiper('.swiper-bottom', { slidesperview: 3, centeredslides: true, loop: true, autoplay: true, spacebetween: 20, delay: 5000, speed:500, }); var topswiper = new swiper('#cont-swiper', { centeredslides: true, loop: true, autoplay: true, slidesperview: 5, spacebetween: 30, pagination: { clickable: true } }); //搜索框 // $('.search-txt').click(function() { // $('.search-txt').css({ // 'width': '300px', // 'cursor': 'text', // 'right': '30px', // 'border-bottom': '2px solid #00b2ff', // 'background': '#f6f6f6' // }); // }); // $(document).click(function() { // var searchtxt = $('.search-txt') // if (searchtxt.css('width') == '300px') { // searchtxt.css({ // 'width': '0px', // 'cursor': 'pointer', // 'right': '0', // 'border-bottom': '0px solid #00b2ff', // 'background': 'transparent' // }) // } // }) // 导航下拉 $('.navigationlist li').mouseover(function(){ var index = $(this).index() $('.navigationlist-tit>.main').css({'display':'none'}) $('.navigationlist-tit>.main:eq('+index+')').css({'display':'block'}) }) $('.navigationlist li').mouseout(function(){ var index = $(this).index() $('.navigationlist-tit>.main:eq('+index+')').css({'display':'none'}) }) // 我们的服务 // 解决方案 $(".case-cont>li").mouseover(function() { $(this).addclass('case-hide').siblings().removeclass('case-hide'); var navindex = $(this).index(); number = navindex; $('.case-cont-det>div').hide(); $('.case-cont-det>div:eq(' + navindex + ')').show(); }); // 新闻咨询 $(function() { var index = 0; var timer; function autoplay() { timer = setinterval(function() { index++; if (index === 3) index = 0; $(".group>li").eq(index).addclass("current").siblings().removeclass("current"); //给索引值为index的li加上类 current并去掉其余的current; $(".slide>li").eq(index).addclass("now").siblings().removeclass("now"); //给索引值为index的li加上类 now 并去掉其余的current }, 3000) } autoplay(); $(".group>li").mouseenter(function() { clearinterval(timer); }); $(".group>li").mouseleave(function() { autoplay(); }); $(".slide>li").mouseenter(function() { slideindex = $(this).index(); $(".group>li").eq(slideindex).addclass("current").siblings().removeclass("current"); //给li加上current,作用:把display 改成block $(this).mouseover(function() { //鼠标悬停 $(".slide>li").eq(slideindex).addclass("now").siblings().removeclass("now"); //把now的颜色样式交给this.li clearinterval(timer); }) }); }); // 经典案例轮播 $(function() { var index = 0; var item; function autoplay1() { timer1 = setinterval(function() { index++; if (index === 3) index = 0; $('.case-int-bannerimg').eq(index).addclass("current").siblings().removeclass("current"); }, 3000) } // autoplay1(); $('.case-int-bannerbtn>div:first-child').click(function() { index++; if (index === 3) index = 0; $('.case-int-bannerimg').eq(index).addclass("current").siblings().removeclass("current"); }); $('.case-int-bannerbtn>div:last-child').click(function() { var aaa = index--; if (index === -3) index = 0; $('.case-int-bannerimg').eq(index).addclass("current").siblings().removeclass("current"); }) }) // 走进点石 $('.dep div').click(function(){ console.log('123'); $('.dep div').removeclass('hide-back'); $(this).addclass('hide-back'); $(this).addclass('case-hide').siblings().removeclass('case-hide'); var navindex = $(this).index(); number = navindex; $('.dep1').hide(); $('.dep1:eq('+navindex+')').show(); })