• 点击左滑动一定距离 再次点击向右滑动回到原来位置 并且切换点击图标


    $(function(){
    var i = $("#right").css("left");
    $("#dianji").click(function(){
    $("#leftmenu").animate({"z-index":"999"}, 1300);
    $("#right").animate({left:"3rem"}, 1500);
    $("#dianji").animate({left:"3.18rem"}, 1500);
    $("#logo").animate({left:"4.7rem"}, 1500);
    $("body").css("overflow","hidden");
    // $(".banner").animate({left:"3.25rem"}, 1500);
    function change_pic(){
    var imgObj = document.getElementById("dianji");
    if( imgObj.getAttribute("src",0)=="images/Menu.png"){
    imgObj.src="images/Poor.png";
    }else{
    $("#leftmenu").stop().animate({"z-index":"0"}, 100);
    $("#right").stop().animate({"z-index":"999"}, 300);
    $("#dianji").stop().animate({left:"0.2rem"}, 1500);
    $("#right").stop().animate({left:"-0rem"}, 1500);
    $("#logo").stop().animate({left:"1.7rem"}, 1500);
    $("body").css("overflow","");
    // $(".banner").stop().animate({left:"0"}, 1500);
    imgObj.src="images/Menu.png";
    }
    }
    change_pic();
    });
    });

  • 相关阅读:
    【NOI2015】荷马史诗
    Codeforces Round #415 (Div. 2)
    Codeforces Round #408 (Div. 2)
    bzoj3230
    poj1743
    poj1226
    bzoj1295
    bzoj1294
    bzoj1296
    bzoj1239
  • 原文地址:https://www.cnblogs.com/HanJie0824/p/6878998.html
Copyright © 2020-2023  润新知