按鍵盤方向鍵翻頁跳轉(zhuǎn)的javascript代碼(支持ie,firefox)

網(wǎng)上提供的代碼，多是僅支持ie，下面這個是腳本之家特別為大家整理的兼容firefox版本的。

高唐ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

支持按鍵盤方向鍵翻頁跳轉(zhuǎn)的代碼支持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需刷新才能執(zhí)行]

更多文章可以參考

如何用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

使用JAVA腳本（JavaScript）控制翻頁

這個要配合數(shù)據(jù)庫的分頁的，前臺異步發(fā)送請求，后臺根據(jù)你的參數(shù)，如當前頁，是下一頁還是什么的，然后傳數(shù)據(jù)到前臺。

當前標題：javascript翻頁,jquery翻頁
URL鏈接：http://chinadenli.net/article17/dsgeegj.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站設計公司、定制網(wǎng)站、網(wǎng)站排名、自適應網(wǎng)站、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)