作者evayang1218 (离)
看板Web_Design
标题[请益] 网页页签热键
时间Mon May 4 11:53:26 2015
由於网页上有多个页签,使用者希望可以透过键盘切换页签,
如Shift+1切到页签一、Shift+2切到页签二....等,
Html
<!-- the tabs -->
<ul class="tabs">
<li ><a href="#1">RiCo技术农场</a></li>
<li ><a href="#2">MSDN技术论坛</a></li>
<li ><a href="#3">TechNet技术论坛</a></li>
</ul>
<!-- tab "panes" -->
<div class="panes">
<div id="d1">欢迎参观我的部落格,请多多指教</div>
<div id="d2">MSDN逛过才知道它的好</div>
<div id="d3">TechNet看过才了解它的美</div>
</div>
<script type="text/javascript">
$(function() {
//setup ul.tabs to work as tabs for each div directly under
div.panes
$("ul.tabs").tabs("div.panes > div");
//切换页签其实就是click页签超连结
$(document).bind('keydown', 'Shift+1', function
(){$('a[href=#1]').click();});
$(document).bind('keydown', 'Shift+2', function
(){$('a[href=#2]').click();});
$(document).bind('keydown', 'Shift+3', function
(){$('a[href=#3]').click();});
});
</script>
---------------------------------------------------------------------------
想请问除了这个方法 有其他方法是可以用一样的操作方式吗???
因为主要tab页签 不是用ul列出来的
想找别的方法
谢谢大家
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 210.69.138.170
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1430711609.A.E0D.html
1F:推 devil115789: 单纯show hide? 05/05 14:15
2F:→ evayang1218: 好的谢谢 05/08 17:08