Question

即时通讯使用此网站link

的翻页效果

我现在想要做的是左右键上的keydown箭头来改变页面。

有可能吗？

我尝试使用此代码：

Javscript：

(function($){
                $(document).ready(function(){
                    $('.exemples:eq(0)').flippage({
                        width: 1160,
                        height: 755
                    });

                    $('.exemples:eq(1)').flippage({
                        width: 1160,
                        height: 755
                    });
                });
                $(window).bind('keydown', function(e){

                    if (e.keyCode==37)
                        $('.exemples:eq(0)').flippage({
                        width: 1160,
                        height: 755
                    });
                    else if (e.keyCode==39)
                        $('.exemples:eq(1)').flippage({
                        width: 1160,
                        height: 755
                    });

                });
            })(jQuery);

我的下一个和上一个按钮：

<a href="#" onclick="$('.exemples:eq(0)').trigger('previous'); return false;">PREV</a> 
<a href="#" onclick="javascript:$('.exemples:eq(0)').trigger('next'); return false;">NEXT</a>

希望有人能帮助我。

提前致谢

UPDATE 尝试了这种方式（仍然无效）：

(function($){
                $(document).ready(function(){
                    $('.exemples:eq(0)').flippage({
                        width: 1160,
                        height: 755
                    });

                    $('.exemples:eq(1)').flippage({
                        width: 1160,
                        height: 755
                    });
                }); 
                $(window).bind('keydown', function(e){

                    if (e.keyCode==37)
                        $('.exemples:eq(0)').trigger('previous'); return false;             
                    });
                    else if (e.keyCode==39)
                    $('.exemples:eq(1)').trigger('next'); return false;

                    });                     
                });
            })(jQuery);

Answer 1

解决，

<a id="prev" href="#" onclick="$('.exemples:eq(0)').trigger('previous'); return false;">PREV</a> 
<a id="next" href="#" onclick="javascript:$('.exemples:eq(0)').trigger('next'); return false;">NEXT</a>

和

$(window).bind('keydown', function(e){
  if (e.keyCode == 37)
   { 
    $("#prev").trigger('click');             
   }
   else if (e.keyCode == 39)
   {
     $('#next').trigger('click');
   }                     
});

PageFlip - 更改keydown页面

1 个答案: