style.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. $(function () {
  2. //设置整体比例
  3. /*10px = 0.1rem*/
  4. var scale = $("body").width() / 1920;
  5. $("html").css("font-size", 100 * scale + 'px');
  6. $(window).resize(function () {
  7. var scale = $("body").width() / 1920;
  8. $("html").css("font-size", 100 * scale + 'px');
  9. });
  10. wwHF();
  11. $(window).resize(function () {
  12. wwHF();
  13. });
  14. function wwHF() {
  15. var $ww = $(window).width();
  16. if ($ww > 980) {
  17. $(".Hmenu-btn.Hmenu-web, .H-nav .Hnav-menu, .H-srch .Hsrch-menu, .H-lang .Hlang-menu").removeClass("cur");
  18. $(".H-nav, .Hnav-sub, .Hsrch-box, .Hlang-box").removeAttr("style");
  19. }
  20. if ($ww > 768) {
  21. $(".F-nav dt").removeClass("cur");
  22. $(".F-nav dd").removeAttr("style");
  23. }
  24. }
  25. /*-- Header --*/
  26. $(".H-rMenu-btn").bind("click", function () {
  27. if ($(this).hasClass("cur")) {
  28. $(".header-container").animate({
  29. "left": 0
  30. }, 600);
  31. $("body").animate({
  32. "right": 0
  33. }, 600);
  34. } else {
  35. $(this).addClass("cur");
  36. $(".H-rMenu-wrap").animate({
  37. "right": 0
  38. }, 600);
  39. $(".header-container").animate({
  40. "left": -333
  41. }, 600);
  42. $("body").animate({
  43. "right": 333
  44. }, 600);
  45. }
  46. });
  47. $(window).resize(function () {
  48. if ($(window).width() <= 980) {
  49. $(".header-container").animate({
  50. "left": 0
  51. }, 600);
  52. $("body").animate({
  53. "right": 0
  54. }, 600);
  55. }
  56. });
  57. //srch
  58. $(".Hsrch-menu").bind("click", function () {
  59. $(".Header-wrapper").addClass("Header-searching");
  60. $(this).addClass("cur").siblings(".Hsrch-box").fadeIn(300);
  61. $(".Hsrch-block .text").focus();
  62. $(".Hmenu-btn.Hmenu-web").removeClass("cur").siblings(".H-nav").slideUp(200);
  63. if ($(window).width() >= 1000) {
  64. $('.Hlang-menu').slideUp(200);
  65. } else {
  66. $('.Hlang-menu').removeClass("cur").siblings(".Hlang-box").slideUp(200);
  67. }
  68. });
  69. $(".Hsrch-block .close").bind("click", function () {
  70. $(".Header-wrapper").removeClass("Header-searching");
  71. $(".Hsrch-menu").removeClass("cur").siblings(".Hsrch-box").fadeOut(300);
  72. if ($(window).width() >= 1000) {
  73. $('.Hmenu-btn.Hmenu-web').addClass("cur").siblings(".H-nav").slideDown(200);
  74. $('.Hlang-menu').slideDown(200);
  75. }
  76. });
  77. /*web*/
  78. $(".Hmenu-btn.Hmenu-web").bind("click", function () {
  79. if ($(this).hasClass("cur")) {
  80. $(this).removeClass("cur").siblings(".H-nav").slideUp(300);
  81. } else {
  82. $('.Hlang-menu').removeClass("cur").siblings(".Hlang-box").slideUp(200);
  83. $(".Header-wrapper").removeClass("Header-searching");
  84. $(".Hsrch-menu").removeClass("cur").siblings(".Hsrch-box").fadeOut(300);
  85. $(".H-nav").css("height", "auto");
  86. $(".H-nav")[0].scrollHeight > $(window).height() - $(".Header-cl").height() ? $(".H-nav").css("height", $(window).height() - $(".Header-cl").height()) : $(".H-nav").css("height", "auto");
  87. $(this).addClass("cur").siblings(".H-nav").slideDown(300);
  88. }
  89. });
  90. $(".Hnav-menu i").bind("click", function () {
  91. if ($(window).width() <= 980) {
  92. var $this = $(this).parent(".Hnav-menu");
  93. if ($this.siblings(".Hnav-sub").length > 0) {
  94. if ($this.hasClass("cur")) {
  95. $this.removeClass("cur").siblings(".Hnav-sub").slideUp(300);
  96. } else {
  97. $(".H-nav .Hnav-menu").removeClass("cur").siblings(".Hnav-sub").slideUp(300);
  98. $this.addClass("cur").siblings(".Hnav-sub").slideDown(300);
  99. }
  100. return false;
  101. }
  102. }
  103. });
  104. $(".Hlang-menu").bind("click", function () {
  105. if ($(window).width() > 980) return false;
  106. $(this).hasClass("cur") ? $(this).removeClass("cur").siblings(".Hlang-box").slideUp(300) : $(this).addClass("cur").siblings(".Hlang-box").slideDown(300);
  107. $(".Hmenu-btn.Hmenu-web").removeClass("cur").siblings(".H-nav").slideUp(200);
  108. $(".Header-wrapper").removeClass("Header-searching");
  109. $(".Hsrch-menu").removeClass("cur").siblings(".Hsrch-box").fadeOut(300);
  110. });
  111. /*返回顶部*/
  112. var top = $(window).scrollTop();
  113. $(".top").click(function () {
  114. $("html,body").animate({ scrollTop: 0 }, 1000);
  115. });
  116. $(window).scroll(function () {
  117. if ($(window).scrollTop() >= 600) {
  118. $(".right ").stop(true, false).addClass('act');
  119. } else {
  120. $(".right").stop(true, false).removeClass('act');
  121. }
  122. });
  123. });