快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript翻页,jquery翻页

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

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

高唐ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

支持按键盘方向键翻页跳转的代码支持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需刷新才能执行]

更多文章可以参考

如何用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)控制翻页

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


当前题目:javascript翻页,jquery翻页
分享地址:http://6mz.cn/article/dsgeegj.html

其他资讯