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