UseStudio.CloudFront/controls/pc/Lnav/Lnav.js

Namespace.register("U.Control.Lnav");
//滑动栏命名空间 曾昊杰 郑炳圳
/*window.onload = function () {
    U.Control.Lnav.A();//生成元素
}*/

U.Control.Lnav.A = function () {
    a = U.Control.Lnav.CreForm();   //获取生成的元素
    $("#U_Control_Lnav_tab")[0].style.left = -$("#U_Control_Lnav_tab")[0].offsetWidth + "px"; //区域滑动
    $(".U_Control_Lnav_touch")[0].addEventListener('touchstart', function (e) {  //添加拖动开始事件
        U.UF.EV.stopBubble();
        nStartY = e.targetTouches[0].pageY; //获取this的y坐标
        nStartX = e.targetTouches[0].pageX; //获取this的x坐标
        U.Control.Lnav.pageX = nStartX; //把x坐标传递给全局变量
        U.Control.Lnav.left = $("#U_Control_Lnav_tab")[0].offsetLeft; //把元素当前的left传递给全局变量
        $("#U_Control_Lnav_tab")[0].className = "U_Control_Lnav_body"; //取消类名
        //console.log("开始:"+nStartY+" "+nStartX)
    });
    $(".U_Control_Lnav_touch")[0].addEventListener('touchmove', function (e) {
        U.UF.EV.stopBubble();
        $("#U_Control_Lnav_shade")[0].style.display = "block";
        var count;
        if (-$("#U_Control_Lnav_tab")[0].offsetLeft > $("#U_Control_Lnav_tab")[0].offsetWidth / 4) {
            count = -$("#U_Control_Lnav_tab")[0].offsetLeft / 1000;
            $("#U_Control_Lnav_shade")[0].style.opacity = 1 - count;
        }
        var a = -(U.Control.Lnav.pageX - e.targetTouches[0].pageX);
        //$("#U_Control_Lnav_tab")[0].offsetLeft==0
        //||$("#U_Control_Lnav_tab")[0].offsetWidth==$("#U_Control_Lnav_tab")[0].offsetLeft)

        if (U.Control.Lnav.left + a >= 0) { $("#U_Control_Lnav_tab")[0].style.left = "0px"; return; } //达到一定程度不执行程序
        if (U.Control.Lnav.left + a <= -($("#U_Control_Lnav_tab")[0].offsetWidth)) {     //达到一定程度不执行程序
            $("#U_Control_Lnav_tab")[0].style.left = -$("#U_Control_Lnav_tab")[0].offsetWidth + "px";
            return;
        }
        $("#U_Control_Lnav_tab")[0].style.left = U.Control.Lnav.left + a + "px"; //调整元素坐标
    });
    $(".U_Control_Lnav_touch")[0].addEventListener('touchend', function (e) { //添加拖动取消事件
        U.UF.EV.stopBubble();

        //console.log(count);

        $("#U_Control_Lnav_tab")[0].className = "U_Control_Lnav_body U_Control_Lnav_on";
        if (-$("#U_Control_Lnav_tab")[0].offsetLeft < $("#U_Control_Lnav_tab")[0].offsetWidth / 2) {
            $("#U_Control_Lnav_tab")[0].style.left = -$("#U_Control_Lnav_tab")[0].offsetWidth / 4 + "px";
            // $("#U_Control_Lnav_shade")[0].style.display = "block";
        }
        else {
            $("#U_Control_Lnav_tab")[0].style.left = -$("#U_Control_Lnav_tab")[0].offsetWidth + "px"; //判断元素是否移动回起点
            $("#U_Control_Lnav_shade")[0].style.display = "none";
        }
    });

    return a; //返回元素
}

U.Control.Lnav.CreForm = function () { //生成元素
    var U_Control_Lnav_touch = $$("div", { "class": "U_Control_Lnav_touch" }, document.body);
    var U_Control_Lnav_tab = $$("div", { "id": "U_Control_Lnav_tab", "class": "U_Control_Lnav_body U_Control_Lnav_on" }, U_Control_Lnav_touch);
    var U_Control_Lnav_content = $$("div", { "class": "U_Control_Lnav_content" }, U_Control_Lnav_tab);
    var U_Control_Lnav_left_I = $$("div", { "class": " U_Control_Lnav_left" }, U_Control_Lnav_content);
    var U_Control_Lnav_left_I_A = $$("a", { "href": "", "innerHTML": "DESULTORY" }, U_Control_Lnav_left_I);
    var U_Control_Lnav_left_II = $$("div", { "class": " U_Control_Lnav_left" }, U_Control_Lnav_content);
    var U_Control_Lnav_left_II_A = $$("a", { "href": "", "innerHTML": "SUMPTUOUS" }, U_Control_Lnav_left_II);
    var U_Control_Lnav_left_III = $$("div", { "class": " U_Control_Lnav_left" }, U_Control_Lnav_content);
    var U_Control_Lnav_left_III_A = $$("a", { "href": "", "innerHTML": "SCINTILLA" }, U_Control_Lnav_left_III);
    var U_Control_Lnav_left_IV = $$("div", { "class": " U_Control_Lnav_left" }, U_Control_Lnav_content);
    var U_Control_Lnav_left_IV_A = $$("a", { "href": "", "innerHTML": "PROPINQUITY" }, U_Control_Lnav_left_IV);
    var U_Control_Lnav_left_V = $$("div", { "class": " U_Control_Lnav_left" }, U_Control_Lnav_content);
    var U_Control_Lnav_left_V_A = $$("a", { "href": "", "innerHTML": "HARBINGER" }, U_Control_Lnav_left_V);
    var U_Control_Lnav_shade = $$("div", { "id": "U_Control_Lnav_shade", "style": { "display": "none"} }, U_Control_Lnav_touch);
    var U_Control_Lnav_Test = $$("div", { "id": "U_Control_Lnav_Test", "style": { }, "innerHTML": "请向右滑动" }, U_Control_Lnav_touch)
    return U_Control_Lnav_touch;
}