function setScreenWidth() { if (screen.width < 640) { var mvp = document.getElementById('vp') mvp.setAttribute('content', 'user-scalable=no,width=640') } else { var mvp = document.getElementById('vp') mvp.setAttribute('content', 'width=device-width, initial-scale=1') } } window.addEventListener('resize', setScreenWidth) setScreenWidth() window.onscroll = function() { var topScroll = get_scrollTop_of_body()//滚动的距离,距离顶部的距离 var bignav = document.getElementById('top_nav')//获取到导航栏id if (topScroll > 152) { //当滚动距离大于250px时执行下面的东西 $(bignav).addClass('yy') // bignav.style.position = 'fixed'; // bignav.style.top = '0'; // bignav.style.zIndex = '9999'; // bignav.style.width = '100%'; bignav.classList.add('yy') document.body.classList.add('body-yy') } else {//当滚动距离小于250的时候执行下面的内容,也就是让导航栏恢复原状 // bignav.style.position = 'static'; bignav.classList.remove('yy') document.body.classList.remove('body-yy') } } /*解决浏览器兼容问题*/ function get_scrollTop_of_body() { var scrollTop if (typeof window.pageYOffset != 'undefined') {//pageYOffset指的是滚动条顶部到网页顶部的距离 scrollTop = window.pageYOffset } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { scrollTop = document.documentElement.scrollTop } else if (typeof document.body != 'undefined') { scrollTop = document.body.scrollTop } return scrollTop } var banner = new Swiper('.banner', { // autoHeight: true, //enable auto height spaceBetween: 0, autoplay: { delay: 2500, disableOnInteraction: false }, pagination: { el: '.swiper-pagination', clickable: true }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } }) var pro_nav = new Swiper('.index-pro-nav', { spaceBetween: 0, slidesPerView: 3, freeMode: true, watchSlidesProgress: true }) var pro_box = new Swiper('.index-pro-box', { spaceBetween: 10, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } // thumbs: { // swiper: pro_nav // } }) if (window.screen.width > 992) { var pro_nav_fzlc = new Swiper('.index-pro-nav-fzlc', { spaceBetween: 0, slidesPerView: 10, freeMode: true, watchSlidesProgress: true }) } else { var pro_nav_fzlc = new Swiper('.index-pro-nav-fzlc', { spaceBetween: 0, slidesPerView: 4, freeMode: true, watchSlidesProgress: true }) } var pro_box_fzlc = new Swiper('.index-pro-box-fzlc', { spaceBetween: 10, navigation: { nextEl: '.swiper-button-next-fzlc', prevEl: '.swiper-button-prev-fzlc' }, autoplay: { delay: 2500, disableOnInteraction: false }, autoHeight: true, thumbs: { swiper: pro_nav_fzlc } }) pro_nav_ry = new Swiper('.index-pro-nav-ry', { spaceBetween: 18, slidesPerView: 'auto', freeMode: true, watchSlidesProgress: true }) pro_box_ry = new Swiper('.index-pro-box-ry', { spaceBetween: 10, direction: 'vertical', thumbs: { swiper: pro_nav_ry } }) pro_box_ry1 = new Swiper('.ryzz-box', { spaceBetween: 10, // direction: 'vertical', thumbs: { swiper: pro_nav_ry } }) $('.index-pro-nav-ry .swiper-slide').hover(function(e) { var index = e.currentTarget.dataset.index pro_box_ry.slideTo(index) pro_box_ry1.slideTo(index) }) var dfsgdfs = new Swiper('.dfsgdfs-ertert', { slidesPerView: '3', spaceBetween: 53, navigation: { nextEl: '.swiper-button-next-ry', prevEl: '.swiper-button-prev-ry' } }) $('.index-pro-box .swiper-wrapper .swiper-slide .pro-item-right').each(function() { var el = $(this) if (el.children('.pro-item').length > 2) { el.children('.pro-item').each(function(k, v) { console.log(k, v) if (k >= 2) { $(v).toggleClass('d-none d-lg-block') } }) el.append('') } }) $('.page-mdgs > div:nth-child(1)').each(function() { var el = $(this) if (el.children('p').length > 1) { el.children('p').each(function(k, v) { console.log(k, v) if (k >= 1) { $(v).toggleClass('d-none d-lg-block') } }) el.append('') } }) $('.page-mdgs > div:nth-child(1)').on('click', ' a.more', function(e) { var el = $(this) var parent = el.parent() parent.children('p').each(function(k, v) { console.log(k, v) if (k >= 1) { $(v).toggleClass('d-none d-lg-block') } }) el.toggleClass('active') }) $('.index-pro-box .swiper-wrapper .swiper-slide .pro-item-right').on('click', ' a.more', function(e) { var el = $(this) var parent = el.parent('.pro-item-right') parent.children('.pro-item').each(function(k, v) { console.log(k, v) if (k >= 2) { $(v).toggleClass('d-none d-lg-block') } }) el.toggleClass('active') }) $(function() { $('.sadas').click(function() { $(this).toggleClass('close') $('.top-form').toggle(200) }) $('.m-search-button').click(function() { $('#navbarText').addClass('d-none') $('.navbar-toggler').addClass('d-none') $('.form-close').removeClass('d-none') $('.nav-search-form').removeClass('d-none').addClass('d-flex') }) $('.form-close').click(function() { $('#navbarText').removeClass('d-none') $('.navbar-toggler').removeClass('d-none') $('.form-close').addClass('d-none') $('.nav-search-form').removeClass('d-flex').addClass('d-none') return false }) if (window.screen.width > 992) { $('.pagination li:first-child').children().text('上一页') $('.pagination li:last-child').children().text('下一页') } })