js页面动态效果

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

//下拉框动态效果
            var num;
            $('.nav_main>li[id]').hover(function(){
                /*下拉框出现*/
                var Obj = $(this).attr('id');
                num = Obj.substring(3, Obj.length);
                $('#box'+num).slideDown(300);
                $(this).addClass("cur").siblings().removeClass("cur");
            },function(){
                /*下拉框消失*/
                $('#box'+num).hide();
            });
            $('.hidden_box').hover(function(){
                $(this).show();
            },function(){
                $(this).slideUp(200);
            });
            $(".list>ul>li").click(function(){
                var index=$(this).index();
                $(".list>ul>li").eq(index).addClass("cur").siblings().removeClass("cur");
     
            });

页面滑动js插件swiper.min.js

    window.onload = function() {
        var mySwiper1 = new Swiper('#header',{
            freeMode : true,
            slidesPerView : 'auto',
        });
        var mySwiper3 = new Swiper('#menu_swiper',{
            freeMode : true,
            slidesPerView : 'auto',
        });
    }
$.each(weekList,function (i,item){});

$(".fulled").attr("disabled","disabled");

$("#allData div").on("click",function () {});

$(".right_wrap ul li:not(.fulled)").on("click",function(){});

$(this).hasClass("seled");

$(this).toggleClass("seled");

 

转载于:https://my.oschina.net/u/3160411/blog/892098

你可能感兴趣的:(js页面动态效果)