page.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. $(document).ready(function() {
  2. $(window).scroll(function() {
  3. if (jQuery(this).scrollTop() > 1) {
  4. $(".header").addClass("header_scroll");
  5. } else {
  6. $(".header").removeClass("header_scroll");
  7. }
  8. });
  9. $(".aside ul li.consulting").click(function() {
  10. $(".aside ul li.consulting").addClass("active");
  11. $(".consulting_box").css("right", "40px");
  12. });
  13. $(".consulting_box .close").click(function() {
  14. $(".aside ul li.consulting").removeClass("active");
  15. $(".consulting_box").css("right", "-250px");
  16. });
  17. $(".header .mobileMenuBtn").click(function() {
  18. $(".header .mobileMenuBtn").toggleClass("active");
  19. $(".header .header_menu").toggleClass("active");
  20. $(".header .mobileMenuBtn_shad").toggleClass("active");
  21. });
  22. $(".header .mobileMenuBtn_shad").click(function() {
  23. $(".header .mobileMenuBtn").toggleClass("active");
  24. $(".header .header_menu").toggleClass("active");
  25. $(".header .mobileMenuBtn_shad").toggleClass("active");
  26. });
  27. var w_width = $(window).width();
  28. if (w_width < 767) {
  29. $(".technical_support_type .title").click(function() {
  30. $(".technical_support_type ul").slideToggle();
  31. $(".technical_support_type .title span").toggleClass("active");
  32. });
  33. } else {
  34. }
  35. /*·µ»Ø¶¥²¿*/
  36. $("body").append('<div id="toTop">Top</div>');
  37. $("body").append('<div id="close"></div>');
  38. $("body").append('<div id="show"></div>');
  39. var toTop = $('#toTop');
  40. toTop.on("click", function () {
  41. $('body,html').animate({
  42. scrollTop: 0
  43. }, 500);
  44. });
  45. $(window).scroll(function () {
  46. if (jQuery(this).scrollTop() < 100) {
  47. toTop.css("bottom", "-100px");
  48. } else {
  49. toTop.css("z-index", 10000);
  50. toTop.css("bottom", "60px");
  51. }
  52. });
  53. var close = $("#close");
  54. close.on("click", function () {
  55. $("#show").animate({
  56. width: '40px'
  57. }, 100);
  58. $('.aside,#toTop,#close').animate({
  59. width: 0
  60. }, 100);
  61. })
  62. var show = $("#show");
  63. show.on("click", function () {
  64. $("#show").animate({
  65. width: '0px'
  66. }, 100);
  67. $('.aside,#toTop,#close').animate({
  68. width: "40px"
  69. }, 100);
  70. })
  71. });