var myswiper = new swiper('.swiper-container', { effect : 'fade', autoplay:true,//等同于以下设置 /*autoplay: { delay: 3000, stoponlastslide: false, disableoninteraction: true, },*/ pagination: { el: '.swiper-pagination', clickable :true } }); $(function(){ var item1 = $('#item1'); var item2 = $('#item2'); change(item1); change(item2); over(item1,item2); over(item2,item1); function change(e){ var header = $('header'); console.log(header) e[0].children[2].children[2].addeventlistener("click",function(){ e[0].children[0].style.display = "none"; e[0].children[1].children[0].style.display = "block"; e[0].children[2].style.display = "none"; }); } function over(e1,e2){ e1[0].children[1].addeventlistener("mouseenter", function(){ e1[0].children[1].children[0].style.display = "block"; e1[0].children[1].children[1].style.display = "none"; if(e2[0].children[0].style.display != "none"){ return }else { e2[0].children[1].children[0].style.display = "none"; e2[0].children[1].children[1].style.display = "block"; } }); item1[0].children[1].children[1].style.transform = "rotate(180deg)" } item1[0].addeventlistener("mouseenter", function(){ item1[0].children[2].children[0].innerhtml = '智慧校园建设方案'; item2[0].children[2].children[0].innerhtml = '

' }); item1[0].addeventlistener("mouseleave",function () { item1[0].children[2].children[0].innerhtml = '智慧校园建设方案'; item2[0].children[2].children[0].innerhtml = '生涯教育实施解决方略'; }); item2[0].addeventlistener("mouseenter", function(){ item2[0].children[2].children[0].innerhtml = '生涯教育实施解决方略'; item1[0].children[2].children[0].innerhtml = '

' }); item2[0].addeventlistener("mouseleave",function () { item1[0].children[2].children[0].innerhtml = '智慧校园建设方案'; item2[0].children[2].children[0].innerhtml = '生涯教育实施解决方略'; }); }); $('.tab_box').on('click','a',function(){ $(this).parent().addclass('active').siblings().removeclass('active'); }); $('.more').click(function () { $('.header-box').css('background-color','#fff'); $('.sanjiao').show(); $('.header-box .header-logo').css('background-color','#a72126'); $('.header-box .nav a ').css('color','#333'); // $('#header .nav a:before').css('background-color','#a72126'); var appendstr = ""; $('#header .nav a').append(appendstr); });