From 9d3c8c0e6e1a7ba43bf3dc19350d1dca68b657a3 Mon Sep 17 00:00:00 2001 From: Chris Xiong Date: Sun, 10 Feb 2019 11:16:07 +0800 Subject: Initial commit. --- panel.js | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 panel.js (limited to 'panel.js') diff --git a/panel.js b/panel.js new file mode 100644 index 0000000..f100020 --- /dev/null +++ b/panel.js @@ -0,0 +1,51 @@ +//Copyright Chris Xiong 2017 +//License: Expat (MIT) +var fold=true; +function setupevents() +{ + window.ontouchstart=function(e) + { + x1=e.touches[0].screenX; + y1=e.touches[0].screenY; + } + window.ontouchmove=function(e) + { + x2=e.touches[0].screenX; + y2=e.touches[0].screenY; + } + window.ontouchend=function(e) + { + x2=e.changedTouches[0].screenX; + y2=e.changedTouches[0].screenY; + if(Math.abs(x1-x2)<20&&Math.abs(y1-y2)<20) + { + if(x2document.getElementById("panel").getClientRects()[0].right&&!fold) + {document.getElementById("panel").style.left="-15em";fold=true;} + } + if(x2-x1>window.innerWidth*0.2) + {document.getElementById("panel").style.left="0";fold=false;} + if(x1-x2>window.innerWidth*0.2) + {document.getElementById("panel").style.left="-15em";fold=true;} + } + document.getElementById("panel").onmouseenter=function() + { + if(fold) + {document.getElementById("panel").style.left="0";fold=false;} + } + document.getElementById("panel").onmouseleave=function() + { + if(!fold) + {document.getElementById("panel").style.left="-15em";fold=true;} + } +} +function unsetevents() +{ + window.ontouchstart=undefined; + window.ontouchmove=undefined; + window.ontouchend=undefined; + document.getElementById("panel").onmouseenter=undefined; + document.getElementById("panel").onmouseleave=undefined; + document.getElementById("panel").style.left=null; +} -- cgit v1.2.3