如何让jquery幻灯片在用户按下右箭头键时转到下一张幻灯片

w7t8yxp5  于 2023-06-22  发布在  jQuery
关注(0)|答案(1)|浏览(148)

好了,这是一个场景,我希望用户能够按下键盘上的左右箭头键,让页面上的jquery幻灯片触发下一张幻灯片。我想使用右箭头键,但除了回车、空格或制表符以外的任何键都可以(我只想用一个键来实现)。我在想

$('#target').keyup(function(event){.doslide();}

或者其他什么的任何帮助都将不胜感激。

<script type="text/javascript">
                            var slo=null;
                            var sola = Array();
                            var prev = 0;
                            var cur = 1;
                            var timi=null

                            jQuery.noConflict()
                            jQuery(document).ready(function() {
                                sol = $(".slide")
                                var sho = document.getElementById('slidya').getElementsByTagName('a');

                                for(var i=1;i<sho.length-1;i++)sola.push(sho[i]);

                                for(var i=1;i<sol.length;i++)sol[i].style.display = 'none';                        

                                timi = window.setInterval('doslide()',10000);

                            })
                            function doslide()
                                {
                                    $(sol[prev]).fadeOut(3000);
                                    $(sol[cur]).fadeIn(3000);
                                    sola[prev].className = 'number'
                                    sola[cur].className = 'number select'

                                    prev = cur++;
                                    if(cur>sol.length-1)
                                    {
                                        cur=0;
                                        prev= sol.length-1;
                                    }
                                }
                                function prevnext(mode)
                                {
                                    window.clearInterval(timi);timi=null;

                                    if(mode)
                                    {
                                        if(cur>sol.length-1)
                                        {
                                            cur=0;
                                            prev= sol.length-1;
                                        }
                                        doslide();      
                                    }
                                    else
                                    {
                                        cur--;
                                        prev--;

                                        if(prev<0)
                                        {
                                            cur=0;
                                            prev= sol.length-1;
                                        }
                                        if(cur<0)
                                        {
                                            cur=sol.length-1;
                                            prev=cur-1 ;        
                                        }

                                        $(sol[cur]).fadeOut(3000);
                                        $(sol[prev]).fadeIn(3000);
                                        sola[cur].className = 'number'
                                        sola[prev].className = 'number select' 
                                    }
                                    timi = window.setInterval('doslide()',10000)
                                }
                                function thisisit(aiyo)
                                {
                                    cur = aiyo
                                    window.clearInterval(timi);timi=null;

                                    $(sol[cur]).fadeIn(1000);
                                    $(sol[prev]).fadeOut(1000);
                                    sola[cur].className = 'number select'
                                    sola[prev].className = 'number'

                                    prev=cur
                                    ++cur;
                                    if(prev<0)prev = sol.length-1;
                                    timi = window.setInterval('doslide()',10000)     
                                }

                        </script>
vql8enpb

vql8enpb1#

我会尝试这样的东西:

var VK_LEFT = 37,
    VK_UP =  38,
    VK_RIGHT =  39,
    VK_DOWN = 40;

$(document).keydown(function(e){
   var key = (e.keyCode ? e.keyCode : e.which);

   if(key==VK_RIGHT)
       doslideright();
   else if(key==VK_LEFT)
       doslideleft();
});

相关问题