import '../css/bootstrap.less'; import 'bootstrap/dist/js/bootstrap.js'; import '../css/public.css'; import '../css/index_home.css'; import './public.js'; import './main_banner.js'; $(function(){ var k=0; var liwit=$('.need_imgs ul li').width(); var lilengths=$('.need_imgs ul li').length; $('.need_next').click(function(){ k++; if(k>lilengths-3){ k=lilengths-3 } $('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},500) }); $('.need_prev').click(function(){ k--; if(k<0){ k=0 } $('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},500) }); //精品成果鼠标经过效果 $('.content .cont').hover(function(){ $('.con_hover').show(); var lent=$(this).index()-1; var wid=$(this).width()+10; if(lent%2===0){ $('.con_hover').css({top:"-36px"}) }else{ $('.con_hover').css({top:"15px"}) } $('.con_hover').animate({left:lent*wid},50) }) $('.content').mouseleave(function(){ $('.con_hover').hide(); $('.content .cont').stop(true) }) });