苏州创新投资
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
suzhou/js/about03.js

77 lines
2.0 KiB

2 years ago
//banner
$(function(){
2 years ago
var owl = $('.brand__slider');
2 years ago
$('.brand__slider').owlCarousel({
loop:true,
margin:30,
2 years ago
autoplay:true,
2 years ago
autoplayTimeout:1000,
2 years ago
smartSpeed:500,
items:3,
navText:['<img src="../images/arrowleft.png" alt="">','<img src="../images/arrowright.png" alt="">'],
nav:true,
dots:false,
responsive:{
0:{
items:1
},
576:{
items:2
},
767:{
items:3
},
}
});
2 years ago
$('.category__item').on('mouseover',function(){
owl.trigger('stop.owl.autoplay')
})
$('.category__item').on('mouseleave',function(){
owl.trigger('play.owl.autoplay',[1000])
2 years ago
2 years ago
})
2 years ago
//移动端展开nav
$('#navToggle').on('click',function(){
$('.m_nav').addClass('open');
})
//关闭nav
$('.m_nav .top .closed').on('click',function(){
$('.m_nav').removeClass('open');
})
//二级导航 移动端
$(".m_nav .ul li").click(function() {
$(this).children("div.dropdown_menu").slideToggle('slow')
$(this).siblings('li').children('.dropdown_menu').slideUp('slow');
});
//全屏滚动
$('#about_main').fullpage({
'navigation': true,
scrollBar: false,
slidesNavigation: true,
css3: true,
controlArrows: false,
continuousHorizontal:true,
scrollingSpeed:500,
showActiveTooltip :true,
anchors: ['hero', 'one', 'two', 'three','four','five'],
loopHorizontal: true,
afterLoad: function(anchorLink, index){
console.log(index)
$('header').addClass('on').addClass("animation");
2 years ago
if(index==1){
$('header').css('display','flex')
}else{
$('header').css('display','none')
}
2 years ago
},
afterSlideLoad:function(){
},
afterRender: function(){
},
onLeave: function(index, direction){
$(".header").removeClass("animation");
}
})
})