service.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. // import '../css/bootstrap.less';
  2. import 'bootstrap/dist/js/bootstrap.js';
  3. import '../css/public.css';
  4. import '../css/service.css';
  5. import '../css/main_banner.css';
  6. import './public.js';
  7. import './main_banner.js'
  8. $(function(){
  9. $("#office").click(function(){
  10. $(this).removeClass("that").addClass("that");
  11. $("#custom").removeClass("that");
  12. $(".change_left").css("display","block");
  13. $(".change_right").css("display","none");
  14. });
  15. $("#custom").click(function(){
  16. $(this).removeClass("that").addClass("that");
  17. $("#office").removeClass("that");
  18. $(".change_right").css("display","block");
  19. $(".change_left").css("display","none");
  20. });
  21. $(".customer_circle li").click(function(){
  22. $(this).addClass("thonli").siblings().removeClass("thonli");
  23. var lilength=$(this).index();
  24. $(this).parent().parent().children("ul").css({"display":"none"}).eq(lilength).css({"display":"block"});
  25. });
  26. $(".work_office li").hover(function(){
  27. $(this).addClass("check_li").siblings().removeClass("check_li");
  28. var olli_index=$(this).index();
  29. $(this).parent().parent().children("ul").css("display","none").eq(olli_index).css("display","block");
  30. });
  31. $(".customer_company>li").hover(function(){
  32. $(this).addClass("thon").siblings().removeClass("thon");
  33. });
  34. })