var $win = $(window), winH = $win.height(); $('.first-page').css({ height: winH + 'px' }) function num(num) { return num > 9 ? num : '0' + num; } // 首页专属轮播 function mineSwiper(el, options) { var swiper = this; swiper.params = {}; if (options) { for (var key in options) { this.params[key] = options[key] } } swiper.init = function() { swiper.main = $(el); swiper.slides = swiper.main.find('.slide'); setSlides(); if (swiper.params.dot) { creatDots(); } } swiper.init(); swiper.prev = prev; swiper.next = next; swiper.slideTo = slideTo; function creatDots() { var dotsHtml = '' for (var i = 0; i < swiper.slides.length; i++) { dotsHtml += '
' + num(i + 1) + '
' } $(swiper.params.dot).html(dotsHtml); swiper.dots = $(swiper.params.dot).find('.dot'); swiper.dots.click(function() { var index = $(this).index(); slideTo(index); }) } function setSlides() { swiper.slides.each(function(index, slide) { var $slide = $(slide); slideTo(0); }) } function slideTo(index) { if (swiper.params.autoplay) { clearTimeout(swiper.autoplayTimer) swiper.autoplayTimer = setTimeout(function() { swiper.next(); }, swiper.params.autoplay.delay || 4000) } if (index >= swiper.slides.length) { index = swiper.slides.length - 1 } if (index < 0) { index = 0 } swiper.activeIndex = index; if (swiper.dots) { swiper.dots.eq(index).active(); } swiper.slides.each(function(i, slide) { var $slide = $(slide); if (index == 0) { if (i == swiper.slides.length - 1) { $slide.addClass('prev').removeClass('next') } else { $slide.addClass('next').removeClass('prev') } } else { if (i == index - 1) { $slide.addClass('prev').removeClass('next') } else { $slide.addClass('next').removeClass('prev') } } if (i == index) { $slide.active().removeClass('next'); } }) } function next() { var index = swiper.activeIndex; index++; console.log(index) if (index == swiper.slides.length) { index = 0 } swiper.slideTo(index) } function prev() { var index = swiper.activeIndex; index--; if (index == -1) { index = swiper.slides.length - 1 } swiper.slideTo(index) } } var mySwiper = new mineSwiper('.first-page .swiper', { dot: '.first-page .dots', autoplay: { delay: 5000 } }) $('.first-page .controler-wrap .prev').click(function() { mySwiper.prev(); }) $('.first-page .controler-wrap .next').click(function() { mySwiper.next(); }) // news var newsSwiper = new Swiper('.newsSwiper', { speed: 600, slidesPerView: window.innerWidth <= 900 ? 1 : 2, spaceBetween: 120, autoHeight: true }) $('.news .prev').click(function() { newsSwiper.slidePrev() }) $('.news .next').click(function() { newsSwiper.slideNext() }) // 表单 //搜索 $('.search-form').submit(function(e) { e.preventDefault(); }) // 邮箱 $('.email-form').submit(function(e) { e.preventDefault(); }) $win.scroll(function() { var scrollTop = $win.scrollTop(); // 头部 var header = $('.floatheader'); if (scrollTop > $('.header.static').height()) { if (header.hasClass('move')) { header.removeClass('move'); $('.headerPage').hide() } } else { if (!header.hasClass('move')) { header.addClass('move'); $('.headerPage').show() } } }).resize(function() { $win.scroll(); winH = $win.height(); if (window.innerWidth > 600) { $('.first-page').css({ height: winH + 'px' }) } }); $win.resize().scroll();