国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于Jquery實現(xiàn)鍵盤按鍵監(jiān)聽

2019-11-20 15:36:46
字體:
供稿:網(wǎng)友

從NETTUTS看到的文章,效果很不錯,有點類似于Flash做出來的效果,demo在這里 ,原文 對實現(xiàn)步驟講得很清楚,我就不多提了,實現(xiàn)效果的邏輯比較簡單,也就是slideDown()方法,

jquery slideDown()方法,實現(xiàn)滑動效果。

復(fù)制代碼 代碼如下:

// shows a given element and hides all others 
function showViaKeypress(element_id) 

    $(".container").css("display","none"); 
    $(element_id).slideDown("slow"); 


// shows proper DIV depending on link 'href' 
function showViaLink(array) 

    array.each(function(i) 
    {    
        $(this).click(function() 
        { 
            var target = $(this).attr("href"); 
            $(".container").css("display","none"); 
            $(target).slideDown("slow"); 
        }); 
    }); 

而對鍵盤按鍵的監(jiān)聽是用的keypress()方法,其實也沒什么難度,不過我們很少在頁面上使用按鍵監(jiān)聽,這個例子比較新奇,值得我們參考,如有必要時,可以在項目里用用。

復(fù)制代碼 代碼如下:

$(document).keypress(function(e) 
    { 
        switch(e.which) 
        { 
            // user presses the "a" 
            case 97:    showViaKeypress("#home"); 
                        break;   

            // user presses the "s" key 
            case 115:   showViaKeypress("#about"); 
                        break; 

            // user presses the "d" key 
            case 100:   showViaKeypress("#contact"); 
                        break; 

            // user presses the "f" key 
            case 102:   showViaKeypress("#awards"); 
                        break; 

            // user presses the "g" key  
            case 103:   showViaKeypress("#links"); 
        } 
    });

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 成安县| 四子王旗| 天门市| 新巴尔虎右旗| 锡林郭勒盟| 曲靖市| 吕梁市| 砀山县| 高青县| 玉龙| 辛集市| 石城县| 华宁县| 咸宁市| 乐陵市| 广饶县| 敖汉旗| 浮山县| 吴江市| 会昌县| 丹阳市| 漠河县| 长宁区| 济源市| 武清区| 遂川县| 张北县| 韩城市| 旅游| 那坡县| 石渠县| 紫金县| 平乡县| 瑞金市| 长子县| 永春县| 昌平区| 公主岭市| 炉霍县| 修武县| 昌乐县|