reorg
[uweb.git] / zh / gesture / index.html
blob4868948eb0e91a76c5d8d03668dcf30d43f45991
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 <link rel="stylesheet" href="../style.css#" type="text/css" />
8 <title>手势</title>
9 <script type="text/javascript">
10 function findLang(){
11 let href = location.href;
12 for(let i=href.length-1;i>0;i--){
13 if('/'==href.charAt(i) && '/'==href.charAt(i-3))
14 return i;
16 return 0;
18 function nav2(page){
19 let i = findLang();
20 location.href = location.href.substring(0,i+1)+page;
22 function nav2Lang(lang){
23 let i = findLang();
24 let href = location.href;
25 location.href = location.href.substring(0,i-2)+lang+location.href.substring(i);
27 </script>
28 </head>
29 <body>
30 <header class='header'>
31 <a class="logo" href="javascript:void(0)" onclick="return nav2('index.html#')">Home</a> <a class="logo" href="javascript:void(0)" onclick="return nav2('tags/index.html#')">Tags</a>
34 <a class="logo" href="javascript:void(0)" onclick="return nav2Lang('en')">English</a>
37 <nav>
38 </nav>
39 </header>
40 <br />
42 <div class="container">
43 <h1 class="title">手势
44 <br>
45 <span class="subtitle"></span>
46 </h1>
47 <ul class="tags">
49 </ul>
50 <p>顶部下拉弹出地址栏; 顶部上划隐藏地址栏。底部下划隐藏工具条; 底部左右角落划动弹出工具条。</p>
51 <p>紧靠工具条左右划动切换当前窗口; 左右大幅度划动切换到第一或最后一个窗口。</p>
52 <p>起点终点紧靠地址栏划动操作调用&quot;default.gesture&quot;文件中对应链接。文件格式与文件<a href="../links/index.html">default.link</a>完全相同。每行第一部分为助记名,第二部分为链接。手势操作对应方式如下:</p>
53 <ol>
54 <li>将屏幕宽度平分为三部分,分别对应数字0,1,2</li>
55 <li>将终点对应的屏幕数字加上起点对应数字的三倍。如果数字为4且初始为往左滑动则数字改为9</li>
56 <li>每额外多一次来回转折数字加10<br>
57 超微浏览器将执行上述数字所对应行所定义的链接操作。(0对应第一行,以此类推)</li>
58 </ol>
59 <p>右边缘划动操作调用&quot;default.gesture2&quot;文件中对应链接。对应方法同&quot;default.gesture&quot;</p>
60 <p>常用操作链接:<br>
61 back:javascript:history.back()<br>
62 forward:javascript:history.forward()<br>
63 back2:javascript:history.go(-2)</p>
65 </div>
66 <p>Last Modified: 2 April 2024<br>
67 add js function in README<br>
68 <pre></pre>
69 </p>
71 <script id='jsgiscus'
72 src='https://giscus.app/client.js'
73 data-repo="torappinfo/uweb"
74 data-repo-id="MDEwOlJlcG9zaXRvcnkzMDIyMDU3MjE="
75 data-category="Announcements"
76 data-category-id="DIC_kwDOEgNLGc4CQjsh"
77 data-mapping="title"
78 data-strict="0"
79 data-reactions-enabled="1"
80 data-emit-metadata="0"
81 data-input-position="top"
82 data-theme="light"
83 data-lang="en"
84 data-loading="lazy"
85 crossorigin="anonymous" async>
86 </script>
88 </body>
89 </html>