星期三, 2月 18, 2009

設定網頁元素的快速鍵

昨天被人問到一個問題..就是網頁元素可以設定快捷鍵ㄇ..我想了一下..應該有用js就可以做到了..晚上google一下w3c..其實更簡單的方法就是直接設定accesskey就行了..看codeㄅ..

<style type="text/css">
div
{
background-color: Silver;
width:300px;
height:100px;
text-align:center;
vertical-align:middle;
}
div a
{
text-decoration: none;
}
div a span
{
text-decoration: underline;
}
</style>
<div>
<a href="http://tw.yahoo.com" accesskey="y"><span>y</span>ahoo.com</a> |
<a href="http://google.com.tw" accesskey="g"><span>g</span>oogle.com</a> |
<a href="http://tw.msn.com" accesskey="m"><span>m</span>sn.com</a>
</div>

gvf

這樣在ie可以用Alt+accesskey..firefox則用Alt+Shift+accesskey..不錯ㄅ..如果要用js就看這篇文章裡面有教..Cool..