https://xyzteamshrimp.com/js/ml_script.js

1// 首页轮播图
2var mySwiper = new Swiper('.ml_banner', {
3    // autoplay: {
4    //     delay: 3000
5    // },
6    speed: 2000,
7    loop: true, // 循环模式选项
8
9    // 如果需要分页器
10    pagination: {
11        el: '.swiper-pagination',
12        clickable: true
13    },
14    // 切换方式
15    effect: 'flip',
16
17    // 如果需要前进后退按钮
18    navigation: {
19        nextEl: '.bannerbtnright',
20        prevEl: '.bannerbtnleft',
21    },
22
23
24})
25
26
27// 手机导航收起展开
28$('.hb').click(function(e) {
29    e.preventDefault();
30    $('.center_span').toggleClass('hb_fadeout')
31    $('.top_span').toggleClass('change1')
32    $('.bottom_span').toggleClass('change2')
33
34});
35$('.hb').click(function(e) {
36    e.preventDefault();
37    $('.ml_mb_nav').stop().toggleClass('mb_navShow')
38
39});
40$('.mb_item1_arrow').click(function(e) {
41    e.preventDefault();
42    var num1 = $('.mb_item1_arrow').index(this)
43    $('.ml_mbnav_2').eq(num1).stop().slideToggle()
44    $('.mb_item1_arrow').eq(num1).stop().toggleClass('ml_mb_arrowChange')
45
46});
47$('.mb_item2_arrow').click(function(e) {
48    e.preventDefault();
49    var num2 = $('.mb_item2_arrow').index(this)
50    $('.ml_mbnav_3').eq(num2).stop().slideToggle()
51    $('.mb_item2_arrow').eq(num2).stop().toggleClass('ml_mb_arrowChange')
52
53});
54// 头部效果
55$(document).ready(function() { //在文档加载完毕后执行
56
57    $(window).scroll(function() { //开始监听滚动条
58
59        //获取当前滚动条高度
60
61        var topp = $(document).scrollTop();
62
63        //用于调试 弹出当前滚动条高度
64
65        //alert(topp);
66
67        //判断如果滚动条大于90则弹出 "ok"
68
69        if (topp > 65) {
70
71            //alert("ok");
72            $('.ml_pcheader').addClass('fixed')
73
74        } else {
75            $('.ml_pcheader').removeClass('fixed')
76        }
77
78    })
79
80})
81
82
83AOS.init({
84    duration: 1000
85})