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; }