分享

iPanel:定焦菜单小程序--转

 Blex 2011-03-11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
li { float:left; width:20px;}
#list3 { font-size:30px; color:#166AE9;}
</style>
<script type="text/javascript">
var pos = 3 ;
var tmArray = ["Menu0","Menu1","Menu2","Menu3","Menu4","Menu5","Menu6","Menu7","Menu8","Menu9"]
function $(id){
    return document.getElementByIdx(id);
}
function showInfo(){
    $("list0").innerText = tmArray[(pos+tmArray.length-3)%tmArray.length];
    $("list1").innerText = tmArray[(pos+tmArray.length-2)%tmArray.length];
    $("list2").innerText = tmArray[(pos+tmArray.length-1)%tmArray.length];
    $("list3").innerText = tmArray[pos];
    $("list4").innerText = tmArray[(pos+tmArray.length+1)%tmArray.length];
    $("list5").innerText = tmArray[(pos+tmArray.length+2)%tmArray.length];
    $("list6").innerText = tmArray[(pos+tmArray.length+3)%tmArray.length];
}

function chanFocus(__num){
    pos+=__num;
    if(pos<0)pos=tmArray.length-1;
    else if(pos>tmArray.length-1)pos=0;
    showInfo();
}

document.onsystemevent = grabEvent;
document.onkeypress = grabEvent;
document.onirkeypress = grabEvent;
function grabEvent(){
    var keycode = event.which;
    iPanel.debug("%%%%%%%%%%%"+keycode);
    switch(keycode){
        case 1://up
        case 269:           
            return 0;
            break;
        case 2://down
        case 270:           
            return 0;
            break;
        case 3://left
        case 271:
            chanFocus(-1);
            return 0;
            break;
        case 4://right
        case 272:
            chanFocus(1);
            return 0;
            break;
        case 13://enter
            return 0;
            break;
        case 339:
        case 340:
            return 0;
            break;
    }
}
</script>
</head>
<body onload="showInfo()">
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
    <td id="list0"> </td>
    <td id="list1"> </td>
    <td id="list2"> </td>
    <td id="list3"> </td>
    <td id="list4"> </td>
    <td id="list5"> </td>
    <td id="list6"> </td>
</tr>
</table>
</body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多