javascript翻页,jquery翻页

按键盘方向键翻页跳转的javascript代码(支持ie,firefox)

网上提供的代码，多是仅支持ie，下面这个是脚本之家特别为大家整理的兼容firefox版本的。

支持按键盘方向键翻页跳转的代码支持ie,firefox

document.onkeydown

=

pageEvent;

var

prevpage="";

var

nextpage="";

function

pageEvent(evt){

evt

=

evt

||window.event;

var

key=evt.which||evt.keyCode;

if

(key

==

37)

location

=

prevpage

if

(key

==

39)

location

=

nextpage

};

说明：按键盘←

→方向键

或

PageUp

PageDown键直接翻页

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

更多文章可以参考

相关问答

Q1: 如何用js做翻页效果

参考代码如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

    html xmlns="" 

    head

    title/title

    script type="text/javascript" language="javascript" src=""/script

    script type="text/javascript" language="javascript"

    $(function() {

    $("#right").click(function() {

    var roll = $("div/div", { css: { position: "absolute", border: "solid 1px #999", left:    "806px", top: "10px", height: "494px", width: "1px", background:                     "#fff"}}).appendTo($("#book").parent());

    $(roll).animate({

    left: "10px",

    width: "398px"

    }, 1000, function() {

    $("#left").css({"background":"#fff"});

    $(roll).fadeOut(300, function() {

    $(roll).remove();

    })

    });

    });

    });

    /script

    /head

    body style="padding:5px;margin:0;"

    div id="book" style="width:797px;height:494px;background:#ccc;border:solid 6px #ccc;"

    div id="left" style="width:398px;height:494px;float:left;background:url() no-repeat top left;cursor:pointer;"/div

    div id="right" style="width:398px;height:494px;float:left;background:#fff;cursor:pointer;margin-left:1px;text-align:right;"p style="margin-top:470px;font-size:12px;color:#999;"点这翻页  /p/div

    /div

    /body

    /html

Q2: 使用JAVA脚本（JavaScript）控制翻页

这个要配合数据库的分页的，前台异步发送请求，后台根据你的参数，如当前页，是下一页还是什么的，然后传数据到前台。